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

Fahri included in category Hugo

2017-07-22 2017-07-22 242 words 2 minutes

Contents

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: fahri.cyber@gmail.com
  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/