这个网志上的程式码是透过 SyntaxHighlighter Evolved 这支外挂来呈现,不过不知道为什么,我一直无法让程式码以 inline 的方式呈现,后来干脆自己用 span
标签加上 CSS 来呈现,后来注意到文字编辑器上 code 按钮我一直没用,最后干脆把新增的 CSS 写进 code
标签,之后就可以快速套用了。
修改 CSS
在 WordPress 的「附加的 CSS」加上以下程式:
code { background-color: #e3e6e8; border-radius: 4px; padding: 1px 8px; color: black; font-family: Cosolas; }
使用
在编辑文章时,点选上方的 code 按钮,将 inline 的程式码包起来即可。