Views

81 字,阅读约 1 分钟

本站 Hugo 文章发布流程

1、创建文章

在 /content 下具体目录创建 md 文档:

hugo new ./content/blog/本站 Hugo 文章发布流程.md

2、权限变更

因为不想后边有一堆权限问题,直接习惯性修改所有者为我所有,我是直接把整个站点这个项目的目录都改:

chown -R myname /XXX/XXX/站点项目目录

说到这个文档所有者的事情,可以看看另一篇文章,相信会有一点收获:

https://riblog.live/blog/sudo不只是开锁的

3、微调 Front Matter

修改好文档中根据模板(在 archetypes/default.md 中配置)生成的 Front Matter 中的 draft、tags、categories 等参数,这里注意 tags 和 categories 不要上来就随意写,多看看之前已经写了的文章具体用的是哪些字词(没有同类型的话就再新增就是了),别同一个意思的归类却用了不同表述,最后文章是没法归到一起的。

4、写文章

正式用 md 写文章。

因为我是直接在 vscode 里写的,这里顺便说一下我直播安装了一个 md 可视化扩展来辅助预览,我用的是 Markdown Preview Enhanced,简单地查看,它没有实时渲染能力,甚至手动点刷新按钮都没用,挺不怎么样的。有好一点的扩展请留言告诉我。

command + shift + p 打开命令面板调用 Markdown Preview Enhanced 即可。

不过一般没什么用,最终还是要通过内网来查看效果:

hugo server -D

5、构建文章,同时清理之前的静态文件

写完文章准备发布,但因为 hugo 生成的静态的东西没法回退,所以每次都需要把之前生成的都清理干净,不然有些修改不生效。

hugo -F --cleanDestinationDir

其实就是清除原来的 /public 这个最终发布出来的目录。然后包括新写好的文章,全部重新构建一遍生成静态文件(新的 /public 目录)。

6、部署到网站服务器

最后一步是把 /public 目录发布到网站服务器根目录。我用的是 FileZilla 来传输。

说到 FileZilla,还可以顺便看看这个文章:https://riblog.live/blog/hugo生产环境文章打不开

好了,刷新网站就可以看到新写的文章了。

h4cd avatar
h4cd
This human loves sanbu.