Hugo主题hugo-theme-stack部署记录

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

---
title: "{{ replace .Name "-" " " | title }}"
description: ""
date: {{ .Date }}
draft: false

categories:
  - "xxxx"
tags:
  - "tag1"
  - "tag2"

toc: true

cover:
  image: ""
  alt: ""
  caption: ""

author:
  name: ""
---

1
2
3

git add .
git commit -m "xxxxx"
git push

1
2

# 使用Powershell终端执行就好了
pwsh -Command "iwr https://fly.io/install.ps1 -useb | iex"

1

fly auth login

1
2
3
4
5

# 创建并进入项目文件夹
mkdir my-artalk-server
cd my-artalk-server
# 启动程序，只生成配置文件但是不部署
fly launch --no-deploy

1

fly volumes create artalk_data --size 1 --region <你选择的区域> --app <你刚才起的名字>

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

#根据自动生成的FLY.TOML文件修改
app = "artalk"  
primary_region = "nrt"

[build]
  image = "artalk/artalk-go"

[http_service]
  internal_port = 23366
  force_https = true
  auto_stop_machines = true
  auto_start_machines = true
  min_machines_running = 0
  processes = ["app"]

[[mounts]]
  source = "artalk_data"
  destination = "/data"

1
2
3
4
5
6
7

# 进入容器内
flyctl ssh console
# 创建管理员账号
./artalk admin
# 按照提示创建管理员账号
# 重启服务
flctl apps restart

 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

{{ define "body-class" }}
    article-page
    {{/* 
        Enable the right sidebar if
            - Widget different from 'TOC' is enabled
            - TOC is enabled and not empty
    */}}
    {{- $HasWidgetNotTOC := false -}}
    {{- $TOCWidgetEnabled := false -}}
    {{- range .Site.Params.widgets.page -}}
        {{- if ne .type "toc" -}}
            {{ $HasWidgetNotTOC = true -}}
        {{- else -}}
            {{ $TOCWidgetEnabled = true -}}
        {{- end -}}
    {{- end -}}

    {{- $TOCManuallyDisabled := eq .Params.toc false -}}
    {{- $TOCEnabled := and (not $TOCManuallyDisabled) $TOCWidgetEnabled -}}
    {{- $hasTOC := ge (len .TableOfContents) 100 -}}
    {{- .Scratch.Set "TOCEnabled" (and $TOCEnabled $hasTOC) -}}
    
    {{- .Scratch.Set "hasWidget" (or $HasWidgetNotTOC (and $TOCEnabled $hasTOC)) -}}
{{ end }}

{{ define "main" }}
    {{ partial "article/article.html" . }}

    {{ if .Params.links }}
        {{ partial "article/components/links" . }}
    {{ end }}

    {{ partial "article/components/related-content" . }}
     
    {{ if not (eq .Params.comments false) }}
        {{ partial "comments/include" . }}
    {{ end }}

    {{ partialCached "footer/footer" . }}

    {{ partialCached "article/components/photoswipe" . }}
{{ end }}

{{ define "right-sidebar" }}
    {{ if .Scratch.Get "hasWidget" }}{{ partial "sidebar/right.html" (dict "Context" . "Scope" "page") }}{{ end}}
{{ end }}

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

<link href="{{ $.Site.Params.comments.artalk.server }}/dist/Artalk.css" rel="stylesheet">
<script src="{{ $.Site.Params.comments.artalk.server }}/dist/Artalk.js"></script>
<div id="Comments"></div>

<script>
    const artalk = Artalk.init({
        el: '#Comments',
        pageKey: '{{ .Permalink }}',
        pageTitle: '{{ .Title }}',
        server: '{{ $.Site.Params.comments.artalk.server }}',
        site: '{{ $.Site.Title }}',
        locale: "auto"
    })
    window.addEventListener('onColorSchemeChange', (e) => {
        if (e.detail === 'dark') {
            artalk.setDarkMode(true)
        } else {
            artalk.setDarkMode(false)
        }
    })
</script>

1
2
3
4
5
6
7
8
9

## Comments
[comments]
enabled = true
provider = "artalk"

[comments.artalk]
server = "your-server-domains/ip"
site = "your-site-name" #要与第6步中的Site Name对应
nest = true

 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

---
# 文章标题 — 必填，Hugo 会用 .Title 方法访问
title: "{{ replace .Name "-" " " | title }}"

# 创建/发布日期 — 建议自动使用 .Date 模板变量
date: {{ .Date }}

# 最后修改日期 — 如果文章更新时手动修改，否则可与 date 相同或留空
lastmod: {{ .Date }}

# 真正发布时间（如果与 date 不同） — Hugo 的 PublishDate 方法访问。:contentReference[oaicite:3]{index=3}
publishDate: {{ .Date }}

# 到期/取消发布日期 — 如果文章在某日期后不再发布，可填；默认为空
expiryDate: ""

# 自定义链接尾部 slug — 覆盖默认 URL 的最后一段（Hugo 的 slug 方法使用）:contentReference[oaicite:4]{index=4}
slug: ""

# 分类（categories） — 文章所属分类，使用数组格式
categories: []

# 标签（tags） — 文章标签，用于文章归类、检索
tags: []

# 描述／摘要 — 通常用于 meta 标签 description。:contentReference[oaicite:5]{index=5}
description: ""

# 预览或封面图片 — 主题特有字段（Stack 主题），也可用于 OpenGraph、Twitter 等
image: ""

# 是否开启评论 — 主题特有字段（Stack 主题）
comments: true

# 授权信息 — 主题特有字段
license: ""

# 是否启用数学公式（KaTeX） — 主题特有字段
math: false

# 是否显示目录（Table of Contents） — 主题特有字段
toc: true

# 是否显示阅读时间 — 主题特有字段
readingTime: true

# SEO 关键词 — Hugo 自身支持 keywords 字段。:contentReference[oaicite:6]{index=6}
keywords: []

# （可选）样式字段 — 主题特有，用于如 badge 背景色等
style: ""

# （推荐）是否草稿状态 — Hugo 的 draft 字段。若为 true 则不会发布，除非使用 --buildDrafts。:contentReference[oaicite:7]{index=7}
draft: true

# （推荐）文章是否置顶/特色 — 主题可能支持 featured 字段，可按需添加：
# featured: false

---

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

---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
lastmod: {{ .Date }}
publishDate: {{ .Date }}
slug: ""
categories: []
tags: []
description: ""
image: ""
comments: true
license: ""
math: false
toc: true
readingTime: true
keywords: []
---