我正在为我的博客使用 docpad + markdown。我使用highlight.js plugin 来格式化代码示例。格式化工作正常，关键字突出显示。现在，我想用额外的格式来强调一些代码块，例如显示我与前一个块相比所做的更改。
是否可以突出显示代码块的某些部分，例如
这是Martin Fowler's blog的样子：
唯一的区别是我也想保持关键字突出显示。
【问题讨论】：
标签： markdown docpad highlight.js
根据 Docpad 的list of Plugins，您有几个选择。我注意到下面列出的两个快速浏览。可能还有其他我错过了。
如果您想自定义输出的外观，我怀疑您需要编辑任一插件使用的 CSS。请参阅您选择的特定插件的文档。
例如，Highligh.js 插件docs 声明您需要单独下载样式表（这可以解释为什么 OP 没有使用该插件获得任何样式）。查看提供的列表和演示，然后选择最适合您所需外观的样式。
下载 CSS 文件并保存到适当的目录。正如 Docpad 的 docs 所指出的，那将是在 src/render/styles/filename.css 确保将“filename.css”替换为文件名。正如文档所述：
然后，为了将其包含在我们的页面中，我们将 default.html.eco 布局中的样式块更新为：
<%- @getBlock("styles").add(["/styles/style.css"]).toHTML() %>
同样，请务必使用文件的实际名称。
要对使用的颜色/样式进行任何调整，您需要编辑该 CSS 文件。请注意，Highlight.js 提供了一个list of class names，您可以将其用于样式挂钩。找到与您要调整的项目匹配的特定类名，并在 CSS 文件中找到该类的样式并编辑直到您满意为止。
请注意，以上假设您使用的是默认设置和插件，如 DocPad 文档的“入门”页面中所述。 YMMV。
如果要突出显示更改，则需要为更改创建diff，然后将“差异”定义为语言。 Highlight.js 然后将使用diff 高亮显示更改。不幸的是，没有办法同时突出显示语言和差异。换句话说，您可以突出显示关键字，也可以突出显示更改，但不能同时突出显示。
当然，您始终可以 define 您自己的“语言”和 register 使用 Highlight.js。但这超出了本论坛的范围。
【讨论】：