Blog 從 Hexo 移轉 Hugo 主題 LoveIt

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

# 新增站台
hugo new site Blog
# Add a Theme
cd Blog
git init
git submodule add https://github.com/malagege/LoveIt.git themes/LoveIt
# config.toml 下加入 theme = "LoveIt"
vim config.toml
# 從 LoveIt 的 config.toml 內容複製到 hugo 的config.toml 下
themes\LoveIt\config.toml => config.toml
# 新增一筆文章
hugo new posts/my-first-post.md

1
2

[outputs]
  home = ["HTML", "RSS", "JSON"]

1

hugo

1
2
3
4

[params.search.algolia]
index
appID
searchKey

1
2

[markup.goldmark.renderer]
hardWraps = true

1
2
3
4

# regex
tags: ([^\[ ].+)
# replace
tags: [$1]

1
2
3
4

# regex
categories:\s+(.+)
# replace
categories: [$1]

1
2
3
4

# regex 
```(.+)
# replace
```$1

1
2
3
4

# regex
date: (\d{4}-\d+-\d+ \d+:\d+)
# replace
date: $1:00

1
2

\{% ?asset_img (.+) \[?(.+?)\]? *%\}
![$2]($1)

1
2

\{% ?asset_link "?([^"]+)"? \[?"?(.+?)\]?"? *%\}
[$2]($1)

1
2
3
4
5
6
7
8

    <div class="nested-copy-line-height lh-copy {{ $.Param "post_content_classes"  | default "serif"}} f4 nested-links {{ $.Param "text_color" | default "mid-gray" }} {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl4-l" "pr4-l" }} w-two-thirds-l">
      {{- .Content -}}
      {{ if .Page.Store.Get "hasMermaid" }}
        <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
        <script>
          mermaid.initialize({ startOnLoad: true });
        </script>
      {{ end }}

1

baseURL = 'http://example.org/blog'

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

var url = $"https://malagege.github.io/blog/";
var result = new List<string>();

var config = AngleSharp.Configuration.Default.WithDefaultLoader(
new LoaderOptions
{
	IsResourceLoadingEnabled = true
});

var browser = BrowsingContext.New(config);

var document = await browser.OpenAsync(url);
var data = document?.QuerySelectorAll(".post-title-link");
document.Close();

var matchString = data.Select(s => s.GetAttribute("Href")).ToList();//(s => s.BaseUrl.Origin + s.GetAttribute("Href")).ToList();

result.AddRange(matchString);

for (int i = 2; i < 75; i++)
{
	Thread.Sleep(3000);
	document = await browser.OpenAsync(url + "page/" + i);
	data = document?.QuerySelectorAll(".post-title-link");
	document.Close();

	matchString = data.Select(s => s.GetAttribute("Href")).ToList();

	result.AddRange(matchString);
	Console.WriteLine($"i:{i}, cnt: {matchString.Count}");
}

result.Dump();

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

#!/bin/bash

BASE_URL="${BASE_URL:-http://localhost:8080}"

ERRORS=0

for path in $(grep ^/ urls.txt)
do
  url="$BASE_URL$path"
  echo -n "Checking $url... "

  STATUS_CODE=$(curl \
      --output /dev/null \
      --silent \
      --write-out "%{http_code}" \
      "$url")

  if (( STATUS_CODE == 200 ))
  then
    echo "$STATUS_CODE"
  else
    echo -e "\033[0;31m$STATUS_CODE !!!\033[m"
    ERRORS=$(( ERRORS + 1 ))
  fi
done

if (( ERRORS != 0 ))
then
  echo -e "\033[0;31m!!! Errors checking URLs!\033[m"
  exit 1
fi

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

<div align="center">
  <script
    async
    src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1439458814178865" crossorigin="anonymous"
  ></script>
  <ins
    class="adsbygoogle"
    style="display:block; text-align:center;"
    data-ad-layout="in-article"
    data-ad-format="fluid"
    data-ad-client="ca-pub-xxxxxxxxxx"
    data-ad-slot="xxxxxxxxxx"
  ></ins>
  <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
  </script>
</div>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

name: deploy # 名字自取

on:
  push:
    branches:
      - master  # 这里的意思是当 main分支发生push的时候，运行下面的jobs，这里先改为github-actions

jobs:
  deploy: # 任务名自取
    runs-on: ubuntu-18.04	# 在什么环境运行任务
    steps:
      - uses: actions/checkout@v2	# 引用actions/checkout这个action，与所在的github仓库同名
        with:
          submodules: true  # Fetch Hugo themes (true OR recursive) 获取submodule主题
          fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod

      - name: Setup Hugo	# 步骤名自取
        uses: peaceiris/actions-hugo@v2	# hugo官方提供的action，用于在任务环境中获取hugo
        with:
          hugo-version: 'latest'	# 获取最新版本的hugo
          extended: true          # 最新版沒有extended，因為 LoveIt 有用到 SCSS，新版要加上去

      - name: Build
        run: hugo --minify	# 使用hugo构建静态网页

      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3	# 一个自动发布github pages的action
        with:
          # github_token: ${{ secrets.GITHUB_TOKEN }} 该项适用于发布到源码相同repo的情况，不能用于发布到其他repo
          external_repository: malagege/blog	# 发布到哪个repo
          personal_token: ${{ secrets.ACTION_ACCESS_TOKEN }}	# 发布到其他repo需要提供上面生成的personal access token
          publish_dir: ./public	# 注意这里指的是要发布哪个文件夹的内容，而不是指发布到目的仓库的什么位置，因为hugo默认生成静态网页到public文件夹，所以这里发布public文件夹里的内容
          publish_branch: master	# 发布到哪个branch

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

name: Dispatch sitemap to google

on:
  push:
    branches: 
      - master

jobs:
  upload_sitemap:
    runs-on: ubuntu-latest
    steps:
      - name: Wait / Sleep
        uses: jakejarvis/wait-action@v0.1.0
        with:
          time: '30s'
      - name: curl
        uses: wei/curl@v1.1.1
        with:
          args: http://www.google.com/ping?sitemap=https://sujingjhong.com/sitemap.xml

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

# 是否使用 robots.txt
enableRobotsTXT = true
# 是否使用 git 信息
enableGitInfo = true
# 是否使用 emoji 代碼
enableEmoji = true

# 忽略一些構建錯誤
# ignoreErrors = ["error-remote-getjson", "error-missing-instagram-accesstoken"]

# 作者配置
[author]
  name = "malagege"
  email = ""
  link = ""

# 菜單配置
[menu]
  [[menu.main]]
    weight = 1
    identifier = "posts"
    # 你可以在名稱 (允許 HTML 格式) 之前添加其他信息, 例如圖標
    pre = ""
    # 你可以在名稱 (允許 HTML 格式) 之後添加其他信息, 例如圖標
    post = ""
    name = "文章"
    url = "/posts/"
    # 當你將鼠標懸停在此菜單鏈接上時, 將顯示的標題
    title = ""
  [[menu.main]]
    weight = 2
    identifier = "tags"
    pre = ""
    post = ""
    name = "標籤"
    url = "/tags/"
    title = ""
  [[menu.main]]
    weight = 3
    identifier = "categories"
    pre = ""
    post = ""
    name = "分類"
    url = "/categories/"
    title = ""

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

name: deploy # 名字自取

on:
  push:
    branches:
      - master  # 这里的意思是当 main分支发生push的时候，运行下面的jobs，这里先改为github-actions

jobs:
  deploy: # 任务名自取
    runs-on: ubuntu-18.04	# 在什么环境运行任务
    steps:
      - uses: actions/checkout@v2	# 引用actions/checkout这个action，与所在的github仓库同名
        with:
          submodules: true  # Fetch Hugo themes (true OR recursive) 获取submodule主题
          fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod

      - name: Setup Hugo	# 步骤名自取
        uses: peaceiris/actions-hugo@v2	# hugo官方提供的action，用于在任务环境中获取hugo
        with:
          hugo-version: 'latest'	# 获取最新版本的hugo
          # extended: true

      - name: Build
        run: hugo --minify	# 使用hugo构建静态网页

      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3	# 一个自动发布github pages的action
        with:
          # github_token: ${{ secrets.GITHUB_TOKEN }} 该项适用于发布到源码相同repo的情况，不能用于发布到其他repo
          external_repository: malagege/blog	# 发布到哪个repo
          personal_token: ${{ secrets.ACTION_ACCESS_TOKEN }}	# 发布到其他repo需要提供上面生成的personal access token
          publish_dir: ./public	# 注意这里指的是要发布哪个文件夹的内容，而不是指发布到目的仓库的什么位置，因为hugo默认生成静态网页到public文件夹，所以这里发布public文件夹里的内容
          publish_branch: master	# 发布到哪个branch


      - uses: algolia/setup-algolia-cli@v1.0.0
        with:
          version: 1.2.0

      - name: Algolia Set Profile
        env:
          ALGOLIA_APPLICATION_ID: ${{ secrets.ALGOLIA_APPLICATION_ID }}
          ALGOLIA_ADMIN_API_KEY: ${{ secrets.ALGOLIA_ADMIN_API_KEY }}

        run: algolia profile add --name "my-profile" --app-id $ALGOLIA_APPLICATION_ID --admin-api-key $ALGOLIA_ADMIN_API_KEY --default

      - name: json2nd
        run: go install github.com/draxil/json2nd@latest

      - name: json to ndjson(jsonl)
        run: |
          ~/go/bin/json2nd ./public/index.json > ./public/index.ndjson          

      - name: Algolia Upload Index
        env:
          FILE_PATH: "./public/index.ndjson"
          INDEX_NAME: "malagege_blog"
        run:
          algolia objects import $INDEX_NAME -F $FILE_PATH

      - uses: sarisia/actions-status-discord@v1
        if: always()
        with:
          webhook: ${{ secrets.DISCORD_WEBHOOK }}
          title: "deploy"
          description: "Blog Build and deploy to GitHub Pages!"
          username: GitHub Actions

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

  [[menu.main]]
    weight = 1
    identifier = "/"
    # 你可以在名稱 (允許 HTML 格式) 之前添加其他信息, 例如圖標
    pre = ""
    # 你可以在名稱 (允許 HTML 格式) 之後添加其他信息, 例如圖標
    post = ""
    name = "首頁"
    url = "/"
    # 當你將鼠標懸停在此菜單鏈接上時, 將顯示的標題
    title = ""
  [[menu.main]]
    weight = 5
    identifier = "links"
    pre = ""
    post = ""
    name = "好站連結"
    url = "/links/"
    title = "覺得不錯好站都會放在這邊"

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

[menu]
  [[menu.main]]
    weight = 1
    identifier = "/"
    # 你可以在名稱 (允許 HTML 格式) 之前添加其他信息, 例如圖標
    pre = ""
    # 你可以在名稱 (允許 HTML 格式) 之後添加其他信息, 例如圖標
    post = ""
    name = "首頁"
    url = "/"
    # 當你將鼠標懸停在此菜單鏈接上時, 將顯示的標題
    title = ""
  [[menu.main]]
    weight = 2
    identifier = "posts"
    # 你可以在名稱 (允許 HTML 格式) 之前添加其他信息, 例如圖標
    pre = ""
    # 你可以在名稱 (允許 HTML 格式) 之後添加其他信息, 例如圖標
    post = ""
    name = "文章"
    url = "/posts/"
    # 當你將鼠標懸停在此菜單鏈接上時, 將顯示的標題
    title = ""
  [[menu.main]]
    weight = 3
    identifier = "tags"
    pre = ""
    post = ""
    name = "標籤"
    url = "/tags/"
    title = ""
  [[menu.main]]
    weight = 4
    identifier = "categories"
    pre = ""
    post = ""
    name = "分類"
    url = "/categories/"
    title = ""
  [[menu.main]]
    weight = 5
    identifier = "links"
    pre = ""
    post = ""
    name = "好站連結"
    url = "/links/"
    title = "覺得不錯好站都會放在這邊"