299 字
1 分钟
这个博客能写什么(富文本能力一览)
这个博客基于 Astro + Expressive Code,对写技术内容特别友好。下面是几种常用能力,你可以直接照着抄格式。
1. 提示框(Admonition)
NOTE这是一条普通备注(note)。
TIP这是一条建议(tip),绿色。
WARNING这是一条警告(warning),黄色。
CAUTION这是一条危险提示(caution),红色。
2. 代码块(带行号、复制按钮、语言徽章)
function greet(name: string): string { return `Hello, ${name}!`;}
console.log(greet("墨水"));3. 数学公式(KaTeX)
行内公式如 ,块级公式:
4. GitHub 卡片
Waiting for api.github.com...
5. 引用与分隔
引用一段话,强调重点。
6. 常见问题(FAQ)
FAQ问:这篇是可以直接抄的模板吗? 是的,从提示框到 FAQ 的格式都能直接复用,换成你自己的内容即可。
问:支持中文搜索吗? 支持。站内搜索用 Pagefind 实现,并对中文做了分词补偿,常见中文词能准确命中。
7. 操作步骤示例(HowTo)
HOWTO
- 第一步:安装依赖 —— 运行
pnpm install- 第二步:启动开发服务器 —— 运行
pnpm dev- 第三步:浏览器打开本地地址即可预览
写技术文章时,这套能力基本够用了。
这个博客能写什么(富文本能力一览)
https://blog.suchitems.top/posts/markdown-showcase/