惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
S
Securelist
MyScale Blog
MyScale Blog
Jina AI
Jina AI
罗磊的独立博客
The Cloudflare Blog
美团技术团队
博客园 - 叶小钗
阮一峰的网络日志
阮一峰的网络日志
博客园 - 三生石上(FineUI控件)
月光博客
月光博客
雷峰网
雷峰网
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
博客园 - 聂微东
Y
Y Combinator Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
MongoDB | Blog
MongoDB | Blog
T
Tailwind CSS Blog
Attack and Defense Labs
Attack and Defense Labs
博客园_首页
Latest news
Latest news
Apple Machine Learning Research
Apple Machine Learning Research
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
The Hacker News
The Hacker News
G
GRAHAM CLULEY
Simon Willison's Weblog
Simon Willison's Weblog
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
P
Proofpoint News Feed
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
U
Unit 42
D
Docker
Webroot Blog
Webroot Blog
N
Netflix TechBlog - Medium
T
Tor Project blog
C
Cyber Attacks, Cyber Crime and Cyber Security
L
LINUX DO - 最新话题
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
The Last Watchdog
The Last Watchdog
B
Blog
Recent Announcements
Recent Announcements
GbyAI
GbyAI
Microsoft Azure Blog
Microsoft Azure Blog
Security Latest
Security Latest
V2EX - 技术
V2EX - 技术
N
News | PayPal Newsroom
Microsoft Security Blog
Microsoft Security Blog

Flatpaper Demo

FlatPaper 文章顶部图:top_img 与 post_top_img 配置 | Flatpaper Demo FlatPaper 主题重磅更新:优雅的朋友圈 (Friend Circle) 信息流 | Flatpaper Demo FlatPaper 现在支持 Google Fonts 了 | Flatpaper Demo FlatPaper 首页 Hero:开屏、背景图与贴纸配置 | Flatpaper Demo 主题效果总览:文章块与交互组件预览 | Flatpaper Demo 更新日志:FlatPaper 现已支持赞赏码 | Flatpaper Demo FlatPaper 内置图标速查 | Flatpaper Demo Hello World | Flatpaper Demo 多级标题测试:从一级标题到六级标题 | Flatpaper Demo 多级标题测试:从一级标题到六级标题 外链与脚注测试:链接样式、长 URL 与引用来源 用 VitePress 风格的 note 容器语法 | Flatpaper Demo 用 VitePress 风格的 note 容器语法 图片排版预览:多图、图注与长图测试 | Flatpaper Demo 图片排版预览:多图、图注与长图测试 多语言代码示例:用于测试代码高亮 | Flatpaper Demo 多语言代码示例:用于测试代码高亮 在 Hexo 中使用 NOTE 提示块 | Flatpaper Demo 在 Hexo 中使用 NOTE 提示块 Hello World FlatPaper 主题页面检查清单 | Flatpaper Demo FlatPaper 主题页面检查清单 Markdown 元素展示:表格、代码与引用 | Flatpaper Demo Markdown 元素展示:表格、代码与引用 FlatPaper 设计札记:纸感、留白与轻量界面 | Flatpaper Demo FlatPaper 设计札记:纸感、留白与轻量界面 周末散步记录:从街角咖啡店到河岸 | Flatpaper Demo 周末散步记录:从街角咖啡店到河岸 开发日志:导航、归档与空状态 | Flatpaper Demo 开发日志:导航、归档与空状态
外链与脚注测试:链接样式、长 URL 与引用来源 | Flatpaper Demo
Author · 2026-05-16 · via Flatpaper Demo
写作示例

这篇文章用于测试外部链接、长链接换行、脚注、引用来源和链接密集段落的排版效果。真实博客里经常会引用文档、工具、文章和规范,主题需要让这些链接清晰可见,但不能打断阅读节奏。

普通外链

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

还有一条更接近真实搜索和追踪参数的链接:

https://example.com/articles/theme-preview-checklist?utm_source=demo-blog&utm_medium=markdown&utm_campaign=external-link-test&section=long-url-wrapping-behavior

如果主题设置了合适的 overflow-wrapword-break,这些 URL 应该能在窄屏中自然换行。

链接密集段落

构建一个 Hexo 主题时,可能会同时参考 Hexo 变量辅助函数主题文档Front Matter。链接密集段落适合测试文字颜色是否过重,以及多个链接相邻时是否容易识别。

脚注

脚注适合放补充说明,而不是打断正文的解释。比如,文章摘要通常由 excerpt<!-- more --> 控制1;代码高亮则取决于站点配置和渲染器支持2

在中文文章中,脚注标记应该不会让行高变得突兀3。如果脚注列表出现在文章底部,它需要和正文、上一篇下一篇导航保持清晰间距。

引用来源

链接本身也是内容的一部分。它提供上下文、来源和继续阅读的路径。

这段引用后面接一个来源链接:阅读更多关于网页可访问性的内容

混合列表

结尾

如果这篇文章在桌面端和移动端都没有横向滚动,并且脚注区域清晰可读,说明主题对外部引用型文章的支持已经比较稳定。

  1. Hexo 可以通过文章摘要控制首页卡片显示内容,常见做法是在正文中插入 <!-- more -->。↩
  2. 当前站点配置使用 highlight.js。不同渲染器会生成不同的代码块 HTML 结构。↩
  3. 脚注标记通常会使用上标样式,行高过紧时容易影响正文阅读。↩