基于Hugo搭建Blog + 托管至Vercel + 绑定域名

前言 本文是一篇关于使用hugo搭建blog的文章,并最终托管至vercel且配置了自己的域名,本章节主要谈一谈我为什么要使用本文的这种方式进行搭建 为什么使用hugo 搭建独立的blog有很多最佳实践方式,例如 基于成熟的blog平台:知乎,博客园,CSDN等 基于Notion,wolai等笔记工具进行公开分享或者是基于开发的api做的一些blog,例如NotionNext等 自己部署的静态blog,例如hugo,hexo等 还有一些其他的比较过时的不再提 本文使用的就是上述的hugo,这种方式相较于其他方法的优点(结合自己的需求出发) 计划做多平台的发布,内容要掌握在自己手里,所以除了自己搭建的blog,还可能会在知乎,公众号等平台发布,所以需要通过纯Markdown形式来书写blog,这就排除了成熟的blog平台和notion这两种便捷的方式 hugo相较于hexo,速度更快,使用的人更多,虽然hexo的插件比较多,但是我的目标是要确保极简,以阅读体验为第一目标,所以不是很在乎插件的特效 为什么使用vercel托管 大部分的教程都是将hugo或者hexo这样的静态blog通过github.io进行托管,但受限于国内的网络影响,blog内容不太容易被检索和访问到,而通过vercel托管可以使用他们的全球cdn加速、域名绑定等服务,并且对于小访问量而言都是免费的 综上我选择这种方式,下面将介绍一下如何做,以及注意事项 1. 本地部署hugo 在本地部署hugo,完成blog的大部分设置以及文章的预览效果 相关参考 官方参考文档 官方推荐主题 安装 在linux上建议通过snap安装,其他系统根据参考文档中方法自行选择安装方式,安装完成后确定好版本号(后面部署时候需要确保版本号一致) sudo snap install hugo hugo version blog工程初始化(下面以opencubed-blog名称为例子) cd ~ hugo new site opencubed-blog 安装主题(这里选择的是PaperMod),更多主题可以从上面的官方推荐主题链接中寻找 cd opencubed-blog git init git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod 配置blog的基本信息,编辑 hugo.toml 或者是 config.toml (取决于hugo版本) baseURL = 'https://opencubed.club/' languageCode = 'en-us' title = "Open³ Blog" theme = "PaperMod" [params] ShowReadingTime = true defaultTheme = "auto" 创建一篇文章 hugo new posts/hello-world.md 编辑 content/posts/hello-world.md,添加内容后,将 draft: true 改成 false 才能显示 ...

May 8, 2025 · 2 min · 250 words · Me