■PC環境

・Windows10、Administrator（管理者）アカウント

・パッケージ管理ソフトウェア「Chocolatey」インストール済。インストールに関してはこちらをご確認ください。

・Chocolateyを使用しGit、インストール済

■ローカルWebサーバーを起動する

アプリケーションに新しい投稿を作成後、Windows10のデスクトップ画面に、「ここに入力して検索」と表示されている検索ボックスで「powershell.exe」と検索し、 Windows PowerShellを表示させておきます。

PS C:\WINDOWS\system32\demo> hugo server -D

表示後、cdコマンドで新しく作成したアプリケーション「demo」に移動します。移動後、上記のコマンドを入力し、Enterキーを押します。

Start building sites …

| EN-US
——————-+——–
Pages | 20
Paginator pages | 0
Non-page files | 0
Static files | 4
Processed images | 0
Aliases | 6
Sitemaps | 1
Cleaned | 0

Built in 29 ms
Watching for changes in C:\WINDOWS\system32\demo\{archetypes,content,data,layouts,static,themes}
Watching for config changes in C:\WINDOWS\system32\demo\config.toml
Environment: “development”
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server –disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

Enterキーを押すと、上記のメッセージが表示されます。メッセージが書かれている「http://localhost:1313/」にWebブラウザでアクセスします。

アクセスすると、新しく作成したアプリケーションが確認できます。編集されたページも投稿されていることが確認できました。

■PC環境

・Windows10、Administrator（管理者）アカウント

・パッケージ管理ソフトウェア「Chocolatey」インストール済。インストールに関してはこちらをご確認ください。

・Chocolateyを使用しGit、インストール済

■新しい投稿を作成する

Windows10のデスクトップ画面に、「ここに入力して検索」と表示されている検索ボックスで「powershell.exe」と検索し、 Windows PowerShellを表示させておきます。

PS C:\WINDOWS\system32\demo> hugo new post/hello-world.md

表示後、cdコマンドで新しく作成したアプリケーション「demo」内に移動し、上記のコマンドを入力し、Enterキーを押します。

C:\WINDOWS\system32\demo\content\post\hello-world.md created

Enterキーを押すと、「hello-world.md」が作成されましたというメッセージが表示されます。

表示された後は、Windowsエクスプローラで「C:\WINDOWS\system32\demo\content\post」を開きます。フォルダ内にある「hello-world.md」をコード・エディター（今回はVisual Studio Code）で開きます。

編集後、保存します。

■PC環境

・Windows10、Administrator（管理者）アカウント

・パッケージ管理ソフトウェア「Chocolatey」インストール済。インストールに関してはこちらをご確認ください。

・Chocolateyを使用しGit、インストール済

■構成を更新する

Gitを使用してHugoにテーマを追加した後は、Windowsエクスプローラを開きます。

開いた後に「C:\Windows\System32\demo」のフォルダを表示します。「themes」をクリックします。

クリック後、「hugo-tranquilpeak-theme」をクリックします。

クリック後、「exampleSite」をクリックします。

クリック後、「config.toml」というファイルを、コード・エディターで開きます。今回は Visual Studio Codeを使用します。

Visual Studio Codeで開いた後は、このコンテンツをすべてコピーします。

コピーした後に、新しく作成したアプリケーション「demo」の中にある「config.toml」のファイルもコード・エディター（Visual Studio Code）で開きます。

開くと上記のようになっています。このファイルの中身に、先程コピーした「config.toml」のコンテンツを貼り付けてします。

貼り付けた後は、タイトルまたは作成者情報を編集し、更新します。更新後、保存します。

これで、構成を更新する作業は完了となります。

■PC環境

・Windows10、Administrator（管理者）アカウント

・パッケージ管理ソフトウェア「Chocolatey」インストール済。インストールに関してはこちらをご確認ください。

・Chocolateyを使用しGit、インストール済

■新しいアプリケーションを作成する

Windows10のデスクトップ画面に、「ここに入力して検索」と表示されている検索ボックスで「powershell.exe」と検索し、 Windows PowerShellを表示後、アプリケーションを作成します。

cd demo

その後、上記のコマンドを入力し、Enterキーを押して作成したアプリケーション「demo」に移動します。

git init

Enterキーを押した後に、上記のコマンドでリポジトリを新規に作成します。作成するためにEnterキーを押します。

Initialized empty Git repository in C:/Windows/System32/demo/.git/

Enterキーを押すと、上記のメッセージが表示され、空のGitリポジトリを初期化されます。

git submodule add https://github.com/kakawait/hugo-tranquilpeak-theme.git themes/hugo-tranquilpeak-theme

初期化後、上記のコマンドを入力し、テーマを追加します。今回は「Tranquilpeak」というテーマを利用します。追加するために、Enterキーを押します。

Cloning into ‘C:/Windows/System32/demo/themes/hugo-tranquilpeak-theme’…
remote: Enumerating objects: 5181, done.
Rremote: Total 5181 (delta 0), reused 0 (delta 0), pack-reused 5181 MiB/s
Receiving objects: 100% (5181/5181), 17.18 MiB | 3.43 MiB/s, done.
Resolving deltas: 100% (2832/2832), done.
warning: LF will be replaced by CRLF in .gitmodules.
The file will have its original line endings in your working directory

Enterキーを押すと、テーマの追加が完了となります。

■PC環境

・Windows10、Administrator（管理者）アカウント

・パッケージ管理ソフトウェア「Chocolatey」インストール済。インストールに関してはこちらをご確認ください。

■新しいアプリケーションを作成する

Windows10のデスクトップ画面に、「ここに入力して検索」と表示されている検索ボックスで「powershell.exe」と検索し、 Windows PowerShellを表示させておきます。

hugo new site demo

表示後、上記のコマンドを入力し、Enterキーを押します。今回は「demo」という新しいアプリケーションを作成しますので、「demo」と入力しています。

Congratulations! Your new Hugo site is created in C:\WINDOWS\system32\demo.

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.

Enterキーを押すと、上記のメッセージが表示されます。「新しいHugoのサイトは「C:\ WINDOWS \ system32 \ demo」に作成されました。」という内容でこれでアプリケーションの作成が完了となります。

Hugoは、プログラミング言語の1つである「Go」で記述された高速の静的サイトジェネレーターです。また汎用のウェブサイトフレームワークです。

■PC環境

・Windows10、Administrator（管理者）アカウント

・パッケージ管理ソフトウェア「Chocolatey」インストール済。インストールに関してはこちらをご確認ください。

■Chocolateyを使用しインストールする

Windows10のデスクトップ画面に、「ここに入力して検索」と表示されている検索ボックスで「powershell.exe」と検索します。検索すると、powershell.exeが表示されますので、こちらをクリックします。クリックすると、Windows PowerShellのウインドウが表示されます。

choco install hugo -confirm

表示後、上記のコマンドを入力し、Enterキーを押します。

Chocolatey v0.10.15
Installing the following packages:
hugo
By installing you accept licenses for the packages.
Progress: Downloading hugo 0.77.0… 100%

hugo v0.77.0 [Approved]
hugo package files install completed. Performing other installation steps.
Downloading hugo 64 bit
from ‘https://github.com/gohugoio/hugo/releases/download/v0.77.0/hugo_0.77.0_Windows-64bit.zip’
Progress: 100% – Completed download of C:\Users\Administrator\AppData\Local\Temp\chocolatey\hugo\0.77.0\hugo_0.77.0_Windows-64bit.zip (13.45 MB).
Download of hugo_0.77.0_Windows-64bit.zip (13.45 MB) completed.
Hashes match.
Extracting C:\Users\Administrator\AppData\Local\Temp\chocolatey\hugo\0.77.0\hugo_0.77.0_Windows-64bit.zip to C:\ProgramData\chocolatey\lib\hugo\tools…
C:\ProgramData\chocolatey\lib\hugo\tools
ShimGen has successfully created a shim for hugo.exe
The install of hugo was successful.
Software installed to ‘C:\ProgramData\chocolatey\lib\hugo\tools’

Chocolatey installed 1/1 packages.
See the log for details (C:\ProgramData\chocolatey\logs\chocolatey.log).

Enterキーを押すと、インストールが開始されます。しばらくすると、「The install of hugo was successful.」と表示されますので、表示されれば正常にインストールは完了となります。