站点适配与特殊语法示范

站点适配与特殊语法示范

这是一个用于检查主题渲染效果的示范页面。它把本站目前支持的扩展语法集中放在一起,方便在修改主题或升级依赖后快速确认页面仍然正常。


提示块 ​

GitHub 风格提示块使用 > [!TYPE] 语法,支持 NOTE、TIP、IMPORTANT、WARNING 和 CAUTION。

Note

这是一个说明提示。它适合补充背景信息,不打断正文阅读。

Tip

这是一个技巧提示。短句和链接都可以正常放在提示块里,例如 VitePress。

Important

这是一个重要提示。发布前应检查外部图片、脚本和链接是否仍然可用。

Warning

这是一个警告提示。远程资源可能受网络、权限或防盗链策略影响。

Caution

这是一个注意提示。不要把访问令牌、密码等敏感信息写入公开文章。

数学公式 ​

行内公式可以这样写:当 $a \ne 0$ 时,二次方程的判别式为 $\Delta = b^2 - 4ac$。

块级公式会居中显示:

$$ f(x) = \int_{-\infty}^{\infty} e^{-t^2}\,dt = \sqrt{\pi} $$

公式由 KaTeX 在浏览器端渲染;页面加载后也会重新扫描文章内容,因此切换文章时仍能正常显示。

特殊行内语法 ​

本站支持用 [正文]{补充说明} 创建悬浮注释:把鼠标移到 AdventureX一个面向开发者的线下黑客松活动。 上,可以看到补充内容;键盘聚焦时也可以查看。

这个语法同样适合标注术语,例如 赛博文盲缺少基本数字技能的人,语境中通常带有调侃意味。。链接、强调和代码仍然使用标准 Markdown:重点、强调、inline code。

图片预览 ​

上传图片语法会被主题转换为带有 upl-image-preview 类的图片。图片地址需要是完整的 HTTPS URL:

标准 Markdown ​

表格 ​

能力写法用途
链接[标题](地址)指向站内或外部页面
图片![描述](地址)展示普通图片
代码`代码`标注命令、变量和文件名

代码块 ​

ts
const message = 'Hello, Sakura!'
console.log(message)

清单与引用 ​

  • 检查 front matter
  • 检查自定义容器
  • 发布前确认远程资源

好的示范页面不只展示语法,也应该让每一种语法都处在接近真实文章的上下文里。


返回 文章首页 继续阅读,或查看本页的目录导航。