这是我的第一篇技术博客
1 分钟阅读
欢迎来到我的技术博客
这是一个使用 Markdown 编写的页面,并由 Velite 在构建时完成校验和渲染。
1. 基础语法测试
你可以像平时一样编写 Markdown:
- 粗体 和 斜体
- 链接到 GitHub
- 列表项
💡 提示: 文章 frontmatter 需要包含
title、date、summary和tags,Velite 会在构建时校验这些字段。
2. 代码高亮测试 (Shiki)
既然我们配置了 rehype-pretty-code,你的代码块看起来会非常漂亮:
// src/app/hello.ts
export const greet = (name: string): string => {
return `Hello, ${name}! Welcome to my blog.`;
};
console.log(greet("Jade"));下面是一份实用的 Markdown 语法小结。
3. 标题
标题使用 # 的数量表示层级:
# 一级标题
## 二级标题
### 三级标题4. 文本样式
**粗体**
*斜体*
~~删除线~~
`行内代码`5. 列表
- 项目一
- 项目二
- 子项目
- 第一项
- 第二项
6. 链接、引用与表格
引用适合展示提示、说明或他人的观点。
| 名称 | 说明 |
|---|---|
| Markdown | 轻量标记语言 |
| Velite | 类型安全的内容数据层 |
7. Velite
Velite 可以把 Markdown 转换为类型安全的数据,适合技术博客和文档站。