Typecho Notea主题 短代码合集

高亮颜色

[mark type="green"]绿[/mark] [mark type="red"]红[/mark] [mark type="yellow"]黄[/mark] [mark type="blue"]蓝[/mark] [mark type="gray"]灰[/mark]

时间线

[timeline]
[item date="2026 / 03"]项目立项，确定核心目标。[/item]
[item date="2026 / 06"]完成原型设计，进入开发阶段。[/item]
[item date="2026 / 09"]首次公开发布，收集用户反馈。[/item]
[/timeline]

提示框

红黄绿蓝 4 种提示框
[callout type="green" title="绿色提示"]

• 服务器负载正常
• 数据库连接池正常
• 缓存策略正常
  [/callout]
  [callout type="red" title="红色提示"]
• 服务器负载过高
• 数据库连接池必须优化
• 缓存策略必须要调整
  [/callout]
  [callout type="yellow" title="黄色提示"]
• 服务器负载可能过高
• 数据库连接池可能需要优化
• 缓存策略可能需要调整
  [/callout]
  [callout type="blue" title="蓝色提示"]
• 服务器负载查询中
• 数据库连接池查询中
• 缓存策略查询中
  [/callout]

折叠框

[fold title="点击查看技术实现"]

前端技术栈

• Vue.js 3.0
• TypeScript
• Vite

后端技术栈

• Node.js
• Express
• MongoDB
  [/fold]

相册

移动端固定一行两列
Pc 端最多支持一行六列
[album title="相册标题" cols="3"]








[/album]

视频播放

[dplayer url="https://www.notea.cn/usr/uploads/2026/07/2405302756.mp4" pic="https://www.notea.cn/usr/uploads/2026/07/410675366.jpg" type="auto"]

文章卡片

通过本站文章 [mark]cid[/mark] 引用文章
[card cid="15"]
自定义卡片信息
[card title="GitHub" desc="全球最大的代码托管平台" url="https://github.com" img="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"]

文件下载

可以通过文件后缀如 [mark]zip[/mark] 和 [mark type="blue"]img[/mark] 等后缀，自行判断切换图标

[download]https://your-domain.com/files/app.zip|应用程序_v1.0.zip|25.6 MB[/download]

[download]https://your-domain.com/files/app.img|风景图.img|25.6 MB[/download]