初投稿です。当ブログはHugo+Netlifyで作成しています。テーマは「Robust」です。

風呂でスマホいじりながら考えたブログタイトル

ブログタイトルは「Komittee Express」と名付けました。スピード感あふれる表現、みたいなイメージ。Expressっていう単語が面白く、結構気に入ってます。

ブログ環境

  • GitHub & Dropbox (ソース・リポジトリ管理)
  • Hugo (静的サイトジェネレータ)
  • Netlify (ホスティングサービス)
  • GitBook (ドキュメント変換 記事が長いときや説明書などに使う)

“I did it !” List

  1. WinにHugoインストール ここここ 参考
  2. Netlify導入
  3. ためしにブログをローカルで立ち上げる
    • testsiteに移動してhugo server -t something_theme -D -w
  4. Netlify構築
    • 参考
    • ウォッチするリポジトリはD:\Dropbox\Hugo\Sites\testsiteにした
    • ビルドコマンドは hugo --theme=beautifulhugo --buildDrafts
      • --buildDrafts いる?
      • draft=trueの記事も公開するってことかな。ドラフト記事はまだ公開しない記事のこと。公開したいなら false にする。
    • Buildに失敗したのでこれ見ながらやり直し
    • Build & Deploy > Continuous Deployment > Build environment variables にて
      • key=HUGO_VERSION value=0.31.1 に設定。これは $ hugo env でチェックした。
  5. テストでのブログ公開が完了したので、本格的にブログ環境構築にのりだす。
  6. Branch subdomainsというところからStaging環境を作れるということなので引き続きテストでやってみる
  7. HTTPS化を試みる。…というか自動作成してくれたアドレスがすでにSSL有効だった。Netlify神かよ。
  8. さて本番リポジトリはどこをビルド起点にすればいいやら。テストと同じでいいのか調べる
  9. ThemeをTranquilpeak
    • うまくいかなかったのでRobustに変更した
  10. ここなどを参考にしてプロフィールや更新日表示など追加した

本番環境構築ログ

// ★ Hugo環境はすでに構築している状態

D:\Dropbox\Hugo\Sites\testsite>pwd
/cygdrive/d/Dropbox/Hugo/Sites/testsite

D:\Dropbox\Hugo\Sites\testsite>cd ../

D:\Dropbox\Hugo\Sites>hugo new site Komittee-Express
Congratulations! Your new Hugo site is created in D:\Dropbox\Hugo\Sites\Komittee-Express.

Just a few more steps and you're ready to go:

1. Download a theme into the same-named folder.
   Choose a theme from https://themes.gohugo.io/, or
   create your own with the "hugo new theme <THEMENAME>" command.
2. Perhaps you want to add some content. You can add single files
   with "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>".
3. Start the built-in live server via "hugo server".

Visit https://gohugo.io/ for quickstart guide and full documentation.

D:\Dropbox\Hugo\Sites>cd Komittee-Express/

D:\Dropbox\Hugo\Sites\Komittee-Express>cd themes

D:\Dropbox\Hugo\Sites\Komittee-Express\themes>git clone https://github.com/kakawait/hugo-tranquilpeak-theme.git
Cloning into 'hugo-tranquilpeak-theme'...
remote: Counting objects: 3844, done.
remote: Compressing objects: 100% (100/100), done.
remote: Total 3844 (delta 53), reused 88 (delta 16), pack-reused 3710
Receiving objects: 100% (3844/3844), 16.71 MiB | 1.29 MiB/s, done.
Resolving deltas: 100% (2016/2016), done.
Checking connectivity... done.

D:\Dropbox\Hugo\Sites\Komittee-Express\themes>cd ../

D:\Dropbox\Hugo\Sites\Komittee-Express>hugo new posts/blog-environment.md
D:\Dropbox\Hugo\Sites\Komittee-Express\content\posts\blog-environment.md created

// GitHub連携

D:\Dropbox\Hugo\Sites\Komittee-Express>git init
Initialized empty Git repository in /cygdrive/d/Dropbox/Hugo/Sites/Komittee-Express/.git/

D:\Dropbox\Hugo\Sites\Komittee-Express>touch .gitignore

D:\Dropbox\Hugo\Sites\Komittee-Express>cd themes

D:\Dropbox\Hugo\Sites\Komittee-Express\themes>ls
hugo-tranquilpeak-theme

