墨笔

公众号代码块排版

技术文章里的代码用围栏代码块单独排。三个反引号负责界定范围,紧接着的语言名用于选择高亮规则。

操作步骤

  1. 在墨笔编辑区输入下面的完整示例,保留开头和结尾的三个反引号。
  2. 在预览中确认代码单独成块,缩进保留,javascript 对应的代码出现语法高亮。
  3. 如果代码太长,先在源稿中按语义拆行。换一套主题,对比正文和代码背景的对比度。
  4. 点「复制到公众号」,粘贴后核对缩进、引号和背景,再检查手机预览。

示例 Markdown

下面计算含税价格:

```javascript
function priceWithTax(price, rate) {
  return price * (1 + rate)
}

console.log(priceWithTax(100, 0.06))
```

调用时传入价格与税率。

预期效果

说明文字和代码分开,代码采用等宽字体,函数、数字等按语言规则高亮。单个词可用行内代码,例如 `price`,适合在段落中解释变量。

已知限制

墨笔支持代码块主题、语言标注和行号配置。本文只使用可以直接复现的 Markdown 输入方式;这些配置在不同屏幕布局中的入口可能不同。

公众号手机端的显示宽度有限,长代码行的横向滚动和换行行为需要实际检查。代码块只呈现源文,不会执行代码。语言名写错或缺少对应高亮规则时,颜色效果可能不符合预期;先核对语言名,再检查源码内容。

继续看:主题样式说明。