Doing my own syntax highlighting (finally)
7 months ago
- #programming
- #web-design
- #syntax-highlighting
- 作者在使用了13年默认设置后，决定重新设计博客的语法高亮方案
- 受Nikita Prokopov文章启发，他们采用了极简主义风格，仅突出显示字符串、注释和变量定义等关键元素
- 新配色方案使用红色标注注释，绿色标注字符串，洋红色标注数字和常量，蓝色标注变量定义，灰色标注标点符号
- 作者使用Rouge进行语法高亮，该工具将代码解析为标记并用HTML span标签包裹以便CSS样式控制
- 为专门突出变量定义，作者手动标注代码片段并使用Jekyll插件修改HTML输出
- 新设计使注释更醒目，并采用克制配色方案以提升可读性
- 作者承认语法高亮具有主观性，但认为极简风格最适合博客中的短代码片段
- 这次改版旨在提升可读性，并使代码片段与网站整体设计风格保持一致
- 作者享受个性化博客的创作自由，并在持续改进中获得乐趣