Markdown 格式测试：从文字到代码

这是博客的第一篇测试文章。它把常见的 Markdown 写法放在一起，方便检查桌面和手机上的阅读效果，也可以作为以后写文章的参考。这里先放一个脚注，试试跳到页末再返回。¹

文字与强调#

普通段落可以包含中文、English、数字 123，以及标点符号。段落之间留一个空行，就会自然分开。

这是 加粗文字，这是 斜体文字，这是 加粗且斜体，这是 删除线。行内代码适合表示命令、文件名或变量，例如 hugo server、content/_index.md 和 draft: false。

需要显示 Markdown 符号本身时，可以转义：*这不是斜体*，# 这不是标题。

标题层级#

正文通常从二级标题开始，文章的大标题由主题生成。

三级标题#

用来划分一个章节里的小主题。

四级标题#

适合补充更具体的说明。

五级标题#

测试较小标题的字体和间距。

六级标题#

这是 Markdown 支持的最后一级标题。

列表与任务#

无序列表#

• 记录一个想法。
• 整理一段笔记。
  • 添加具体例子。
  • 补充参考资料。
• 发布之后，再回来看看。

有序列表#

1. 在 content/posts/ 下创建 Markdown 文件。
2. 填写标题、日期和摘要。
3. 编写正文，然后运行 hugo server 预览。

任务列表#

• 添加首页。
• 写一篇 Markdown 测试文章。
• 在侧栏展示动态。
• 写下一篇正式文章。

引用与分隔线#

把今天的小发现写下来，明天就不必重新寻找。

引用也可以包含 强调 和 行内代码。

下面是一条分隔线：

分隔线之后开始一个新的段落。

链接与图片#

可以回到 首页 ，也可以看看 最近的动态 。

本地 SVG 图片#

下面是一张本地 SVG 插画，用来检查图片的宽度、比例与圆角。缩放后，山峦和水面线条仍应保持清晰。

远程图片#

下面的照片通过 HTTPS 从 Unsplash 加载，用来检查远程图片的显示、比例和加载情况。

图片来源：Unsplash 。

表格#

在窄屏上，表格可以横向滚动，避免撑开正文。

代码块#

Shell 命令#

# 启动本地预览
hugo server

# 生成静态网站
hugo --minify

TOML 配置#

[params.sidebar]
  right = ["page"]

  [params.sidebar.page]
    path = "/moments"
    title = "动态"

JavaScript#

const notes = ["学习", "记录", "分享"];

function greeting(name) {
  return `你好，${name}！`;
}

console.log(greeting("ryso"));
notes.forEach((note) => console.log(note));

纯文本与长行#

这是一段没有指定编程语言的文本。
long-line-test: /content/posts/a-long-example-path/used-to-check-horizontal-scrolling-without-breaking-the-page-layout/markdown-test.md

脚注#

正文中的补充说明可以放进脚注，减少对阅读的打扰。本文开头的编号会跳到页末的脚注，脚注里的返回箭头会跳回开头的引用位置。

收尾#

如果标题、图片、代码和表格都能正常显示，这篇文章就完成了它的任务。接下来，开始写真正想记录的内容吧。