wordpress 主题不支持 markdown 书写的代码块，生成文章后，好像只是简单的选中代码部分。

[itsuibi]

运行环境： WordPress4.7.2 主题： Lifestyle Pro studio 遇到的问题： 主题不支持 markdown 生成的代码块。 我想实现第一幅图片的结果，文章预览后生成的为第二幅图，不知道怎么解决。 图片 1 地址（ https://segmentfault.com/img/bVIF9e?w=438&h=137 ） 图片 2 地址（ https://segmentfault.com/img/bVIF9f?w=506&h=182 ） google 了，不知道是自己关键字有问题还是怎么了，没有找到想要的答案。

[mokeyjay]

不能直接用 markdown 的“三个'”号，要用 html 标签才行

[itsuibi]

@mokeyjay 放入 WordPress 时已经转换成 html 了；<pre><code>$ mkdir test // 创建文件夹<br>$ cd test //进入 test 文件夹<br>$ pwd //显示当前所在位置<br>$ /home/user/test
</code></pre>

[Kaiyuan]

我是安装 Jetpace 插件来开启 Markdown 支持，然后前端用 highlight.js 实现代码高亮。

https://cdn.jsdelivr.net/highlight.js/9.6.0/styles/ocean.min.css
https://cdn.jsdelivr.net/highlight.js/9.6.0/highlight.min.js

[kn007]

对于这种代码段，我一般用这个
https://kn007.net/code-highlight.html
复制黏贴一下。。就好了。
当然，高亮插件也是个不错的选择。不过我喜欢轻一点。

[kn007]

你可以对主题的 css 进行修改，可能 pre 和 code 没处理好

[Terenc3]

我发现了一个秘密：

https://segmentfault.com/q/1010000008226111

原来我回答过你的问题。

[itsuibi]

@Terenc3 你知道的太多啦

[Terenc3]

@itsuibi 哈哈，我的主题不适合使用 MD ，所以我没启用这个功能，但是 jetpack 这个插件真的挺好。