📝 关于 Hugo 的日常使用
- 新建:使用命令
hugo new posts/my-new-post.md。这样 Hugo 会自动带上日期。 - 编写:在 VS Code 里编写 Markdown,建议安装
Markdown All in One插件。 - 管理:修改特殊页面,路径如下:
- 关于页面:
content/about.md - 友链页面:
content/friend.md
- 关于页面:
🛠️ 本地调试 SOP
- 启动服务:养成运行
hugo server -D的习惯。 - 实时预览:在浏览器访问
http://localhost:1313。 - 验收检查:确认头像、图片、排版无误后再提交。
🚀 云端同步(自动化生产线)
由于已接通 Vercel,维护动作只需三步:
git add .git commit -m "Update: 添加关于电气的备忘录"git push
提示:一旦 push 成功,Vercel 会自动构建并刷新域名内容。
🖼️ 如何添加图片
- 物理存放:把图片文件(如
me.webp)放入项目的static/images/目录下。 - 代码引用:在 .md 文件中使用标准 Markdown 语法:
 - 关键细节:
- 绝对路径:路径开头必须是
/,代表从根目录出发。 - 省略 static:虽然图片在
static/images/,但引用代码里绝对不能写static这个词。 - 严格匹配:文件名的大小写、后缀名(.jpg 和 .jpeg 是不同的)必须完全一致。
- 绝对路径:路径开头必须是
