这里是哈基米的个人站,分享技术,热爱生活。
我是一名热爱技术的开发者,专注于软件架构设计、全栈开发和云原生技术。
Twikoo 评论系统测试文章
欢迎测试 Twikoo 评论系统! 这篇文章专门用于测试刚刚配置的 Twikoo 评论系统。 为什么切换到 Twikoo? 之前我们的博客使用的是 Giscus 评论系统,但它有一些限制: ❌ 依赖外网:Giscus 需要访问 GitHub,在国内访问速度慢 ❌ 加载慢:评论框加载需要 3-10 秒 ❌ 不稳定:GitHub 连接不稳定,有时候完全无法加载 ❌ 仅支持 GitHub:读者必须有 GitHub 账号才能评论 Twikoo 完美解决了这些问题: ✅ 国内访问快:加载速度 < 1 秒 ✅ 无需外网:完全不需要访问外网 ✅ 多种登录方式:支持 QQ、微信、GitHub 等多种方式 ✅ 管理后台:有完整的评论管理界面 ✅ 功能丰富:邮件通知、表情包、图片上传等 测试清单 欢迎在评论区测试以下功能: 发表评论:写下你的第一条评论 Markdown 支持:试试写一些 Markdown 格式的内容 表情包:发送一些表情 😊 代码高亮:试试写代码 # Python 测试代码 def hello_twikoo(): print("Hello, Twikoo!") return "评论系统测试成功" hello_twikoo() // JavaScript 测试代码 function testTwikoo() { console.log("Twikoo 评论系统测试"); return "✅ 测试成功"; } testTwikoo(); 数学公式:试试写 LaTeX 公式 $$ E = mc^2 $$ ...
如何为博客配置 Giscus 评论系统
为什么选择 Giscus? 在为博客选择评论系统时,我们有多个选择:Disqus、Valine、Waline、Twikoo 等。但我最终选择了 Giscus,原因如下: Giscus 的优势 完全免费:无需数据库,无需服务器 数据自主:所有评论存储在你的 GitHub 仓库中 隐私友好:不追踪用户,符合 GDPR 功能强大:支持 Markdown、LaTeX、代码高亮 自动主题:完美适配深色/浅色模式 多语言:支持中文等 20+ 语言 适用场景 ✅ 技术博客 ✅ 文档网站 ✅ 开源项目文档 ✅ 个人知识库 配置步骤总览 配置 Giscus 主要分为 5 个步骤: 准备 GitHub 仓库(确保公开并启用 Discussions) 安装 Giscus App 获取配置参数 更新 Hugo 配置 测试评论功能 第一步:准备 GitHub 仓库 1.1 确认仓库为公开状态 Giscus 依赖 GitHub API,因此仓库必须是 Public 的。 # 如果你的仓库是 Private 的,需要改为 Public # Settings → General → Danger Zone → Change visibility 1.2 启用 Discussions 功能 进入仓库的 Settings 页面 滚动到 Features 部分 勾选 Discussions 复选框 确认启用 ...
如何使用 Hugo 搭建个人博客
Hugo 简介 Hugo 是一个用 Go 语言编写的静态站点生成器,具有以下特点: ⚡ 构建速度极快(<1秒) 📦 单一二进制文件 🔧 配置简单 🎨 主题生态丰富 安装 Hugo macOS brew install hugo Linux wget https://github.com/gohugoio/hugo/releases/download/v0.140.0/hugo_extended_0.140.0_linux-amd64.deb sudo dpkg -i hugo_extended_0.140.0_linux-amd64.deb Windows choco install hugo-extended 创建新站点 # 创建新站点 hugo new site my-blog # 进入目录 cd my-blog # 添加主题 git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod # 复制配置 cp themes/PaperMod/exampleSite/config.toml config.toml 创建新文章 # 创建文章 hugo new posts/my-article.md # 启动开发服务器 hugo server -D # 访问 http://localhost:1313 构建静态站点 # 构建 hugo --minify # 输出在 public/ 目录 部署 将 public/ 目录上传到任何静态托管服务: ...
欢迎来到我的技术博客
欢迎使用 Hugo + PaperMod 欢迎访问我的技术博客!这是一个基于 Hugo 静态站点生成器和 PaperMod 主题构建的个人博客。 技术栈 本博客采用以下技术: Hugo: 快速的静态站点生成器 PaperMod: 简洁优雅的博客主题 Cloudflare Pages: 全球 CDN 部署 Giscus: 基于 GitHub Discussions 的评论系统 Fuse.js: 本地搜索功能 功能特性 ✨ 深色/浅色模式自动切换 🔍 本地搜索,无需外部服务 💬 读者评论与互动 📱 完美适配移动设备 ⚡ 极快的加载速度 🎨 代码语法高亮 代码示例 # Python 示例代码 def greet(name): return f"Hello, {name}!" print(greet("World")) // JavaScript 示例 const greet = (name) => `Hello, ${name}!`; console.log(greet("World")); 技术文章 在这个博客中,我会分享: 📚 学习笔记 🏗️ 架构设计 💡 最佳实践 🔧 工具推荐 🚀 性能优化 期待与您交流 欢迎在评论区留言讨论! ...