Hugoでの初投稿

最初のHugoサイト構築メモ

 Posted on May 4, 2019  (Last modified on September 20, 2024)
* 本ページはプロモーションが含まれています

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

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

beautifulhugo