个人网站备案网站内容(一下Vercel部署Hugo的教程,Vercel最省心的是Vercel )
优采云 发布时间: 2021-10-23 08:07个人网站备案网站内容(一下Vercel部署Hugo的教程,Vercel最省心的是Vercel
)
上月底,接到腾讯云客服的电话,要我提供域名注册信息(一开始还以为是诈骗电话),打开后要我在底部添加注册号网站 确保注册审核通过。
回想起来,我的域名已经购买了2年多,但一直闲置(其实是因为坚持不下去,才买域名建博客)。
我就想国庆节前用这个域名。如果自己开个博客,想的不多,因为现在已经决定更新公众号上的文字了,不想维护多个地方的布局(虽然都可以用) markdown),另一个重要原因是公众号可以得到合作伙伴的关注,更有动力。
最后决定搭建一个文章,只用来同步公众号。网站本身不发布文章,但是需要添加评论功能,因为我的账号不能留言(了解到消息号迁移计划千大,太贵了,以后多注意考虑,哈哈) . 另外,微信是流量私域。如果同步网站文章,还有一个好处就是可以被搜索引擎收录搜索到。虽然我不指望带来流量,以防万一。
结合我的需求,我定的方案是Vercel+Hugo+Etch+Waline,一套不花钱。
静态 网站 计划
我选择 Hugo 作为静态 网站 *敏*感*词*,因为它是用 Go 编写的,所以没有理由。
最常见的静态网站托管解决方案是GitHub Pages和Gitee Pages,但GitHub在中国的访问速度是众所周知的。Gitee 的速度正在起飞,但个人用户不支持自定义域名。所以这两个选项都被我排除了,最后我选择了Vercel。
不得不说,Vercel的体验真的是Nice。自带的 CI/CD 模式让你提交代码并自动在线编译部署,并且可以随时回滚版本。
最省心的就是Vercel支持直接创建Hugo模板。让我们分享一个关于如何从 Vercel 部署 Hugo 的教程。
Vercel 部署 Hugo
在 Vercel 网站[1] 注册并登录。这里有一个小陷阱。注册时不能使用邮箱地址(经过测试,foxmail邮箱是可以的),会被拒,即使用GitHub账号注册,主邮箱也不能是邮箱。
创建一个应用,选择克隆模板,找到 Hugo
您需要在此处关联您的 GitHub 帐户,用于 Hugo 网站 代码存储。建议选择私有仓库。
创建一个团队,直接跳过
然后耐心等待部署完成
结束散花
创建之后,Vercel其实会为我们的站点生成一个默认的域名,不过绑定自己的域名比较酷。找到域名绑定,输入你需要绑定的域名,按照提示设置cname解析。
至此,一个默认的hugo站点就部署好了。
雨果主题选择
对于主题风格,我个人喜欢简洁。我选择了蚀刻[2]。更换主题,首先将你的Hugo站点代码克隆到本地,然后将Etch代码下载到themes文件夹,如下(我设置的默认主题已经删除,对Etch做了一些神奇的改动):
然后将 config.toml 中的主题更改为 theme = "etch"。其他更多配置请参考Hugo文档[3]。
请注意 Vercel 的默认 Hugo 版本不是最新版本。建议Vercel上的Hugo版本和本地的保持一致,避免线上线下版本不一致导致的一些奇怪问题。可以在项目根目录下创建vercel。.json 来设置 Hugo 的版本,例如:
{
"build": {
"env": {
"HUGO_VERSION": "0.88.1"
}
}
}