Hugoでの初投稿

最初のHugoサイト構築メモ

HugoとGitLab、Netlifyを利用し、サイトを構築してみた

サイト構築 

前提条件 

  • GitLabアカウント登録済み
  • Netlifyアカウント登録済み
  • ローカルにhugoをインストール済み

作業手順 

  1. GitLabにてリポジトリ作成

  2. ローカルにgit clone

  3. hugoで新規サイト作成

  4. 3.で作成したディレクトリ・ファイルを2.のディレクトリへコピー

  5. .gitignore作成

    .DS_Store
    public
    
  6. テーマをインストール

$ git submodule add https://github.com/halogenica/beautifulhugo.git beautifulhugo

あらかじめテーマが決まっているので、ルート配下へコピーします

$ cp -r themes/beautifulhugo/exampleSite/* ./
$ cp -r themes/beautifulhugo/layouts ./
$ cp -r themes/beautifulhugo/static ./
  1. ローカルでサイト構築確認
    $ hugo server
    ....
    Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
    

    これだけでサイト構築が出来るので、ブラウザでhttp://localhost:1313へアクセスし、表示されていることを確認 確認出来たら、hugo server をctrl+cで止める

  2. リポジトリ更新
    $ git add .
    $ git commit .
    $ git push -u origin master
    

後は、記事を書いたり、環境設定やレイアウトを編集したりして、リポジトリを更新していく