代码高亮、行号与一键复制：多语言示例

分享代码时，在代码前后各放一行三个反引号，并在开头写上语言名称，例如 javascript、python 或 bash。文章、评论和 Markdown 预览都会显示相同的代码样式。

每个代码块左侧显示行号，右上角的「复制代码」会复制完整原文，包括缩进、空行和特殊字符，不会把行号或语言标签复制进去。窄屏上的长代码可以在代码区域内左右滚动。

JavaScript：中文、空行和字符串

const greeting = "你好，代码世界";

function greet(name) {
    return `${greeting}，${name}！`;
}
console.log(greet("NodeSpace"));

Python：保留四个空格的缩进

def fibonacci(count):
    a, b = 0, 1
    for _ in range(count):
        yield a
        a, b = b, a + b

print(list(fibonacci(8)))

Bash：命令和路径

下面的命令只用于展示语法，页面不会执行代码。

#!/usr/bin/env bash
project_dir="$HOME/my project"
printf '项目路径：%s\n' "$project_dir"

PHP：输出文本

<?php
$name = 'NodeSpace';
echo htmlspecialchars("你好，{$name}", ENT_QUOTES, 'UTF-8');

HTML 与 CSS

<section class="welcome" aria-label="欢迎信息">
    <h2>欢迎分享代码 &amp; 经验</h2>
</section>

.welcome {
    padding: 16px;
    color: #29362e;
    border-radius: 8px;
}

SQL、JSON 与 YAML

SELECT language, COUNT(*) AS total
FROM code_examples
GROUP BY language
ORDER BY total DESC;

{
    "title": "代码示例",
    "features": ["高亮", "行号", "复制"],
    "enabled": true
}

project: NodeSpace
features:
  - syntax-highlighting
  - line-numbers
  - copy-code

未知语言和普通文本

没有收录的语言会按纯文本显示，仍可查看行号和复制。不会把代码内容当作页面 HTML 执行。

literal <tag> & "quotes"
路径：C:\projects\demo

第一行普通文本

第三行：空行也会保留。

可以切换网站的明暗主题，或在手机上打开本文，查看代码的阅读效果。