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上发布网站:

  1. 用 Github 账户登录 Netlify
  2. 右上角选择New site from Git
  3. 选择 Github ,然后关联包含网站源代码的仓库
  4. 设置:
  • Branch:master
  • Build Command: 建议选择hugo_0.19
  • Publish Directory:public^[或者与publishDir一致]
  1. Deploying,默默等待一两分钟,Netlify 随机分配一个子域名*.netlify.com,可以随意修改*的内容。

如果需要自定义自己域名为www.<your_domain>Netlify中有详细说明文档

  1. 首先在Netlify中添加自定义域名:Site settings › Domain managementCustom domains面板中添加自定义域名即可。

  2. 在购买域名的供应商的域名控制台解析域名,添加两个记录:

  • A记录,类型为@104.198.14.52
  • CNAME记录,类型为www,设置为Netlify 中的域名*.netlify.com

一路嘿嘿

Bioinformatics, R enthusiast. Thoughts on reasarch, personal experience and other distractions.

Tags

blogdown font ggplot git github github pages Homebrew html hugo icon liner algebra linux machine learning R scholar sublime text 3 tidyverse