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 ./
    
  7. ローカルでサイト構築確認

    $ hugo server
    ....
    Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
    

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

  8. リポジトリ更新

    $ git add .
    $ git commit .
    $ git push -u origin master
    

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