重新折腾下 Blog,综合考虑了下决定使用 Hugo 来搭建。
了解了一些技术和平台之后,最后选择了目前比较成熟的 Vercel 和 Github 平台来部署。
Hugo 部署
使用 Vercel 来部署 hugo 非常简单,Vercel 是本身直接支持 Hogo 的,只需要在注册的时候使用 Github,创建项目的时候选择 Hogo Template 最后填上 Github 里需要的仓库名称等待部署完成,一个 Hugo 站点就诞生了。
选择 Hugo 主题
作为一个优秀的博客生成框架,Hogo 是拥有许多三方的主题可以选择的,在 Hogo 的主题展示页面可以选择一个喜欢的下载下来。然后将创建在 Github 的 Hogo 的仓库 git clone 到本地,将下载的主题文件解压到 themes 文件夹,并按照要求修改仓库文件夹里的 config.toml 文件设置好主题。最后将所有文件提交到 Github 就完成了 Hugo 主题的设定。
每个主题都有一些特别的设置,这些你都可以在主题发布的页面找到很详细的介绍,比如我使用的internet-weblog主题可以发布和展示 micropost。
撰写文章
使用 Hugo 来创作很简单,选择一个你喜欢的 Markdown 编辑器创建一个带有简单格式的 md 文件放在仓库的 content 文件夹下即可。具体你可以参看Hugo 官网的详细介绍。
当然你也可以将 Hugo 安装到你的本地使用命令行来创建内容。
发布和维护
选择 Hugo 就是因为他可以非常方便的生成整个网站的静态文件,你可以简单的将这些静态文件上传到任何的 Web 服务器上完成网站搭建从而方便网站的迁移。
现在我可以直接在 Github 仓库内的 content 文件夹下直接创建 md 文件发布新文章,也可以在本地使用 Markdown 编辑器创建新文章后提交到 github 仓库完成发布。整个流程从提交到最后 Vercel 重新自动部署再展示出来可能需要几十秒的时间。
手机端发布内容
iPhone 上使用 Working Copy 把 Github 的 Hugo 仓库同步到本地修改编辑然后提交更新内容。