下载安装插件
在wordpress插件中安装WP Code Prettify。
&下载Extra，并上传安装到wordpress。
&下载喜欢的样式，放到\wp-content\plugins\wp-code-prettify\css目录中。
我使用的是Twenty Twelve样式
编辑style.css文件将.entry-content pre, .comment-content pre&的样式内容剪切到.entry-content pre code, .comment-content pre code中。
设置WP Code Prettify修改自定义样式代码如下：
.entry-content pre code { margin:5px; padding:10px; max-height:300px; overflow:auto; font-size:14px; border:1px solid #}
代码部分必须使用如下方式添加
~~~.prettyprint
```{.prettyprint .lang-cs}
修改PHP Markdown Extra插件支持html5
打开编辑页面搜索align将
align="right"
align="center"
align="left"
对应修改为
style="text-align:"
style="text-align:"
style="text-align:"
阅读(...) 评论()Markdown 工具补完
Loading...
Markdown 的理念是，能让文档更容易读、写和随意改。HTML 是一种发布的格式，Markdown 是一种书写的格式。就这样，Markdown 的格式语法只涵盖纯文本可以涵盖的范围。
你只需要学习几个简单的符号，然后专注于码字，文字的排版只是多打几个符号而已。想入门很简单，推荐专注于 Ubuntu/Linux 系统的博客
的站长 @riku 整理的 Markdown 语法说明: 和 。
Markdown 工具
Windows：，需要安装 。
Linux：，Ubuntu 安裝方法参考
Mac：，或者
这两个 app 我们小众软件已经介绍过。
网页版： via
GreaseMonkey 脚本：，此脚本会在文本域的左下角新增一个 Markdown 按钮，输入各种包含 Markdown 的文字之后，点击它就可以把代码转化为为 HTML。
update： 金色葡萄 推荐 Chrome 扩展
左右分屏, 即写即出。
推荐 Windows 下的 Markdown 软件： 。
Phoenix Wright 说：我用的 vim + ，实乃神器。
可以在各种文档之间转换，html2markdown 没有问题。
我还是直接拿记事本来写, 然后粘贴到markdown web dingus上转换一下,再copy出来
chrome下有不错的web app, 在chrome web store上查一下就成找到许多, 推荐个MaDe, 左右分屏, 即写即出
顺便问, VIM上的markdown怎么搞定?
按分类查看文章:
大家都在讨论些什么
: Inbox 也是凑凑合合吧，没觉得多好用啊。可能是不如你们会玩。: 这个相当可以，如果能代理google-fonts就更完美了；虽然...不说了努力搬砖争取肉身翻墙！: 求数据库: po主发的小狗不动啊。: firefox试试gooreplacer: 原来作者有在线版的尝试，但我感觉它停止更新了。
最后一次更新在
/files-7/tools/Typesetting_online.htm: 没有起作用
最热门标签
传说中的小众软件 让你的手机应用与众不同。
商业网站或未授权媒体不得复制、转载、使用本站内容。　　语法高亮工具增强了代码的可读性，美化了代码，让程序员更容易维护。语法高亮提供各种方式由以提高可读性和文本语境，尤其是对于其中可以结束跨越多个页面的代码，以及让开发者自己的程序中查找错误。在这篇文章中，我们选择了12款最佳的
语法高亮插件分享给大家，这将有助于你管理，美化和突出你的代码。
您可能感兴趣的相关文章
1. Crayon Syntax Highlighter
A Syntax Highlighter built in PHP and jQuery that supports customizable languages and themes. It can highlight from a URL, a local file or WordPress post text. Crayon makes it easy to manage Language files and define custom language elements with regular expressions.
2. Advanced Code Editor
Enables syntax highlighting in the integrated themes and plugins source code editors. Supports PHP, HTML, CSS and JS. Effectively edit your themes or plugins when you only have access to a browser, by enabling syntax highlighting in WordPress integrated source code editors. Supports PHP, HTML, CSS and JavaScript.
3. WP Code Highlight
WP Code Highlight provides syntax highlighting of source code snippets and it is W3C valid. Wrap code blocks with and it provides a code button(HTML editor) to help you insert code in articles easily. You don&t need to specify the language since WP Code Highlight will guess, all languages are supported. You can put line numbers in your code if you need.
4. WP Syntax
WP-Syntax provides clean syntax highlighting using GeSHi supporting a wide range of popular languages. It supports highlighting with or without line numbers and maintains formatting while copying snippets of code from the browser. It avoids conflicts with other 3rd party plugins by running an early pre-filter and a late post-filter that substitutes and pulls the code snippets out first and then pushes them back in with highlighting at the end.
5. IG: Syntax Hiliter
iG:Syntax Hiliter allows you to post source code to your site with syntax highlighting and formatting (as seen in code editors, IDEs). You can paste the code as is from your code editor or IDE and this plugin will take care of all the code colouring and preserve your formatting. It uses the GeSHi library to colourize your code and supports over a 100 programming languages. Most common languages are included with the plugin and it includes drop in support for more languages used by GeSHi.
6. Syntax Highlighter Compress
Syntax Highlighter ComPress is a simple WordPress plugin, that is based on the latestAlex Gorbatchev&s SyntaxHighlighter Script. Code and source text of different mark-up or programming languages can be highlighted in WordPress. Supported mark-up or programming are: AppleScript, ActionScript3, Bash/shell, Coldfusion, C#, C++, CSS, Delphi, Diff, Erlang, Groovy, JavaScript, Java, JavaFX, Perl, PHP, Plain Text, Python, Ruby, Scala, SQL, Visual Basic and XML.
7. Code Highlight
This plugin uses the Google Code Prettify Script to Highlight & Style Code. The plugin also adds styling to the existing pre Quick tag in your WordPress text editor, no shortcodes which look bad if you stop using the plugin.
8. Dev Formatter
Create a better display of codes on your page/blog. For everybody that publish examples, source-code and some tips about a specific language. This plugin do use of GeSHi highlight system, so you will have support for more then 110 languages, including PHP, ASP, Html, JavaScript, CSS, Java, Python, Delphi, C++, C, Visual Basic and much more.
9. Syntax Highlighter Evolved
SyntaxHighlighter Evolved allows you to easily post syntax-highlighted code to your site without losing it&s formatting or making any manual changes. It uses the SyntaxHighlighter JavaScript package by Alex Gorbatchev.
10. Syntax Highlighter MT
This plugin works like many of the others that enable the use of the Syntax Highlighter tool. Dynamic plugin loading is now available as part of the Syntax Highlighter tool, making brush configuration obsolete.
11. PCSH & PastaCode and Syntax Highlighter
With PCSH (based on the Pastacode plugin), you can easily add code into your posts with the awesome SyntaxHighlighter js-library. You can insert source code into the post editor, from a file, or from webservices like GitHub, Gist, Pastebin or BitBucket. Webservices responses are cached in order to avoid too many HTTP requests.
12. Smart Syntax
Smart Syntax plugin automatically adds Google prettify syntax highlighting to the fenced code blocks in both content and comments. It&s made with Jetpack markdown in mind, which brings the power of markdown extra to WordPress and gives you an easy to use markdown syntax for fenced code blocks.
您可能感兴趣的相关文章
本文链接：
编译来源：
阅读(...) 评论()玩转markdown 分享几个需要用到的工具
作者：ideras.me
字体：[ ] 类型：转载 时间：
markdown是一个面向写作的语法引擎，markdown的最终目的都是解析成html用于网页浏览，所以它兼容html语法，即你可以在 markdown文档中使用原生的html标签
【引自ideras.me的博客】前言
随着wordpress和静态网站的流行，markdown被用的越来越多。
markdown是一个面向写作的语法引擎，markdown的最终目的都是解析成html用于网页浏览，所以它兼容html语法，即你可以在 markdown文档中使用原生的html标签。
markdown解析器
开发静态网站生成器的时候都会采用一种叫front matter的格式进行网站内容写在类似下面的格式
2.title: 玩转markdown，你需要用到这几个工具
4.image: /img/pencils-.jpg
9.随着wordpress和静态网站的流行，markdown被用的越来越多。...
当进行网站生成的时候需要进行markdown解析，然后渲染成html页面，那用什么工具进行解析呢?
marked是最早用node.js开发的markdown解析器，同时提供CLI命令调用和node.js api调用。
CLI调用代码示例
$ marked -o hello.html
hello world
$ cat hello.html
&p&hello world&/p&
API调用示例
var marked = require('marked');
console.log(marked('I am using __markdown__.'));
// Outputs: &p&I am using &strong&markdown&/strong&.&/p&
这些都是一些通用的功能，但是marked还支持代码高亮，通过使用highlight.js。
使用highlight.js进行代码高亮相信大家都用到过，可能大家不知道是highlight.js还支持api方式调用，下面的代码会配置marked使用highlight.js进行代码高亮相信大家都用到过，可能大家不知道是highlight
marked.setOptions({
highlight: function (code, lang) {
if (lang) {
res = hljs.highlight(lang, code, true).
res = hljs.highlightAuto(code).
生成的代码已经包含代码高亮标签，最后只需要引入highlight.js的主题就能显示了，highlight.js所有的颜色主题都在这里
markdown-js
markdown-js也是一款使用node.js开发的markdown解析器，基本用法和marked差不多，但是文档里面好像没有提到像marked一样进行代码高亮生成的接口，有兴趣的同学自己找找吧。
markdown生成器
to-markdown
什么是markdown生成器，就是根据html标签生成markdown文件。
github上面markdown生成器star数最高的是to-markdown。
简单的代码示例
var toMarkdown = require('to-markdown');
toMarkdown('&h1&Hello world!&/h1&');
to-markdown最近进行了更新，增加了对gfm的兼容，gfm就是git flavored markdown的意思， 是github对markdown语法进行了扩展。
使用gfm的示例
toMarkdown('&del&Hello world!&/del&', { gfm: true });
那这个to-markdown有什么用呢?
举个简单的例子，假如我想开发一个简单的rss阅读器，但是我又不想跳转到目标网站去阅读，因为不同的网站风格不一，导致不一致的阅读体验。
怎么办呢?那就把网站内容抓取下来，然后用to-markdown生成markdown文件，然后使用自己的模板样式进行统一渲染。
当然去除广告只是一个side effect。
heckyesmarkdown
除了to-markdown之外还有一个比较好用的api，heckyesmarkdown，这个项目使用了php-readability，提高文章的可读性。
可惜heckyesmarkdown没有开源出来，这个项目有点古老，估计那个时候github还没流行起来。
heckyesmarkdow对中文的支持不是非常友好，如果想抓取中文站还是使用to-markdown比较靠谱一点。
front matter
markdown写文章确实很方便，简单容易上手，但是markdown不能保存元数据，例如作者，日期，类型这样的结构化的数据如果都生成html标签的话提取的时候又稍微麻烦了点， 还得借助cheerio才能完成。
所以，为了能方便的保存文章的元数据，几乎所有的静态网站生成器都使用front matter格式来保存文章。
front matter文件通常分为头部和正文部分，头部一般使用yaml、toml和json三种格式，front matter 解析工具需要识别这三种格式的文件头。正文部分就是普通的markdown内容。
front-matter
front-matter也是用node.js开发的，相比markdown解析器来说，fornt-matter解析器要简单很多。
示例文件 example.md
title: Just hack'n
description: Nothing to see here
This is some text about some stuff that happened sometime ago
var fs = require('fs')
, fm = require('front-matter')
fs.readFile('./example.md', 'utf8', function(err, data){
if (err) throw err
var content = fm(data)
console.log(content)
attributes: {
title: 'Just hack\'n',
description: 'Nothing to see here'
body: '\nThis is some text about some stuff that happened sometime ago',
frontmatter: 'title: Just hack\'n\ndescription: Nothing to see here'
front matter虽然格式看起来不太统一，却是对markdown强有力的补充。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}