公众号代码块排版
技术文章里的代码用围栏代码块单独排。三个反引号负责界定范围,紧接着的语言名用于选择高亮规则。
操作步骤
- 在墨笔编辑区输入下面的完整示例,保留开头和结尾的三个反引号。
- 在预览中确认代码单独成块,缩进保留,
javascript对应的代码出现语法高亮。 - 如果代码太长,先在源稿中按语义拆行。换一套主题,对比正文和代码背景的对比度。
- 点「复制到公众号」,粘贴后核对缩进、引号和背景,再检查手机预览。
示例 Markdown
下面计算含税价格:
```javascript
function priceWithTax(price, rate) {
return price * (1 + rate)
}
console.log(priceWithTax(100, 0.06))
```
调用时传入价格与税率。
预期效果
说明文字和代码分开,代码采用等宽字体,函数、数字等按语言规则高亮。单个词可用行内代码,例如 `price`,适合在段落中解释变量。
已知限制
墨笔支持代码块主题、语言标注和行号配置。本文只使用可以直接复现的 Markdown 输入方式;这些配置在不同屏幕布局中的入口可能不同。
公众号手机端的显示宽度有限,长代码行的横向滚动和换行行为需要实际检查。代码块只呈现源文,不会执行代码。语言名写错或缺少对应高亮规则时,颜色效果可能不符合预期;先核对语言名,再检查源码内容。
继续看:主题样式说明。