这是我的第一篇技术博客

1 分钟阅读

欢迎来到我的技术博客

这是一个使用 Markdown 编写的页面,并由 Velite 在构建时完成校验和渲染。

1. 基础语法测试

你可以像平时一样编写 Markdown:

💡 提示: 文章 frontmatter 需要包含 titledatesummarytags,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. 列表

  • 项目一
  • 项目二
    • 子项目
  1. 第一项
  2. 第二项

6. 链接、引用与表格

GitHub

引用适合展示提示、说明或他人的观点。

名称说明
Markdown轻量标记语言
Velite类型安全的内容数据层

7. Velite

Velite 可以把 Markdown 转换为类型安全的数据,适合技术博客和文档站。