Hugo on SHAIFX的技术博客

为博客添加评论区：Giscus

Sat, 23 May 2026 10:00:00 +0800

基于 GitHub Discussions 的免费评论系统，数据在自己手里，零成本接入 Hugo PaperMod。

为博客添加访问统计：Umami + 不蒜子

Thu, 21 May 2026 11:00:00 +0800

一套给自己看，一套给访客看。用 Umami + 不蒜子为博客添加完整的访问统计。

工具介绍

Umami

Umami 是一款开源的网站统计工具，定位是 Google Analytics 的隐私友好替代品。

开源：代码完全公开，可自部署
隐私友好：不使用 Cookie，不追踪个人信息，符合 GDPR
数据详细：访客来源、设备类型、浏览器、停留时长、实时在线人数
免费版：Umami Cloud 每月 10 万次页面浏览，个人博客完全够用
数据归属：显示在后台，只有博主自己能看

适合用来了解博客的真实流量情况。

不蒜子

不蒜子是一个极简的页面计数器，由国内开发者维护。

接入极简：两行代码搞定
免费无限制：没有用量上限
双维度统计：网站总访问量 + 单篇文章浏览量
数据公开：数字直接显示在博客页面上，访客可见
缺点：不开源，数据存在作者服务器，部分广告拦截插件（如 Brave）会屏蔽

适合在博客页面直接展示浏览数字。

两者的区别

	Umami	不蒜子
数据可见性	仅博主后台	页面公开显示
统计维度	详细（来源、设备等）	仅浏览次数
隐私	极佳	一般
接入难度	中	极简
开源	✅	❌

两者互补，同时使用效果最好。

一、接入 Umami Cloud

1. 注册账号

打开 umami.is，点 Sign up 注册，选择数据存储地区（推荐 United States）。

2. 添加网站

登录后进入 Settings → Websites → Add website：

用 Hugo + Cloudflare Pages 搭建个人博客

Thu, 21 May 2026 10:39:29 +0800

零成本、全静态、自动部署。用 Hugo 搭建个人博客并托管到 Cloudflare Pages 的完整流程。

准备工作

安装以下工具，并注册好账号：

Git
Hugo（Windows 用 winget install Hugo.Hugo.Extended）
GitHub 账号
Cloudflare 账号

一、创建站点

hugo new site myblog
cd myblog
git init

二、安装 PaperMod 主题

git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod

三、配置 hugo.toml

用以下内容替换根目录的 hugo.toml：

baseURL = "/"
locale = "zh-CN"
title = "我的博客"
theme = "PaperMod"

[params]
  homeInfoParams = {Title = "你好 👋", Content = "欢迎来到我的博客"}
  defaultTheme = "auto"
  ShowReadingTime = true
  ShowPostNavLinks = true
  ShowBreadCrumbs = true
  ShowCodeCopyButtons = true
  ShowToc = true

[menu]
  [[menu.main]]
    name = "文章"
    url = "/posts/"
    weight = 1
  [[menu.main]]
    name = "标签"
    url = "/tags/"
    weight = 2
  [[menu.main]]
    name = "归档"
    url = "/archives/"
    weight = 3

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

四、创建归档页

hugo new content archives.md

打开文件，内容替换为：