C 黄撑的技术笔记
视觉实验室

代码块样式实验

在视觉实验室里对比 8 种代码块样式，方便选择一种作为博客默认全局风格。

作者：黄撑 更新于 2026-06-29

这篇文章用于对比代码块视觉风格。先看效果，再选择一种作为博客默认 / 全局代码块样式。

候选样式

01 · 深夜蓝黑

当前方向 · 科技感强

midnight 
# automation/workbench.py
from agent import analyze_task
from sheet import update_report
from notify import send_dingtalk

TASKS = ["collect", "analyze", "sync"]

for task in TASKS:
    result = analyze_task(task)
    update_report(result)

send_dingtalk("workflow synced")

适合 Agent 自动化、工具实践、代码说明类文章。

02 · 终端黑绿

命令行感 · 极客

terminal 
# automation/workbench.py
from agent import analyze_task
from sheet import update_report
from notify import send_dingtalk

TASKS = ["collect", "analyze", "sync"]

for task in TASKS:
    result = analyze_task(task)
    update_report(result)

send_dingtalk("workflow synced")

适合命令、日志、部署、调试记录。

03 · 纸张浅色

文档感 · 轻阅读

paper 
# automation/workbench.py
from agent import analyze_task
from sheet import update_report
from notify import send_dingtalk

TASKS = ["collect", "analyze", "sync"]

for task in TASKS:
    result = analyze_task(task)
    update_report(result)

send_dingtalk("workflow synced")

适合长文章，但代码质感弱一点。

04 · GitHub 浅灰

标准感 · 稳妥

github 
# automation/workbench.py
from agent import analyze_task
from sheet import update_report
from notify import send_dingtalk

TASKS = ["collect", "analyze", "sync"]

for task in TASKS:
    result = analyze_task(task)
    update_report(result)

send_dingtalk("workflow synced")

通用、安全，适合不想太抢视觉的文章。

05 · 笔记卡片

视觉笔记 · 柔和

notebook 
# automation/workbench.py
from agent import analyze_task
from sheet import update_report
from notify import send_dingtalk

TASKS = ["collect", "analyze", "sync"]

for task in TASKS:
    result = analyze_task(task)
    update_report(result)

send_dingtalk("workflow synced")

和当前博客的视觉笔记方向比较搭。

06 · 极光渐变

展示感 · 强视觉

aurora 
# automation/workbench.py
from agent import analyze_task
from sheet import update_report
from notify import send_dingtalk

TASKS = ["collect", "analyze", "sync"]

for task in TASKS:
    result = analyze_task(task)
    update_report(result)

send_dingtalk("workflow synced")

适合少量重点代码，不适合全文大量使用。

07 · 玻璃拟态

轻科技 · 装饰

glass 
# automation/workbench.py
from agent import analyze_task
from sheet import update_report
from notify import send_dingtalk

TASKS = ["collect", "analyze", "sync"]

for task in TASKS:
    result = analyze_task(task)
    update_report(result)

send_dingtalk("workflow synced")

适合首页、项目页、视觉实验，不一定适合正文默认。

08 · 极简单色

克制 · 内容优先

mono 
# automation/workbench.py
from agent import analyze_task
from sheet import update_report
from notify import send_dingtalk

TASKS = ["collect", "analyze", "sync"]

for task in TASKS:
    result = analyze_task(task)
    update_report(result)

send_dingtalk("workflow synced")

适合表格处理、公式、长代码片段。

选择建议

如果要作为全站默认代码块，优先看这几个点：

  • 长时间阅读是否舒服。
  • 和博客主题是否协调。
  • Python、Bash、配置文件是否都清晰。
  • 手机端横向滚动时是否不刺眼。
  • 复制按钮、行内高亮、代码标题是否还能保持可读。