你好,Markdown
本站的文章都写在 Markdown 里。把 .md 文件放进 public/blogs/<分类>/,构建时会自动生成页面,不需要手写 HTML。
下面用几个常见元素,展示一下渲染效果。
功能一览
| 特性 | 支持情况 |
|---|---|
| 标题(H1 ~ H6) | 支持 |
| 加粗、斜体、 |
支持 |
| 有序 / 无序列表 | 支持 |
| 代码块 + 语法高亮 | 支持 |
| 表格 | 支持 |
| 引用块 | 支持 |
| 图片、链接 | 支持 |
| 暗色模式 | 支持 |
代码示例
function greet(name: string): string {
return `Hello, ${name}!`;
}
.site-header {
position: sticky;
top: 0;
z-index: 100;
}
能用 Markdown 写的内容,就不用再手写 HTML。
文件放在哪
- 文章:
public/blogs/<分类>/<文件名>.md - 关于页:
public/about/ - 首页与模板:
public/index.html、model/
保存后开发模式会自动重建;生产构建执行 npm run build。