静的サイトジェネレータ「Hugo」でブログサイトを S3 + CloudFrontでホストするまで [第2回〜HugoにMainroadテーマ適用編〜]

$ cat /etc/redhat-release 
Red Hat Enterprise Linux release 9.0 (Plow)

$ arch
x86_64

$ hugo version
hugo v0.101.0-466fa43c16709b4483689930a4f9ac8add5c9f66+extended linux/amd64 BuildDate=2022-06-16T07:09:16Z VendorInfo=gohugoio

$ git --version
git version 2.31.1

$ cd www # プロジェクトサイトディレクトリに移動
$ git clone https://github.com/vimux/mainroad.git themes/mainroad

$ git submodule add https://github.com/vimux/mainroad.git themes/mainroad　# themesディレクトリは以下にmainroadという名前でクローンする

baseURL = 'https://technowanko.com/'
title = "technowanko"
DefaultContentLanguage = "ja"　# 日本語化
languageCode = "ja-JP"　# 日本語化
paginate = "15" # Number of posts per page
theme = "mainroad"　# mainroadを使用する
summaryLength = "50" # 記事一覧画面で表示するサマリーの文字数
disqusShortname = "hoge" # Enable Disqus comments by entering your Disqus shortname
googleAnalytics = "" # Enable Google Analytics by entering your tracking id
enableRobotsTXT = false
# disableKinds = ["taxonomy","taxonomyTerm"]

[Author] # Used in authorbox
  name = "TECHNOWANKO"
  bio = "文系出身の駆け出しインフラエンジニアがいろんな技術に触れやってみたことを記録していくブログです"
  avatar = "img/avatar1.jpeg"

[Params]
  description = "文系出身の駆け出しインフラエンジニアが初学者にもわかりやすく技術を紹介します。" # Site description. Used in meta description
  copyright = "TECHNOWANKO.COM" # Footer copyright holder, otherwise will use site title
  opengraph = true
  twitter_cards = true 
  images = ['img/twitter_card.webp'] # the twitter_card image
  toc = true # Enable Table of Contents
  readmore = true 
  dateformat = "2006-01-02"
  authorbox = true
  pager = true
  post_meta = ["date", "categories"] # Order of post meta information
  mainSections = ["posts"]
  customCSS = ["css/custom.css"] # カスタムCSSファイルをインクルードする

[Params.logo]
  image =false 
  title = "technowanko"
  subtitle = "駆け出しインフラエンジニアの備忘録"

[Params.style.vars]
  highlightColor = "#e9967a" #e22d30

[Params.thumbnail]
  visibility = ["list", "post"]　# サムネイルを表示するページを指定

[Params.sidebar] # サイドバーに表示する項目を設定する
  home = "right"
  list = "right"
  single = "right"
  # Enable widgets in given order
  widgets = ["search", "recent", "categories", "taglist", "social", "languages"]

[Params.widgets]
  recent_num = 5 # Set the number of articles in the "Recent articles" widget
  categories_counter = true # Enable counter for each category in "Categories" widget
  tags_counter = false # Enable counter for each tag in "Tags" widget

[Params.widgets.social]
  # Enable parts of social widget
  twitter = "r0_oo9"

[[Params.widgets.social.custom]]
  title = "Qiita"
  url = "https://qiita.com/Geeryo"


[[Menus.main]]
  Name = "TOP"
  URL = "/"
  WEIGHT = 1

[[Menus.main]]
  Name = "ALL"
  URL = "/categories/"
  WEIGHT = 2

[[Menus.main]]
  Name = "AWS"
  URL = "/categories/aws/"
  WEIGHT = 3

[[Menus.main]]
  Name = "docker"
  URL = "/categories/docker/"
  WEIGHT = 4

[[Menus.main]]
  Name = "program"
  URL = "/categories/program/"
  WEIGHT = 5

[[Menus.main]]
  Name = "hugo"
  URL = "/categories/hugo/"
  WEIGHT = 6

[[Menus.footer]]
  Name = "Privacy"
  URL = "/privacy/"

enableRobotsTXT = false

User-agent: *
Disallow:
Sitemap: {{ .Site.BaseURL }}sitemap.xml

disqusShortname = "hoge" # Enable Disqus comments by entering your Disqus shortname

comments: true # Enable Disqus comments for specific page

$ hugo new posts/**.md

---
title: "{{ replace .Name "-" " " | title }}"
description: "** | technowanko.com 駆け出しエンジニアの備忘ブログ"
date: {{ .Date }}
tags:
  - ""
categories:
  - "aws"
  - "docker"
  - "hugo"
  - "program"
thumbnail: "img/thumbnails/aws.webp" # aws
# thumbnail: "img/thumbnails/Python-Symbol.webp" #python
# thumbnail: "img/thumbnails/golang_neo.webp" #go
# thumbnail: "img/thumbnails/docker.webp" #docker
# thumbnail: "img/thumbnails/hugo.webp" #hugo
images:
- img/twitter_card.webp # twitter card image
lead: "" # Lead text
comments: true # Enable Disqus comments for specific page
isCJKLanguage: true
draft: false # To be changed to false before build !!
---

$ hugo