博客搭建过程（二）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

{
  "github": {
    "silent": true
  },
  "build": {
    "env": {
      "HUGO_VERSION": “0.84.1”
    }
  }
}

1
2
3
4
5

[context.deploy-preview.environment]
  HUGO_VERSION = “0.84.1”

[context.production.environment]
  HUGO_VERSION = “0.84.1”

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

{{- if $comment.enable | and $comment.waline.enable | and $comment.waline.visitor -}}
     <span id="{{ .RelPermalink }}" class="leancloud_visitors" data-flag-title="{{ .Title }}">
     				<i class="far fa-eye fa-fw"></i>&nbsp;<span class=leancloud-visitors-count></span>&nbsp;{{ T "views" }}
      </span>
      {{- if eq $comment.waline.lang "en" -}}
           <a href="#comments" id="post-meta-vcount" title="{{ T `viewComments` }}">
                  <i class="fas fa-comment fa-fw"></i>&nbsp;<span id="{{ .RelPermalink }}" class="waline-comment-count"></span>&nbsp;comments
           </a>
       {{ else }}
           <a href="#comments" id="post-meta-vcount" title="{{ T `viewComments` }}">
                	<i class="fas fa-comment fa-fw"></i>&nbsp;<span id="{{ .RelPermalink }}" class="waline-comment-count"></span>&nbsp;条评论
           </a>
        {{- end -}}&nbsp;
{{- end -}}

  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
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100

// ==============================
// Custom style
// 自定义样式
// ==============================
/* 文章元数据meta */

// 修改二级标题样式（背景、颜色）
.page.single h2 {
  font-weight: bold;
  line-height: 1.3;
  padding: 5px;
  margin: 18px 0px 18px -5px !important
}

[theme=dark] .page.single h2 {
  color: #fff;
}

// 修改三级标题样式（背景、颜色）
[theme=dark] .page.single h3 {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.3;
}

[theme=light] .page.single h3 {
  line-height: 1.3;
}

// 修改四级标题样式（颜色）
[theme=dark] .page.single h4 {
  color: rgba(255, 255, 255, 0.8);
}

// 修改目录样式
nav#TableOfContents ol {
  padding-inline-start: 30px
}

nav#TableOfContents ol ol {
  padding-inline-start: 15px;
  font-size: .75rem;
  display: none
}

nav#TableOfContents ol li.has-active ol {
  display: block
}

/* 子菜单栏 */
.dropdown {
  display: inline-block;
}

/* 子菜单的内容 (默认隐藏) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  line-height: 1.3rem;
}

/* 子菜单的链接 */
.dropdown-content a {
  padding: 10px 18px 10px 14px;
  text-decoration: none;
  display: block;

  & i {
    margin-right: 3px;
  }
}

/* 鼠标移上去后修改子菜单链接颜色 */
.dropdown-content a:hover {
  background-color: #c5c5cb;
  border-radius: 4px;
}

/* 在鼠标移上去后显示子菜单 */
.dropdown:hover .dropdown-content {
  display: block;
}

// 博客菜单栏修改
@media screen and (max-width: 680px) {
  .dropdown {
    display: inline;
  }
  .dropdown:hover .dropdown-content {
    display: inline;
    z-index: 1;
    margin-top: -2em;
    margin-left: 3em;
  }
  .dropdown-content a:hover {
    background-color: transparent;
  }
}

 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

/* 中文站点运行时间 */
function runtime_zh_cn() {
    window.setTimeout("runtime_zh_cn()", 1000);
    /* 请修改这里的起始时间 */
    let startTime = new Date('08/08/2021 20:00:00');
    let endTime = new Date();
    let usedTime = endTime - startTime;
    let days = Math.floor(usedTime / (24 * 3600 * 1000));
    let leavel = usedTime % (24 * 3600 * 1000);
    let hours = Math.floor(leavel / (3600 * 1000));
    let leavel2 = leavel % (3600 * 1000);
    let minutes = Math.floor(leavel2 / (60 * 1000));
    let leavel3 = leavel2 % (60 * 1000);
    let seconds = Math.floor(leavel3 / (1000));
    let runbox = document.getElementById('run-time-zh-cn');
    if (runbox) {
    runbox.innerHTML = '本站已运行 '
        + ((days < 10) ? '0' : '') + days + ' 天 '
        + ((hours < 10) ? '0' : '') + hours + ' 时 '
        + ((minutes < 10) ? '0' : '') + minutes + ' 分 '
        + ((seconds < 10) ? '0' : '') + seconds + ' 秒 ';
    }
}
runtime_zh_cn();

/* 英文站点运行时间 */
function runtime_en() {
    window.setTimeout("runtime_en()", 1000);
    /* 请修改这里的起始时间 */
    let startTime = new Date('08/08/2021 20:00:00');
    let endTime = new Date();
    let usedTime = endTime - startTime;
    let days = Math.floor(usedTime / (24 * 3600 * 1000));
    let leavel = usedTime % (24 * 3600 * 1000);
    let hours = Math.floor(leavel / (3600 * 1000));
    let leavel2 = leavel % (3600 * 1000);
    let minutes = Math.floor(leavel2 / (60 * 1000));
    let leavel3 = leavel2 % (60 * 1000);
    let seconds = Math.floor(leavel3 / (1000));
    let runbox = document.getElementById('run-time-en');
    if (runbox) {
    runbox.innerHTML = 'This website has been running '
        + ((days < 10) ? '0' : '') + days + ' days '
        + ((hours < 10) ? '0' : '') + hours + ' hours '
        + ((minutes < 10) ? '0' : '') + minutes + ' minutes '
        + ((seconds < 10) ? '0' : '') + seconds + ' seconds ';
    }
}
runtime_en();

 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

{{- if ne .Site.Params.footer.enable false -}}
    <footer class="footer">
        <div class="footer-container">

            {{- if eq .Site.Language.Lang "en" -}}
                <div class="footer-line">
                    <span id="run-time-en"></span>
                </div>

            {{- else if eq .Site.Language.Lang "zh-cn" -}}
                <div class="footer-line">
                    <span id="run-time-zh-cn"></span>
                </div>
            {{- end -}}
            

            {{- /* Custom Content */ -}}
            {{- with .Site.Params.footer.custom -}}
                <div class="footer-line">
                    {{- safeHTML . -}}
                </div>
            {{- end -}}

            {{- /* Hugo and LoveIt */ -}}
            {{- if ne .Site.Params.footer.hugo false -}}
                <div class="footer-line">
                    {{- $hugo := printf `<a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo %v">Hugo</a>` hugo.Version -}}
                    {{- $theme := .Scratch.Get "version" | printf `<a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt %v">LoveIt&nbsp;&nbsp;</a>` -}}
                    {{- dict "Hugo" $hugo "Theme" $theme | T "poweredBySome" | safeHTML }}

            {{- end -}}


                {{- /* Copyright year */ -}}
                {{- if ne .Site.Params.footer.copyright false -}}
                    <i class="far fa-copyright fa-fw"></i>
                    {{- with .Site.Params.footer.since -}}
                        <span itemprop="copyrightYear">
                            {{- if lt . now.Year }}{{ . }} - {{ end }}{{ now.Year -}}
                        </span>
                    {{- else -}}
                        <span itemprop="copyrightYear">{{ now.Year }}</span>
                    {{- end -}}
                {{- end -}}

                {{- /* Author */ -}}
                {{- if ne .Site.Params.footer.author false -}}
                    <span class="author" itemprop="copyrightHolder">&nbsp;<a href="{{ $.Site.Author.link | default .Site.Home.RelPermalink }}" target="_blank">{{ .Site.Author.name }}</a></span>
                {{- end -}}

                {{- /* License */ -}}
                {{- with .Site.Params.footer.license -}}
                    &nbsp;|&nbsp;<span class="license">{{ . | safeHTML }}</span>
                {{- end -}}

                {{- /* ICP */ -}}
                {{- with .Site.Params.footer.icp -}}
                    <span class="icp-splitter">&nbsp;|&nbsp;</span><br class="icp-br"/>
                    <span class="icp">{{ . | safeHTML }}</span>
                {{- end -}}
            </div>
        </div>
    </footer>
{{- end -}}