Blog

一、网站访问统计 对于静态网站来说，不好统计访问这些动态数据。 这里使用的是Vercount提供的网站访问统计功能（感谢大佬）。 具体操作就是：每次打开网站时，都会运行 vercount 提供的脚本，往 vercount 的服务器发送和接收数据。 这里我使用的是 PaperMod 主题。 1、新建 extend_head.html 文件 新建 layouts/partials/extend_head.html。 如果没有子目录的话，需要自己新建。 其目的是在网站里引入 vercount 的 js 脚本。 在该 HTML 文件添加以下内容： 1 <script defer src="https://cn.vercount.one/js"></script> 2. 新建 extend_footer.html 文件 新建 layouts/partials/extend_footer.html.html。 如果没有子目录的话，需要自己新建。 其目的是在网站底部添加显示访问信息。 在该 HTML 文件添加以下内容： 1 2 3 4 5 6 7 8 {{- if not (.Param "hideFooter") }} <footer class="footer"> <div> 网站总访客数<span id="vercount_value_site_uv"></span>次 网站总访问量<span id="vercount_value_site_pv"></span>人次 </div> </footer> {{- end }} 3. 新建 single.html 文件 将 themes/PaperMod/layouts/_default/single.html 拷贝一份到 layouts/_default/single.html。 ...

问题 当前的文章是使用 Typroa 编辑的，在 Typora 上可以显示图片，但是在 Hugo 中就无法显示图片。 Hugo 版本是 0.152.1 原因 当前的目录结构如下： 1 2 3 4 5 6 7 8 9 content └── article └── 使用Hugo和Github搭建个人博客搭建 ├── assets │ ├── 1761370605.png │ ├── 1761370606.png │ ├── 1761370607.png │ └── 1761370608.png └── 使用Hugo和Github搭建个人博客搭建.md 在 Typora 里面，我们如果要引用相对路径的图片，写法是这样的： 1  但如果此时使用 hugo server 在本地预览的话，你会发现这个图片的路径是： http://localhost:1313/article/使用hugo和github搭建个人博客搭建/使用hugo和github搭建个人博客搭建/assets/1761370607.png。 可以发现，Hugo 是将 xxx.md 是当作一个目录去看待的。 解决方案 我们应该将 xxx.md 改为 index.md，只有这样，Hugo 才能将这个目录识别为 Page Bundle。 ...

一、工具安装 1. Go 这里安装的 Go 版本为 1.25.3，官网地址：Go。 安装过程：略。 安装完成后，查看 Go 版本： 1 2 $ go version go version go1.25.3 windows/amd64 2. Hugo Hugo 是一个用 Go 写的静态网站生成器。 这里安装的是标准版的 Hugo。 1 2 3 4 5 6 $ go install github.com/gohugoio/hugo@latest go: downloading github.com/gohugoio/hugo v0.152.1 ... $ hugo version hugo v0.152.1 windows/amd64 BuildDate=unknown 3. Hugo 的常用命令 1 2 3 4 5 6 7 8 9 10 11 12 13 14 # 创建网站 $ hugo new site <网站名> # 启动本地服务器 $ hugo server # 启动本地服务器 (包含草稿文章) $ hugo server -D # 创建文章 $ hugo new <文章名称> # 生成静态网站 $ hugo 二、创建网站 1. 创建流程 基本创建流程如下： ...