Hugo-Teek博客介绍

1🎯 VitePress Teek 风格设计，专业美观
2📱 响应式布局，完美适配桌面/平板/移动端
3🌆 暗色模式，自动切换浅色/暗色主题
4📐 三栏布局，侧边栏 + 内容 + 目录

1🔍 FlexSearch 离线全文搜索，毫秒级响应
2📝 Twikoo 评论系统，支持多种部署方式
3📊 数据统计，百度/Umami/不蒜子可选
4🎬 图片懒加载，提升页面加载速度

1Hugo 引擎: 每秒可生成数千页面
2构建 1000 篇文章: < 10 秒
3增量构建: < 1 秒

1纯静态 HTML，无需服务器渲染
2首屏加载: < 1 秒（优化后）
3Lighthouse 评分: 95+

1✅ 零成本部署（CNB+EO）
2✅ 完全开源，代码可控
3✅ 极速构建，秒级部署
4✅ 数据完全自主，Markdown 源文件
5✅ 无广告，无限制
6✅ 自定义域名支持
7✅ SEO 友好，搜索引擎收录快

1⚠️ 构建速度较慢
2⚠️ 插件生态复杂
3⚠️ 配置较为繁琐
4⚠️ 主题质量参差不齐

1❌ 需要服务器（有成本）
2❌ 需要数据库
3❌ 安全风险较高
4❌ 性能开销大
5❌ 有插件广告

1❌ 平台锁定，数据迁移困难
2❌ 自定义域名收费
3❌ SEO 不友好
4❌ 无法完全自定义样式
5❌ 内容审查风险

1⚠️ 需要 Node.js 环境
2⚠️ 构建速度较快（Vite 加持），但仍慢于 Hugo
3⚠️ 需自行配置 CI/CD 流程
4⚠️ 默认示例偏向海外部署，国内方案需额外配置

1# 访问项目仓库
2https://cnb.cool/yuwen-gueen/hugo-teeker-theme
3
4# 点击 Fork 按钮，将项目复制到你的 CNB 账户

1git clone https://cnb.cool/你的用户名/hugo-teeker-theme.git
2cd hugo-teeker-theme

1# 文件: .cnb.yml（已内置）
2# 位于项目根目录

 1# 🥳 CNB 自动构建配置
 2# 🔗 自动构建 Hugo 站点并部署到 EO
 3
 4stages:
 5  - build
 6  - deploy
 7
 8variables:
 9  HUGO_VERSION: "0.150.0"
10
11build:
12  stage: build
13  image: golang:1.21
14  script:
15    # ◀️ 安装 Hugo Extended
16    - wget https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz
17    - tar -xzf hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz
18    - mv hugo /usr/local/bin/
19    # ◀️ 构建站点
20    - cd hugo-teek-site
21    - hugo --minify
22  artifacts:
23    paths:
24      - hugo-teek-site/public/
25    expire_in: 1 hour
26
27deploy:
28  stage: deploy
29  image: python:3.9
30  script:
31    # ◀️ 安装 EO CLI 工具
32    - pip install tccli
33    # ◀️ 配置 EO 凭证（在 CNB 设置中添加环境变量）
34    - tccli configure set secretId $EO_SECRET_ID
35    - tccli configure set secretKey $EO_SECRET_KEY
36    - tccli configure set region ap-guangzhou
37    # ◀️ 部署到 EO 静态存储
38    - tccli edgeone upload --ZoneId $EO_ZONE_ID --Path "/" --LocalPath ./hugo-teek-site/public/
39  only:
40    - main

 11️⃣ 注册腾讯云账号（已有可跳过）
 2   访问: https://cloud.tencent.com/
 3
 42️⃣ 开通 EdgeOne 服务
 5   搜索「EdgeOne」→ 立即开通 → 选择「免费版」
 6
 73️⃣ 添加站点
 8   点击「添加站点」→ 输入你的域名
 9   或选择「使用 EO 提供的域名」（推荐新手）
10
114️⃣ 开启静态网站托管
12   进入站点详情 → 边缘函数与页面 → 静态网站托管
13   开启服务并记录 Zone ID

1在腾讯云控制台：
21️⃣ 访问「访问管理」→「API 密钥管理」
32️⃣ 创建密钥，获取 SecretId 和 SecretKey
43️⃣ 在 CNB 项目设置中添加环境变量：
5   - EO_SECRET_ID: 你的 SecretId
6   - EO_SECRET_KEY: 你的 SecretKey
7   - EO_ZONE_ID: 你的 Zone ID

1# 修改配置后提交
2git add .
3git commit -m "🎉 初始化博客配置"
4git push origin main
5
6# ◀️ CNB 会自动触发构建和部署
7# ◀️ 约 2-3 分钟后即可访问

11️⃣ 进入 CNB 项目页面
22️⃣ 点击「CI/CD」→「流水线」
33️⃣ 查看构建日志和部署状态
44️⃣ 绿色 ✓ 表示部署成功

1✅ 构建时长: 每月 1000 分钟
2✅ 并发构建: 2 个并发
3✅ 存储空间: 10GB
4✅ 对于个人博客完全够用

1✅ 流量: 每月 10GB（个人博客足够）
2✅ 请求数: 每月 1000 万次
3✅ 静态存储: 1GB 免费空间
4✅ 全球 CDN 加速节点

1🆓 方案一: 使用 EO 提供的免费域名
2   格式: your-site.edgeone.app
3   成本: ¥0
4
5💰 方案二: 自定义域名（可选）
6   .com/.cn 域名: ¥30-60/年
7   学生优惠: 部分注册商 ¥10/年

1✅ 代码高亮 + 复制按钮
2✅ Markdown 原生支持
3✅ 代码片段展示
4✅ 技术文档编写

1✅ 全文搜索功能
2✅ 分类标签管理
3✅ 文档版本控制
4✅ 快速内容检索

1✅ 团队协作编写
2✅ 版本历史管理
3✅ 多语言支持
4✅ 自定义域名

1✅ 图片懒加载
2✅ 响应式布局
3✅ 暗色模式
4✅ 自定义样式

1# 1. Fork 项目仓库
2# 2. 配置 CNB 环境变量
3# 3. 推送代码，自动部署
4# 全程约 5 分钟

1# 1. 克隆项目
2git clone https://cnb.cool/yuwen-gueen/hugo-teeker-theme.git
3
4# 2. 安装依赖并启动
5cd hugo-teeker-theme
6make dev
7
8# 3. 访问 http://localhost:9090

1发现 Bug 或有新功能建议？
2访问: https://cnb.cool/yuwen-gueen/hugo-teeker-theme/-/issues

11. Fork 项目
22. 创建特性分支
33. 提交更改
44. 发起 Pull Request

1觉得项目不错？
2欢迎分享给朋友，给个 Star ⭐