Hugo网站托管至Netlify
在用 blogdown 建站之初是托管在Github Pages,具体过程这篇日志做了详细介绍。看到Yihui的这篇博客才发现Netlify部署托管静态网站更加方便,提供了 Jekyll、Hugo 等引擎自动编译静态网站,不需要像 Github Pages 那样用 Git 管理副产品^[Github Pages 中需要管理编译生成的网页文件,而结合 Netlify只需要上传生成网站的源代码至 Github,把 public
文件夹添加至.gitignore
,Hugo 默认把网站编译到 public
文件夹下, 文件夹,如果自定义修改了config.toml
中的参数publishDir
,用相应文件夹代替public
即可]。更为方便的是,Netlify 支持编译 Github 仓库的代码,这样我们可以把 Hugo 网站源代码上传至 Github 用 Git 管理,然后在 Netlify上发布网站:
- 用 Github 账户登录 Netlify
- 右上角选择
New site from Git
- 选择 Github ,然后关联包含网站源代码的仓库
- 设置:
- Branch:
master
- Build Command: 建议选择
hugo_0.19
- Publish Directory:
public
^[或者与publishDir
一致]
Deploying
,默默等待一两分钟,Netlify 随机分配一个子域名*.netlify.com
,可以随意修改*
的内容。
如果需要自定义自己域名为www.<your_domain>
,Netlify中有详细说明文档
-
首先在Netlify中添加自定义域名:
Site settings › Domain management
在Custom domains
面板中添加自定义域名即可。 -
在购买域名的供应商的域名控制台解析域名,添加两个记录:
A
记录,类型为@
,104.198.14.52
CNAME
记录,类型为www
,设置为Netlify 中的域名*.netlify.com