你好,纸盒

欢迎来到纸盒。

这是我的第一篇文章。只是打招呼太浪费了,作为一个测试例则格外合适。

于是这篇把博客的渲染组件全部体检一遍:标题、强调、列表、引用、表格、代码、链接、图片,再到主题的短代码。每样都能正常渲染,就算正式开张。

标题层级

从这一节开始,从上到下分别是 H2、H3、H4。H1 留给文章标题,不在正文里重复。

H3 小节标题

正文段落。中文排版下,段落之间应当有足够的行距,长段落在窄屏上不应挤压变形。这里写够长度来测试段落的换行与两端对齐——测试用文本通常故意写得比实际内容长,好让渲染的问题暴露得早一些。英文与数字混排也不该破坏基线,例如 Hello, Box 2026。

H4 小节标题

更小的层级,用于测试标题字号的递减是否平滑。

文本强调

• 粗体用于关键结论
• 斜体用于书名与外来词
• 粗斜体两者兼具
• 删除线表示废弃的说法
• 行内代码 用于变量名与命令
• 高亮标记 与 Ctrl + C 这类内联 HTML 也应原生可用

列表

无序列表

• 第一层:纸盒的原材料
  • 第二层:瓦楞纸
    • 第三层:必须足够厚,才能装下想法
  • 第二层:胶带
• 第一层:盒子的规矩
  • 装真想法
  • 不装转载

有序列表

1. 打开盒子
2. 放入内容
3. 盖上盖子
4. 寄往未来

任务列表

• 搭好 Hugo 站点
• 换掉默认主题
• 写好第一篇
• 发布到公网

引用与提示框

普通引用

想象是免费的,纸盒不是。

GitHub 风格提示框

ℹ️

笔记:提醒不那么要紧的事。

💡

技巧:更优的写法在这里。

☝️

重要:别忘了关键约束。

⚠️

警告:这里有个坑。

🚨

小心:操作有风险,先备份。

📣

公告:全站通知用这种。

表格

对齐测试

数据表

代码

行内代码

在终端里执行 hugo server -D,然后在浏览器打开 http://localhost:1313。

Python

def box(content: str) -> str:
    """把内容装进盒子。"""
    lid = "─" * 20
    return f"{lid}\n│ {content}\n{lid}"

print(box("hello, cardboard"))

终端

hugo --gc && hugo server --port 1313

无语言标注

这是一个没有标注语言的代码块,高亮引擎应优雅降级为纯文本。

链接

• 站内:去 档案馆 看看全部文章
• 站外:主题作者的主页在 geedea.pro ,外链应带图标并在新标签页打开
• 行内链接夹在句子里,如 Hugo 的 文档站 质量很高,可以多翻。

图片

测试站没有专门配图,用站内的纸盒 logo 充当。图片应懒加载、点击放大(libra 灯箱)。

图文混排:左浮动

浮动图片环绕排版:文字应该从图片的右侧流过,窄屏(手机)上则应自动退化为普通段落流,避免图压文字。

段落内容需要足够长才能看出环绕效果。这里继续写一些没有实际意义的填充文字,用来检验多行文本围绕浮动图片时的行宽与行高是否正常,以及图片是否真的浮在文字左侧而不是把段落挤开。

图文混排:右浮动

合盖版的 logo 浮在右侧,文字从左侧流过。两侧都测过之后,图文混排的两种姿势就都覆盖到了,后面写带插图的文章时可以直接套用。

画廊

主题短代码

引用卡 quotecard

右对齐 right

—— Fumo Lemon,2026 年秋

距今天数 daysfrom

站点在 2026 年 8 月 29 日立起,到今天已经 23 天。

链接卡片 link

音乐卡 music

纸盒小调 专辑

佚名

折叠块与原生 HTML

脚注

纸盒(Hugo + venin)的完整技术细节见 考锹页 的后续更新^[本文写作时该页仍写着"等待开张"]。脚注文本应当沉到文末,并在正文留一个可跳转的回链。

结语

以上是全部渲染组件的体检结果。若你在浏览器里看到本文每个部分都正常显示,说明这套盒子可以正式开始装东西了。

—— 体检完毕,等待正式内容入驻。