惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 三生石上(FineUI控件)
D
DataBreaches.Net
博客园_首页
J
Java Code Geeks
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
罗磊的独立博客
腾讯CDC
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
B
Blog
D
Docker
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
A
About on SuperTechFans
博客园 - 聂微东
Stack Overflow Blog
Stack Overflow Blog
WordPress大学
WordPress大学
MyScale Blog
MyScale Blog
G
Google Developers Blog
博客园 - 司徒正美
aimingoo的专栏
aimingoo的专栏
小众软件
小众软件
Apple Machine Learning Research
Apple Machine Learning Research
博客园 - 叶小钗
M
MIT News - Artificial intelligence
Recent Announcements
Recent Announcements

博客园 - ☆磊☆

Win10 x64 + CUDA 10.0 + cuDNN v7.5 + TensorFlow GPU 1.13 安装指南 工作十一年总结 - ☆磊☆ - 博客园 Anaconda3 指南 Win Linux 双系统安装指南 OBS 录制视频 自己留存 - ☆磊☆ React Starter Kit 中文文档 - ☆磊☆ .NET Framework 系统版本支持表 Hyper-V和其他虚拟机共存 【转】 Docker入门03——Container Docker入门02——Dockerfile详解 Docker入门01——Image GORM 中文文档 - ☆磊☆ - 博客园 将以前的文章开始慢慢转到这里发表 环境变量 在 Linux 中安装 VMware Tools .gitignore 失效问题解决 Eclipse Aptana GAE Django HelloWorld 示例 TFS 迁移到 Git NLog 2.0.0.2000 使用实例
WordPress中使用Markdown和Syntax Highlighter
☆磊☆ · 2014-06-10 · via 博客园 - ☆磊☆

下载安装插件

  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  ☆磊☆  阅读(3431)  评论()    收藏  举报