Static Blog dengan Hugo, Github Pages (Travis CI, Cloudflare)

Github

• Buat dua repositori di Github :

  • Repo sumber konten (hasil dari hugo new site) : https://github.com/fahrinh/my-site
  • Repo utama web pages (hasil generate hugo) : https://github.com/fahrinh/fahrinh.github.io

• Buat Personal Access Token di https://github.com/settings/tokens dengan scope repo. Copy token tersebut ke clipboard.

• Pastikan ada file CNAME dengan isi custom domain blog pada repo https://github.com/fahrinh/my-site

Travis CI

• Buat file konfigurasi .travis.yml pada repo https://github.com/fahrinh/my-site/ dengan isi :

language: go

go:
  - master # This uses automatically the latest version of go

install:
  - pip install --user pygments
  - go get github.com/spf13/hugo # This provides the latest version of Hugo to Travis CI

script:
  - hugo version
  - hugo --theme=hugo-pacman-theme # This commands builds your website on travis
  - cp CNAME public
  - ls public

deploy:
  local_dir: public # Default static site output dir for Hugo
  repo: fahrinh/fahrinh.github.io # This is the slug of the repo you want to deploy your site to
  target_branch: master # GitHub pages branch to deploy to (in other cases it can be gh-pages)
  provider: pages
  skip_cleanup: true
  github_token: $GITHUB_TOKEN # This is the authentication which you will setup in the next step in travis-ci dashboard
  email: [email protected]
  name: "Fahri Nurul Hidayat"
  on:
    branch: master

• Buat Environment Variables GITHUB_TOKEN di https://travis-ci.org/fahrinh/my-site/settings dengan value yaitu Personal Acces Token yang sudah dibuat sebelumnya.

Cloudflare

• Setup DNS pertama kali dengan root domain nurul.id
• Ganti nameserver hosting provider Anda dengan nameserver milik Cloudflare
• Pada Crypto, enable Always use HTTPS dan Automatic HTTPS Rewrites

Sumber: https://martinkaptein.github.io/blog/hugo-with-travis-ci-on-gh-pages/