把 HackMD 当成网站後台

前面已经分享了如何完全透过网页的操作，就可以把 VuePress 网站给架设起来，还可以修改文章与发新文章，不过如果未来网站要交给非工程人员管理的话，操作 GitHub 对於他们可能有些太复杂了。

今天来分享另一个也很客家的模式，用 HackMD 这个服务来当作网站的後台使用，不但介面容易上手得多，同时也达到额外备份内容的效果呢！

授权 HackMD 读写 GitHub 储存库

既然要能新增修改，那当然不能随便阿猫阿狗都能对我们的网站上下其手罗，所以是必须有经过正式的设定与授权才能读写储存库的。

要开始设定之前，我们要先开一个新的笔记：

打开笔记之後选择 从 GitHub 拉取 的按钮

就可以进入授权的流程罗，接着就先登入你的 GitHub 帐号吧！

登入完成後就可以看到授权的选项罗，这时候有两个选项可以选，上面的就是整个帐号的所有储存库都授权给 HackMD 读写，不过如果这组 HackMD 帐号是要交给其他人代管的，我想还是只授权个别储存库比较好喔。

修改储存库的文件内容

而授权完成之後，网页会再次跳转回到 HackMD 的页面上，这时候我们就可以选择要读取哪个储存库、哪条分支的哪个档案罗，因为我们希望我们的改动会就直接呈现在网站上，所以分支选 master 就好罗。

选择档案是有下拉选单的，可以选择要进行修改的文件。

因为是第一次的拉取，就等於是在 HackMD 建立新档案，所以版本对照就会呈现下图这样，代表 HackMD 内容的右边区块是空白的。

载入之後就可以在编辑区看到文件的内容啦！
也可以自由的编辑处理，这边就试着把标题给改掉看看。

修改完成後，就可以点击右上角的 选项 选单，选择 版本与 GitHub 同步

因为这时候我们是要把修改上传回去 GitHub ，所以我们选 推送变更
版本的名称与描述可以在下方的栏位填上，也方便日後追踪管理，输入完成之後就按下 推送 吧！

又回到 GitChub Actions 罗

而经过版本推送之後，还记得网站是怎麽更新成新内容的吗？
当然就又是透过 GitHub Actions 来实作的 CI/CD 流程罗！

可以看到，我刚刚修改的标题，已经确实的出现在页面上罗

如果是要发表新文章的话，就不用先引入储存库文章了，直接开新的笔记来书写就可以罗，书写完成就一样点击右上角的 选项 选单，选择 版本与 GitHub 同步
在档案的栏位输入新的档名，就会变成新增档案罗！