Analytics & RSS Configuration

RSS Feed

Quarto 原生支持 RSS feed，已配置在 _quarto.yml 中：

  • RSS 图标：已在导航栏右侧显示
  • RSS 链接：https://qianchuanshi.github.io/blog.xml
  • 自动生成：每次渲染时自动更新

添加 RSS Badge

在页面中可以添加 RSS badge，例如在 index.qmd 中已添加。

访问统计

当前配置：Visitor Badge

使用 visitor-badge.laobi.icu 服务显示访问次数： - 优点：简单易用，无需注册 - 显示位置：页面底部（通过 analytics.html） - 隐私：相对友好，不收集个人信息

其他可选方案

1. CountAPI（推荐，隐私友好）

修改 analytics.html 中的注释部分：

<img src="https://api.countapi.xyz/hit/qianchuanshi.github.io/visits" alt="Visitors">

2. Google Analytics（详细统计）

  1. 在 Google Analytics 创建账户并获取 ID（格式：G-XXXXXXXXXX）

  2. 在 _quarto.yml 中取消注释并填入 ID：

    google-analytics: "G-XXXXXXXXXX"

  3. 或者取消注释 analytics.html 中的 Google Analytics 脚本

注意：Google Analytics 主要用于后台统计，不会在页面上显示访问数字。

3. GoatCounter（隐私友好，开源）

  1. 在 GoatCounter 注册账户

  2. 获取你的代码

  3. 在 analytics.html 中取消注释并填入代码：

    <script data-goatcounter="https://YOUR_CODE.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>

自定义访问计数器样式

可以在 custom.css 中添加样式：

/* Visitor counter styling */
.visitor-counter {
  text-align: center;
  margin: 20px 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}

配置说明

  • analytics.html：包含所有统计脚本，通过 include-after-body 添加到所有页面
  • _quarto.yml：配置 RSS 和 Google Analytics（如使用）
  • index.qmd：已添加 RSS badge 示例

测试

  1. 渲染网站：quarto render
  2. 预览网站：quarto preview
  3. 检查访问计数器是否显示在页面底部
  4. 检查 RSS badge 是否显示在首页
Visitors