这个网志上的程式码是透过 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 的程式码包起来即可。