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

推荐订阅源

F
Fortinet All Blogs
Attack and Defense Labs
Attack and Defense Labs
V2EX - 技术
V2EX - 技术
O
OpenAI News
S
Secure Thoughts
H
Heimdal Security Blog
Application and Cybersecurity Blog
Application and Cybersecurity Blog
Schneier on Security
Schneier on Security
H
Hacker News: Front Page
S
Security Affairs
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
Vercel News
Vercel News
Microsoft Security Blog
Microsoft Security Blog
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
P
Proofpoint News Feed
The Register - Security
The Register - Security
GbyAI
GbyAI
Cloudbric
Cloudbric
MongoDB | Blog
MongoDB | Blog
D
Darknet – Hacking Tools, Hacker News & Cyber Security
K
Kaspersky official blog
Forbes - Security
Forbes - Security
Y
Y Combinator Blog
C
CXSECURITY Database RSS Feed - CXSecurity.com
Scott Helme
Scott Helme
Hacker News - Newest:
Hacker News - Newest: "LLM"
The Cloudflare Blog
Recorded Future
Recorded Future
人人都是产品经理
人人都是产品经理
Cyberwarzone
Cyberwarzone
C
CERT Recently Published Vulnerability Notes
Webroot Blog
Webroot Blog
C
Cyber Attacks, Cyber Crime and Cyber Security
L
LangChain Blog
T
Tor Project blog
Microsoft Azure Blog
Microsoft Azure Blog
博客园_首页
Hacker News: Ask HN
Hacker News: Ask HN
Blog — PlanetScale
Blog — PlanetScale
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
B
Blog RSS Feed
N
News and Events Feed by Topic
阮一峰的网络日志
阮一峰的网络日志
I
Intezer
V
V2EX
T
Tailwind CSS Blog
SecWiki News
SecWiki News
NISL@THU
NISL@THU
C
Check Point 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 与引用来源 | Flatpaper Demo 外链与脚注测试:链接样式、长 URL 与引用来源 用 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 开发日志:导航、归档与空状态
用 VitePress 风格的 note 容器语法 | Flatpaper Demo
Author · 2026-05-16 · via Flatpaper Demo
Note

如果你写过 VitePress 或者 Docusaurus,应该对 ::: warning 这种容器语法很熟。FlatPaper 主题现在同时支持这种写法 —— 你不再需要 note 标签和对应的 endnote 两端围起来,直接用 ::: 开合即可。两种语法可以在同一篇文章里混用,老文章不受影响。

1. 基本写法

1
2
3
::: success
一个 Success 提示
:::

效果:

可以理解为 :::note 标签的语法糖,两者完全等价 —— 渲染出来的 DOM、折叠行为、样式都一模一样,只是更轻、更接近通用 markdown 习惯。

2. 折叠提示

只要在类型后跟标题,就会自动渲染为可折叠的 <details>

1
2
3
::: warning 点我展开
这里是被折叠的内容。
:::
点我展开

这里是被折叠的内容。

3. 支持的全部类型

note 标签共用同一套类型常量,一共 6 种:

对应代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
::: default
一个 Default 提示
:::

::: primary
一个 Primary 提示
:::

::: success
一个 Success 提示
:::

::: info
一个 Info 提示
:::

::: warning
一个 Warning 提示
:::

::: danger
一个 Danger 提示
:::

4. 与 note 标签的关系

维度 note 标签 :::
语法风格 Hexo / Nunjucks 标签 通用 markdown 容器扩展(VitePress 派)
类型集合 default / primary / success / info / warning / danger 同左
折叠语义 跟在类型后写标题即折叠 同左
嵌套 不支持 不支持
代码块中出现 会被当成普通文本 同左(fenced / indented 代码内安全)
编辑器预览 Typora 等看到的是裸 Nunjucks 标准 markdown 容器,预览更友好

主题在 before_post_render 阶段把 ::: 改写成等价的 note 标签,再交给 Hexo 后续流程处理。所以所有现有的 note 标签文章不需要改动,新写的可以选用更轻的 :::

5. 边界注意

  • ::: 开合两行必须各自独占一行,前后建议留空行(和 VitePress 行为一致)
  • 类型名错拼(如 ::: succes)不会被识别,会原样输出 :::
  • 不支持嵌套 —— 如果需要在 note 里再放 note,请直接用一层
  • 代码块内的 :::(不管是 ``` 还是 ~~~ 还是 4 空格缩进)都会被完整保留,不会误触发改写