Hugoを使用して個人ブログをGithubに配備

4811 ワード

HugoはGo言語で作成された静的Webサイトジェネレータです.GitHubで静的なブログを作りたいなら、Hugoを試してみてください.
1.Hugoのインストール
$ wget https://github.com/gohugoio/hugo/releases/download/v0.36.1/hugo_0.36.1_Linux-64bit.deb
$ sudo apt-get -f install
$ dpkg -i hugo_0.36.1_Linux-64bit.deb
hugo versionバージョン情報を表示すると、インストールに成功しました.
$ hugo version
Hugo Static Site Generator v0.36 linux/amd64 BuildDate: 2018-02-05T15:22:28Z

2.新しいWebサイトの作成
$ hugo new site myBlog

3.トピックの追加(tranquilpeakを例に)
$ cd myBlog/themes
$ git clone https://github.com/kakawait/hugo-tranquilpeak-theme.git

このトピックのユーザーの説明は、次のとおりです.https://github.com/kakawait/hugo-tranquilpeak-theme/blob/master/docs/user.md
4.トピックの標準スタイルのプロファイルとリソースファイルを対応するパスの下にコピーします.
$ cd ~/myBlog/themes/hugo-tranquilpeak-theme/exampleSite
$ cp config.toml ~/myBlog/
$ cp -r static ~/myBlog/static
$ cp -r content ~/myBlog/content

5.config.tomlの内容を適切に変更し、/content/ディレクトリに新しい.mdファイルを追加して新しい記事を発表します.
6.テストサイト
$ hugo server
http://localhost:1313/を開いて、変更されたWebページの内容を表示します.
7.Webサイトの公開
hugo --theme=hugo-tranquilpeak-theme --baseUrl="https://rectsuly.github.io/

このとき、~/myBlogディレクトリの下にpublicのフォルダが作成されます.このフォルダの下のすべての内容git pushからgithubrectsuly.github.io倉庫にブログをGithub Pagesに配置することができます.私の個人的なブログアドレスは:https://rectsuly.github.io/です.
配備コードは次のとおりです.
$ mkdir ~/github.io/rectsuly.github.io/
$ cd ~/myBlog/public/
$ cp -r . ~/github.io/rectsuly.github.io/
$ cd github.io/rectsuly.github.io/
$ git init
$ git status
$ git add .
$ git commit -m "add new article"
$ git push https://github.com/rectsuly/rectsuly.github.io.git master

ここで、私たちの最初のHugo個人ブログサイトはGithubに成功しました.後で新しい記事を追加する場合は、~/myBlog/contentの記事の内容を再編集して投稿し、更新されたpublicフォルダの内容をGithub倉庫に再提出するだけです.