文章 · POST
欢迎使用本博客模板:功能全览
欢迎使用这套 Nuxt 4 博客模板。这篇文章展示所有内置的 Markdown 能力,免费文章不需要任何配置即可阅读。
代码高亮
基于 Shiki,支持主流语言与主题:
// TypeScript 示例
interface Post {
title: string
price?: number
}
export function isPaid(post: Post): boolean {
return typeof post.price === 'number' && post.price > 0
}
npm run dev
数学公式(KaTeX)
行内公式:质能方程 。
块级公式:
Mermaid 图表
脚注
表格
| 功能 | 状态 | 说明 |
|---|---|---|
| 付费墙 | ✅ | 按段落预览 |
| 评论 | ✅ | Waline |
| 统计 | ✅ | Umami + 阅读量 |
图片懒加载
Markdown 中所有图片会自动加上 loading="lazy",直接写  即可。
付费文章怎么写?
参见站内付费示例文章,frontmatter 加 price 即可,::paywall-mark 组件(独占一行,下一行 :: 结束)之前的内容为免费预览。
Footnotes
评论COMMENTS
评论
请在 .env 中设置 NUXT_PUBLIC_WALINE_SERVER_URL 并部署 Waline 服务端(见 docs/WALINE.md)。