仅适用于单行、无HTML字符的简短Git命令，如git commit -m；含、&或多行命令必须用组合并转义特殊字符。
直接用 <code> 标签包裹 Git 命令即可，但必须注意：它只适合单行、无 HTML 字符的命令；多行或含 /<code>> 的命令会解析失败或格式错乱。
什么时候该用 <code> 包裹 Git 命令
仅适用于独立、简短、上下文明确的命令片段，比如在段落中提一个操作动词或参数名。它不保留换行、不渲染缩进、不处理特殊字符——这恰恰是它的设计目的：轻量、语义清晰、嵌入自然。
-
git commit -m✅ 适合：作为命令组成部分被提及，如“使用git commit -m提交带消息的更改” -
git tag -l "v1.8.5*"✅ 适合：不含、<code>>、&，且为单行完整命令 -
git push origin main✅ 适合：无歧义、无重定向/管道符、不跨行 -
git config --global user.name✅ 适合：虽长但结构清晰，浏览器默认等宽字体可读性尚可
哪些 Git 命令不能直接塞进 <code>
一旦命令含 HTML 敏感字符（、<code>>、&）或需多行展示，<code> 就会失效——要么被浏览器当标签解析，要么压成一行丢失结构。
-
git log --oneline --graph --all❌ 表面看没问题，但实际渲染时若前后有空格或换行，可能被压缩成git log --oneline --graph --all（无空格），语义受损 -
git diff > patch.txt❌>未转义 → 浏览器尝试闭合标签，后续 HTML 崩溃 -
git checkout -b feature/login && git push -u origin feature/login❌ 含&&，&必须写成&，否则解析中断 - 任何带注释、缩进或换行的命令块（如演示交互流程）❌
<code>会抹掉所有换行和多余空格，变成一长串不可读文本
多行 Git 输出或复杂命令必须用 <pre class="brush:php;toolbar:false;"><code></code> 组合</pre>
展示命令输出、带管道符的链式命令、或需要保留缩进的配置说明时，<pre class="brush:php;toolbar:false;"></pre> 负责格式，<code> 负责语义——二者缺一不可。漏掉 <code>，高亮库（如 Prism.js）无法识别语言；漏掉 <pre class="brush:php;toolbar:false;"></pre>，所有空格换行全丢。
- 正确结构：
$ git tag -l "v1.8.5*" v1.8.5 v1.8.5-rc0 v1.8.5-rc1
——<pre class="brush:php;toolbar:false;"></pre>保换行缩进，<code>声明这是代码，且内容中和 <code>>已手动转义为/<code>> - 错误写法：
git tag -a v1.4 -m "my version 1.4"→ 若该命令出现在教程步骤中且需强调其“执行后效果”，仍应归入<pre class="brush:php;toolbar:false;"><code></code>，因引号内空格和双引号本身易与上下文混淆</pre> - 别用
<div> 模拟：没有语义、不支持语法高亮、屏幕阅读器读作普通段落 <h3>容易被忽略的细节：转义、字体、响应式</h3> <p>即使结构正确，三个实操细节常导致线上代码块显示异常：</p> <ul> <li>所有 <code>、<code>>、&必须手动转义为、<code>>、&—— 即使它们在引号里，HTML 解析器也先于 JS 执行，不转义就断 DOM <code>默认无等宽字体保障，务必加 CSS：font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;-
<pre class="brush:php;toolbar:false;"></pre>容器默认横向溢出，建议加overflow-x: auto和tab-size: 2（Git 输出常用 tab 缩进）
