这篇文章用于测试外部链接、长链接换行、脚注、引用来源和链接密集段落的排版效果。真实博客里经常会引用文档、工具、文章和规范,主题需要让这些链接清晰可见,但不能打断阅读节奏。
普通外链
Hexo 的官方文档可以从 Hexo Documentation 开始阅读。Markdown 基础语法可以参考 CommonMark Spec,前端兼容性问题常常会查阅 MDN Web Docs。
这些链接都在正文段落内,适合观察链接颜色、下划线、悬停状态和外链打开行为。
长 URL 换行
下面是一条故意保留完整显示的长链接,用于检查正文容器是否会被撑破:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_text/Wrapping_breaking_text#breaking_long_words
还有一条更接近真实搜索和追踪参数的链接:
如果主题设置了合适的 overflow-wrap 或 word-break,这些 URL 应该能在窄屏中自然换行。
链接密集段落
构建一个 Hexo 主题时,可能会同时参考 Hexo 变量、辅助函数、主题文档 和 Front Matter。链接密集段落适合测试文字颜色是否过重,以及多个链接相邻时是否容易识别。
脚注
脚注适合放补充说明,而不是打断正文的解释。比如,文章摘要通常由 excerpt 或 <!-- more --> 控制1;代码高亮则取决于站点配置和渲染器支持2。
在中文文章中,脚注标记应该不会让行高变得突兀3。如果脚注列表出现在文章底部,它需要和正文、上一篇下一篇导航保持清晰间距。
引用来源
链接本身也是内容的一部分。它提供上下文、来源和继续阅读的路径。
这段引用后面接一个来源链接:阅读更多关于网页可访问性的内容。
混合列表
- 官方文档:Hexo
- Markdown 规范:CommonMark
- CSS 换行参考:Wrapping and breaking text
- 示例长域名:https://very-long-subdomain-name.example.com/path/to/a/very/deep/article/with/many/segments
结尾
如果这篇文章在桌面端和移动端都没有横向滚动,并且脚注区域清晰可读,说明主题对外部引用型文章的支持已经比较稳定。