您的位置:首页 > 其它

WordPress中使用Markdown和Syntax Highlighter

2014-06-10 16:57 141 查看

下载安装插件

在wordpress插件中安装WP Code Prettify

PHP Markdown Extra 下载Extra,并上传安装到wordpress。

Code Prettify themes 下载喜欢的样式,放到\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 #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;"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: