InTheDayDreamをhugoに移行するためにやったことたち

sudo apt update
sudo apt install hugo

sudo apt install path/to/hugo_extended_0.118.2_linux-arm64.deb

hugo version
# -> hugo v0.118.2-da7983ac4b94d97d776d7c2405040de97e95c03d+extended linux/amd64 BuildDate=2023-08-31T11:23:51Z VendorInfo=gohugoio

cp -r ./ path/to/archive/
rm *
hugo new site . --force

# 以下実際のログ
Congratulations! Your new Hugo site was created in /home/in/dev/git/myblog.

Just a few more steps...

1. Change the current directory to /home/in/dev/git/myblog.
2. Create or install a theme:
   - Create a new theme with the command "hugo new theme <THEMENAME>"
   - Install a theme from https://themes.gohugo.io/
3. Edit hugo.toml, setting the "theme" property to the theme name.
4. Create new content with the command "hugo new content <SECTIONNAME>/<FILENAME>.<FORMAT>".
5. Start the embedded web server with the command "hugo server --buildDrafts".

See documentation at https://gohugo.io/.

git submodule add https://github.com/michimani/simplog.git ./themes/simplog

# 以下実際のログ
Cloning into '/home/in/dev/git/myblog/themes/simplog'...
remote: Enumerating objects: 2538, done.
remote: Counting objects: 100% (664/664), done.
remote: Compressing objects: 100% (262/262), done.
remote: Total 2538 (delta 288), reused 625 (delta 280), pack-reused 1874
Receiving objects: 100% (2538/2538), 3.09 MiB | 6.19 MiB/s, done.
Resolving deltas: 100% (1201/1201), done.

baseURL = 'http://inthebloom.github.io/'
languageCode = 'ja'
DefaultContentLanguage = "ja"
title = "InTheDayDream"
description = "InTheBloom's Website"
author = "InTheBloom"

theme = "simplog"
paginate = 10
summarylength = 20
enableInlineShortcodes = true
ignoreErrors = ["error-remote-getjson"]
googleAnalytics = ""
disqusShortname = ""

[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true

[menu]
  [[menu.main]]
    identifier = "home"
    name = "Home"
    url = "/"
    weight = 1

  [[menu.main]]
    identifier = "tags"
    name = "Tags"
    url = "/tags/"
    weight = 2

  [[menu.main]]
    identifier = "categories"
    name = "Categories"
    url = "/categories/"
    weight = 3

  [[menu.main]]
    identifier = "archives"
    name = "Archives"
    url = "/archives/"
    weight = 4

  [[menu.main]]
    identifier = "about"
    name = "About"
    url = "/about/"
    weight = 5

[taxonomies]
  category = "categories"
  tag = "tags"
  archive = "archives"

[services]

  [services.instagram]
    disableInlineCSS = true

  [services.twitter]
    disableInlineCSS = true

[params]
  subtitle = ""
  colorTheme = "default"
  description = ""
  twitter = "UU9782wsEdANDhp"
  customCSS = "/css/custom.css"
  adobeFontsKitId = ""
  headerImagePath = ""

  [params.enabled]
    comment = true
    summary = true
    toc = true

img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 1px solid black;
}

#content h2 {
    padding-bottom: 0.5em;
    border-bottom: 1px solid gray;
    margin-top: 3em;
}

#main-menu-nav-items {
    grid-template-columns: repeat(5, 20%);
}

.block-separater {
    margin-top: 50px;
}

#content-footer {
    margin-top: 70px;
}

