个人网站备案网站内容(一下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"

}

}

}

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线