跳到正文
Roverlo
Go back

从这里开始写你的第一篇图文笔记

这个仓库已经整理成适合个人网站起步的结构了,后面你主要会用到这几个位置:

src/pages/            常规页面
src/data/blog/        笔记和文章
public/images/        文章里的截图
public/custom/        你手写的原生 HTML 页面

写带截图的文章

如果你在写文档时需要穿插截图,最简单的方式就是:

  1. 先把图片放到 public/images/文章名/
  2. 再在 Markdown 里直接引用

例如目录:

public/images/my-first-note/01-login.webp
public/images/my-first-note/02-settings.webp

文章里这样写:

这是第一段说明。

![登录页面截图](/images/my-first-note/01-login.webp)

这是第二段说明。

![设置页面截图](/images/my-first-note/02-settings.webp)

放原生 HTML 页面

如果你有少量页面想直接手写 HTML,可以放到 public/custom/

仓库里已经放了一个示例页:

你可以直接修改它,或者新建更多文件。

下一步建议


Share this post on: