1. Go言語のインストール(Ubuntu 22.04)

1-1. Apt command
$ sudo apt update -y
$ sudo apt install golang-go
  • 確認
$ go version
(out)
  go version go1.18.1 linux/amd64
$ which go
(out)
  /usr/bin/go

2. hugoのインストール(apt)

Hugoドキュメント 参考URL

2-1. インストール
~$ sudo apt update
~$ sudo apt -y install hugo
~$ hugo version
  hugo v0.92.2

(削除)
sudo apt-get remove --auto-remove hugo
2-2. 確認
$ hugo version
(out)
  hugo v0.92.2+extended linux/amd64 BuildDate=2022-02-23T16:47:50Z VendorInfo=ubuntu:0.92.2-1
$ which hugo
(out)
  /usr/bin/hugo

3. Hugoサイトのclone

3-1. Git Clone
git clone https://github.com/TechRZN/<repo-name>.git
  • 起動
cd repo-name
hugo server

4. Hugoサイトの構造

4-1. 編集コンテンツ
$ tree -aL 2
.
├── content 
│   ├── notes
│   └── posts
├── data
│   └── ja
├── .git
  • 編集するディレクトリ
$ tree -aL 2
.
├── notes
│   ├── 1_go
│   ├── 2_bash
│   ├── 3_linux
│   ├── 4_R
│   └── _index.md
└── posts
    ├── 1-news
    ├── 2-propject
    ├── 3-ap_system
    ├── 4-tips
    ├── 5-markdown
    ├── 6-services
    └── _index.ja.md

5. コンテンツの追加

5-1. [3-ap_system]のカテゴリー
  • 例として3-ap_systemのカテゴリーに追加します。
└── posts    
    ├── 3-ap_system
- 現在の構造
.
├── notes
│   ├── 1_go
│   ├── 2_bash
│   ├── 3_linux
│   ├── 4_R
│   └── _index.md
└── posts
    ├── 1-news
    ├── 2-propject
    ├── 3-ap_system
    ├── 4-tips
    ├── 5-markdown
    ├── 6-services
    └── _index.ja.md
  • 3-ap_system -> 32-golangn -> [003-hugo]を追加します。
$ tree -aL 2
.
├── 31-linux
├── 32-golang
│   ├── 001-grpc
│   ├── 002-jam-ap
│   ├── 003-hugo
│   └── _index.ja.md
├── 33-api
├── 34-R
├── 35-django
└── _index.ja.md
  • 32-golangの中カテゴリーには、3つのコンテンツがあります。
5-2. 「003-hugo」コンテンツのフロントマター
---
title: "Hugo環境構築"
published: true
date: 2023-02-10T08:06:25+06:00
description: "Hugo環境構築の説明"
menu:
  sidebar:
    name: "Hugo環境構築"
    identifier: 003-hugo
    parent: 32-golang
    weight: 32003
tags: ["API","Hugo","JAMstack"]
categories: ["Basic", "JAMstack","GO言語"]
hero: hugo.svg
---
  • フロントマターの説明
  1. フロントマターは、「—」で挟んだ部分です。
  2. 基本は、全て半角です。
  3. title: 全角文字列は、「""」で挟みます。
  4. published: 公開：true , 非公開：false
  5. date: 公開日(必ず半角)
  6. menu -> sidebar:
    • name: “Hugo環境構築”
    • identifier: 003-hugo・・・フォルダー名
    • parent: 32-golang　・・・親のフォルダー名
    • weight: 23003　・・・最初の2桁：親フォルダーの番号、最後の3桁：コンテンツ番号
  7. description: 概要：　全角文字列は、「""」で挟みます。
  8. tags:　 [“API”,“Hugo”,“JAMstack”]タグ検索のkeyを3~5個程度入れます。半角「,」で区切ります。
  9. categories:　カテゴリー（大分類）のkeyを入れます。 [“Basic”, “JAMstack”,“GO言語”]
  10. hero: hero画像のファイル名を入れます。
5-3. 画像の加工
  • 画像の横幅(width)は,1000pxに統一しています。
  • 画像のアップロードは、VSCode上でD＆Cします。
5-3. 本文
  • 本文は、markdown記法となります。
  • 参照URL

  • ## ### #### は、右の目次に表示されます。

6. コンテンツの追加Githubへpush

  1. コンテンツを編集する前に必ずpullしておきましょう。
git pull
  1. push コマンド
git add .
git commit -m "<コメント>"
git push
  1. 本番サイトが反映されるまで１～３分かかります。
  2. Githubのアカウント(Github認証)

7. CDNサイトの管理

  • Netlifyの管理画面
以上