299 字
1 分钟

这个博客能写什么(富文本能力一览)

这个博客基于 Astro + Expressive Code,对写技术内容特别友好。下面是几种常用能力,你可以直接照着抄格式。

1. 提示框(Admonition)#

NOTE

这是一条普通备注(note)。

TIP

这是一条建议(tip),绿色。

WARNING

这是一条警告(warning),黄色。

CAUTION

这是一条危险提示(caution),红色。

2. 代码块(带行号、复制按钮、语言徽章)#

src/hello.ts
function greet(name: string): string {
return `Hello, ${name}!`;
}
console.log(greet("墨水"));

3. 数学公式(KaTeX)#

行内公式如 E=mc2E = mc^2,块级公式:

ex2dx=π\int_{-\infty}^{\infty} e^{-x^2}\,dx = \sqrt{\pi}

4. GitHub 卡片#

kiuyor
/
ink_blog
Waiting for api.github.com...
00K
0K
0K
Waiting...

5. 引用与分隔#

引用一段话,强调重点。


6. 常见问题(FAQ)#

FAQ

问:这篇是可以直接抄的模板吗? 是的,从提示框到 FAQ 的格式都能直接复用,换成你自己的内容即可。

问:支持中文搜索吗? 支持。站内搜索用 Pagefind 实现,并对中文做了分词补偿,常见中文词能准确命中。

7. 操作步骤示例(HowTo)#

HOWTO
  1. 第一步:安装依赖 —— 运行 pnpm install
  2. 第二步:启动开发服务器 —— 运行 pnpm dev
  3. 第三步:浏览器打开本地地址即可预览

写技术文章时,这套能力基本够用了。

这个博客能写什么(富文本能力一览)
https://blog.suchitems.top/posts/markdown-showcase/
作者
ink
发布于
2026-07-30
许可协议
CC BY-NC-SA 4.0