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;"
相关文章推荐
- wordpress如何使用vim和markdown写blog
- 在wordpress中使用 markdown:wp-markdown插件的使用方法
- wordpress如何使用vim和markdown写blog
- WordPress 2.9.2 使用感受
- Wordpress的主题与插件的使用
- 使用WampServer在本地玩转WordPress-[转载]
- 使用 Adobe AIR 管理 WordPress 评论
- Wordpress的主题与插件的使用
- WordPress 插件――CoolCode使用方法与下载
- LAMP开发精要(5):在 Wordpress 插件中使用样式表
- markdown使用
- WordPress入门指南-wordpress安装使用说明
- [转载]WordPress for BlackBerry详细使用教程
- LAMP开发精要(6):在 Wordpress 插件中使用 Javascript 脚本
- 在 Wordpress 插件中使用 Javascript(jQuery) 脚本
- WordPress使用
- 使用wordpress的心得
- WordPress系统的安装和使用简介
- 如何使用C#访问WordPress的xmlrpc.php
- 关于wordpress系统的使用