WordPress中使用Markdown和Syntax Highlighter

下载安装插件

  1. 在wordpress插件中安装WP Code Prettify
  2. PHP Markdown Extra 下载Extra,并上传安装到wordpress。
  3. Code Prettify themes 下载喜欢的样式,放到\wp-content\plugins\wp-code-prettify\css目录中。

修改样式

我使用的是Twenty Twelve样式

  1. 编辑style.css文件
    .entry-content pre, .comment-content pre 的样式内容剪切
    .entry-content pre code, .comment-content pre code中。
  2. 设置WP Code Prettify
    修改自定义样式代码如下:
.entry-content pre code { margin:5px; padding:10px; max-height:300px; overflow:auto; font-size:14px; border:1px solid #ccc;}

使用

代码部分必须使用如下方式添加

~~~.prettyprint
your code
~~~

或者如下

```{.prettyprint .lang-cs}
your code
```

修改PHP Markdown Extra插件支持html5

打开编辑页面搜索align

align="right"
align="center"
align="left"

对应修改为

style="text-align: right;"
style="text-align: center;"
style="text-align: left;"

 

posted @ 2014-06-10 16:57  ☆磊☆  阅读(3378)  评论(1编辑  收藏  举报