这是第一篇文章,也是写作的小抄。看完可以删掉,或者留着当参考。

怎么写一篇新文章

在博客文件夹里运行:

1
npm run new -- "my-first-post"

会生成 source/_posts/my-first-post.md 和一个同名文件夹。文件名会变成文章网址(/posts/my-first-post/),所以建议用英文;标题写在文件开头的 title: 里,用中文没问题。

插图片

把图片放进文章的同名文件夹,正文里直接写文件名:

1
![示例图片](sample.svg)

示例图片

点一下图片会放大,手机上可以双指缩放。

代码块

右上角有复制按钮:

1
2
const words = ['喵', '欸嘿', '好耶', '+1']
console.log(words[Math.floor(Math.random() * words.length)])

提示框

这是 Butterfly 主题自带的提示框,还有 success、warning、danger 几种颜色。

图片多了以后,别都塞进仓库。可以放到 Cloudflare R2(10 GB 内免费),文章里用图片网址。

小标题会进目录

文章里的 ##、### 标题会自动出现在侧边的目录里,长文章读起来方便。

三级标题也行

就像这样。