cp -r themes/simplog/layouts/* ./layouts/

touch layouts/partials/math.html

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css" integrity="sha384-GvrOXuhMATgEsSwCs4smul74iXGOixntILdUW9XmUC6+HX0sLNAK3q71HotJqlAn" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.js" integrity="sha384-cpW21h6RZv/phavutF+AuVYrr+dA8xD9zs6FwLpaCct6O9ctzYFfFr4dgmgccOTx" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"></script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        renderMathInElement(document.body, {
          // customised options
          // • auto-render specific keys, e.g.:
          delimiters: [
              {left: '$$', right: '$$', display: true},
              {left: '$', right: '$', display: false},
              // {left: '\\(', right: '\\)', display: false},
              // {left: '\\[', right: '\\]', display: true}
          ],
          // • rendering keys, e.g.:
          throwOnError : false
        });
    });
</script>

<!-- KaTeX Settings -->
{{ if or .Params.math .Site.Params.math }}
{{ partial "math.html"}}
{{ end }}

<!--TOC-->
{{ if eq .Site.Params.Enabled.Toc true }}                                                                                
{{.TableOfContents}}
{{ end }}

<!--TOC-->
{{ if and .Site.Params.Enabled.Toc (not (eq .Params.Toc false)) }}
<div style="padding: 0em 1em; margin-bottom: 5em; margin-top: 0.7em;">
    <p style="font-size: 1.3em;">Table Of Contents</p>
{{.TableOfContents}}
</div>
{{ end }}

<!--Title-->
<h2>{{.Title}}</h2>
{{ if or (not .Params.hideDate) (eq .Params.hideDate false) }}
<span class="sub">{{.Date.Format "2006-01-02"}}</span><br>
{{ end }}

<!--Title-->
<h1>{{.Title}}</h1>
{{ if or (not .Params.hideDate) (eq .Params.hideDate false) }}
<span class="sub">Published on {{.Date.Format "2006-01-02"}}</span><br>
<span class="sub">Last Modified {{.Lastmod.Format "2006-01-02"}}</span>
{{ end }}

<meta property="og:image" content="{{ $site.BaseURL }}{{ . }}">

<meta property="og:image" content="{{ $site.BaseURL }}{{ . }}">                                                          

<meta property="og:image" content="{{ . }}">

<meta property="og:image" content="{{ . }}">

<link rel="apple-touch-icon" sizes="180x180" href="{{ relURL "images/apple-touch-icon.png" }}?c={{$cacheHashBase}}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ relURL "images/favicon.png" }}?c={{$cacheHashBase}}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ relURL "images/favicon-16x16.png" }}?c={{$cacheHashBase}}">

---
title: title
date: yyyy-mm-dd
# lastmod: yyyy-mm-dd
# ogimage: https://path/to/ogimage.img
tags:
  -
categories:
  -
archives:
  -
# math: true
# toc: false
---

# [taxonomies]にある
  category = "categories"

# [menu]にある
  [[menu.main]]
    identifier = "categories"
    name = "Categories"
    url = "/Categories/"
    weight = 4

/* #main-menu-nav-itemsにある */
/* 次を消す */
grid-template-columns: repeat(5, 20%);

/* 次を追加 */
grid-template-columns: repeat(4, 25%);

---
title: サイト内全文検索
hidedate: true
toc: false
_build: {list: never}
---
サイト内の文章からインクリメント検索が可能です。
下の入力欄に入力することで検索ができます。

本ページは検索の対象外になっています。

<!-- searchのショートコードを入れる(ここに入れるとここでも無限再帰になってしまう。) -->

grid-template-columns: repeat(5, 20%);

  [[menu.main]]
    identifier = "search"
    name = "Search"
    url = "/search/"
    weight = 4

<!-- 次を削除 -->
<h4>Other posts tagged by "{{ $t }}"</h3>

<!-- 次を追加 -->
<h4 style="font-size: 1.3em;">Other posts tagged by "{{ $t }}"</h4>

.related-tag-category-list {
    margin-top: 5em;
}

git submodule init
git submodule update

---
title: hogehoge
# description: hogehoge

date: yyyy-mm-dd
# hidedate: true
# lastmod: yyyy-mm-dd

# ogimage: https://hoge/fuga/piyo.img

tags:
  - hoge
archives:
  - yyyy
  - yyyy-mm

# math: true
# toc: false
# build: {list: never}
---