D:\Dropbox\Hugo\Sites\Komittee-Express\themes>rm -rf hugo-tranquilpeak-theme/.git

D:\Dropbox\Hugo\Sites\Komittee-Express\themes>d:

D:\Dropbox\Hugo\Sites\Komittee-Express\themes>cd d:\

d:\>pwd
/cygdrive/d

d:\>cd D:\Dropbox\Hugo\Sites\Komittee-Express

D:\Dropbox\Hugo\Sites\komittee-express>git remote add origin https://github.com/kunimi53chi/komittee-express.git

D:\Dropbox\Hugo\Sites\komittee-express>

// GitKrakenからプッシュ。GitHub連携および公開が完了。
// ここからNetlify上で設定する。

// Netlify

## Deploy settings

Repository: https://github.com/kunimi53chi/komittee-express
Build command: hugo --theme=hugo-tranquilpeak-theme
Publish directory: public/
Production branch: master
Branch deploys: Deploy only the production branch and its deploy previews

## Build environment variables

key=HUGO_VERSION
value=0.31.1

// サイトの名前を"komittee-express"に変更。config.tomlのbaseURLをNetlifyで生成されたURLに変更。

postsが表示されない問題

$ hugo -t hugo-tranquilpeak-theme でbuildしてて、public/も出せてそうな感じなのに全然記事がでてこない。おもむろにNetlifyのDeploy logを貼る。

9:45:08 PM: Build ready to start
9:45:08 PM: Fetching cached dependencies
9:45:09 PM: No cached dependencies found. Cloning fresh repo
9:45:09 PM: git clone git@github.com:kunimi53chi/komittee-express
9:45:10 PM: git remote rm origin
9:45:10 PM: Preparing Git Reference refs/heads/master
9:45:11 PM: Running build command: hugo -t hugo-tranquilpeak-theme
9:45:13 PM: Downloading and installing node v6.12.2...
9:45:13 PM: Downloading https://nodejs.org/dist/v6.12.2/node-v6.12.2-linux-x64.tar.xz...
9:45:14 PM:
                                                                           0.0%
9:45:14 PM:
                                                                           1.1%
9:45:14 PM:
###
9:45:14 PM:
9:45:14 PM:  4.9%
9:45:14 PM:
##############
9:45:14 PM:
9:45:14 PM: 19.8
9:45:14 PM: %
9:45:15 PM:
##############################                                            4
9:45:15 PM: 2.1
9:45:15 PM: %
9:45:15 PM:
##########################################                                59.4%
9:45:15 PM:
9:45:15 PM: ##
9:45:15 PM: ##
9:45:15 PM: ##
9:45:15 PM: ##
9:45:15 PM: ##
9:45:15 PM: ####
9:45:15 PM: #
9:45:15 PM: #
9:45:15 PM: ##
9:45:15 PM: ###############################################
9:45:16 PM:  91.1%
9:45:16 PM:
######################################################################## 100.0%
9:45:16 PM:
9:45:16 PM: Computing checksum with sha256sum
9:45:16 PM: Checksums matched!
9:45:17 PM: Now using node v6.12.2 (npm v3.10.10)
9:45:17 PM: Using version v6.12.2 of node
9:45:17 PM: Using /opt/buildhome/.rvm/gems/ruby-2.1.2
9:45:17 PM: Installing Hugo 0.31.1
9:45:20 PM: Started building sites ...
9:45:20 PM:
Built site for language en:
0 draft content
0 future content
0 expired content
1 regular pages created
8 other pages created
9:45:21 PM: 0 non-page files copied
0 paginator pages created
0 tags created
0 categories created
total in 22 ms
9:45:21 PM: Build complete: exit code: 0
9:45:21 PM: Cleaning up docker container
9:45:21 PM: Starting to deploy site from 'public/'
9:45:22 PM: Deploying to CDN
9:45:24 PM: Starting post processing
9:45:24 PM: Post processing done
9:45:24 PM: Site is live

HugoのQuick Startと見比べてみると 0 paginator pages created となっているのがな~んか怪しい。ローカルでも同じような状態になっている。

テーマを変えてみようか…  Robustが日本人制作のテーマということで入れてみる。

$ git clone https://github.com/dim0627/hugo_theme_robust.git

…表示された!まさかThemeがあっていなかったとは思わなんだ。コード挿入箇所が見づらいけどなんとかしたい。

参考記事