Install MarkDown On Wordpress

2015-02-04 veryyoung 更多博文 » 博客 » GitHub »

原文链接 http://veryyoung.me/blog/2015/02/04/install-markdown-on-wordpress.html
注:以下为加速网络访问所做的原文缓存,经过重新格式化,可能存在格式方面的问题,或偶有遗漏信息,请以原文为准。


今天突然想用markdown写博文,这样应该会方便不少。

开工

1.下载插件。

这里我选择了Markdown QuickTags

在官网看到

!This plugin hasn't been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

有点被惊呆

2.启用插件

下载完该插件之后,放入WordPress的plugins文件夹下,上传代码,然后再后台启用即可

3.改变样式

发现wordp对<pre><code>的支持不太好,样式略逊

随便打开一个支持markdown的网站,查看源代码 找到有关code的css,复制进wordp主题css文件里 我使用的是MarkdownPad 2的浏览器预览

代码如下

pre, code, tt { font-size: 12px; font-family: Consolas, "Liberation Mono", Courier, monospace; }

code, tt { margin: 0 0px; padding: 0px 0px; white-space: nowrap; border: 1px solid #eaeaea; background-color: #f8f8f8; border-radius: 3px; }

pre>code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; }

pre { background-color: #f8f8f8; border: 1px solid #ccc; font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; }

pre code, pre tt { background-color: transparent; border: none; }

4.使markdown生效

我一般是在MarkdownPad 2写完文章,复制进WordPress文章发布的地方,点击下面的“Render”,发布即可。在发布之前还可以点左上角的“放大镜”去preview哦。

好啦!可以用markdown的语法写博文啦。

近期准备用markdown重构所有博文!