在 koi 博客里写文章——MDX 功能演示
这篇文章演示一下博客支持的各种写作格式,方便以后查阅。
标题层级
各级标题在文章中效果如上所示,一般正文用 ## 和 ### 就够了。
文字样式
普通文字,加粗文字,斜体文字,删除线,行内代码。
代码块
支持语法高亮:
interface BlogPost {
title: string;
pubDate: Date;
tags?: string[];
}
function getPostsByTag(posts: BlogPost[], tag: string): BlogPost[] {
return posts.filter(post => post.tags?.includes(tag) ?? false);
}
# 安装依赖
pnpm install
# 启动开发服务器
pnpm dev
# 构建生产版本
pnpm build
引用块
写博客最重要的一点就是:写给自己看,不要为了别人而写。
—— 某个不知道是谁的人
列表
无序列表:
- 第一项
- 第二项
- 嵌套项
- 另一个嵌套项
- 第三项
有序列表:
- 第一步:想好写什么
- 第二步:打开编辑器
- 第三步:开始写(最难的一步)
表格
| 名称 | 用途 | 评价 |
|---|---|---|
| Astro | 静态站点框架 | 真的快 |
| koi | 博客主题 | 好看 |
| Cloudflare Pages | 部署平台 | 免费好用 |
| MDX | 文章格式 | 灵活 |
链接与图片
分隔线
以上就是常用格式的演示,基本够用了。