Hugo网站托管至Netlify


在用 blogdown 建站之初是托管在Github Pages,具体过程这篇日志做了详细介绍。看到Yihui的这篇博客才发现Netlify部署托管静态网站更加方便,提供了 Jekyll、Hugo 等引擎自动编译静态网站,不需要像 Github Pages 那样用 Git 管理副产品1。更为方便的是,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:public2
  5. Deploying,默默等待一两分钟,Netlify 随机分配一个子域名*.netlify.com,可以随意修改*的内容。

如果需要自定义自己域名为www.<your_domain>Netlify中有详细说明文档,,如下设置即可:

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

待处理:去掉www前缀,启动https


  1. Github Pages 中需要管理编译生成的网页文件,而结合 Netlify只需要上传生成网站的源代码至 Github,把 public文件夹添加至.gitignore,Hugo 默认把网站编译到 public 文件夹下, 文件夹,如果自定义修改了config.toml中的参数publishDir,用相应文件夹代替public即可
  2. 或者与publishDir一致

一路嘿嘿

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 netlify R scholar sublime text 3 tidyverse