基于河豚主题的小修改

官方文档

页脚添加统计字数及时间

# /layouts/partials/extend-footer.html

<!--统计全站字数--> 
{{$scratch := newScratch}}
{{ range (where .Site.Pages "Kind" "page" )}}
    {{$scratch.Add "total" .WordCount}}
{{ end }}


{{$var :=  $scratch.Get "total"}} <!--将total的值给予var--> 
{{$var = div $var 100.0}} <!--将var的值除以100--> 
{{$var = math.Ceil $var}} <!--数值向下取整--> 
{{$var = div $var 10.0}} <!--再除以10，获得带一位小数点的数字--> 


<p class="text-xs text-neutral-500 dark:text-neutral-400">数着 <span id="days">0</span>D 的日子，唠了  {{$var}}k  字
</p>

<!--统计建站时间--> 
<script>
    var s1 = '2021-12-12';//设置为你的建站时间
    s1 = new Date(s1.replace(/-/g, "/"));
    s2 = new Date();
    var days = s2.getTime() - s1.getTime();
    var number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
    document.getElementById('days').innerHTML = number_of_days;
</script>

修改一级标题大小

查找到以下代码，修改font-size的数值

# /assets/css/compiled/main.css

.prose :where(h1):not(:where([class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 900;
  font-size: 1.75em;
  margin-top: 0.5em;
  margin-bottom: 0.8888889em;
  line-height: 1.5;
}

正确显示中文字符数量

# config/_default/languages.zh-cn.toml

hasCJKLanguage = true

全站字体修改

下载思源宋体字体包，解压至static/fonts/文件夹中

添加以下代码

# /assets/css/custom.css

@font-face {
    font-family: font;
    src: url('/fonts/SourceHanSerifCN-Regular-1.otf');
}

html {
    font-family: font;
}

新增页眉导航

路径：config/_default/menus.zh-cn.toml

底部版权申明上方新增标签

# config/_default/menus.zh-cn.toml

 [[footer]]
   name = "Tags"
   name = "标签"
   pageRef = "tags"
   weight = 10