[{"content":"这是一个示例相册，用于展示照片图册功能。\n","permalink":"https://chuanxo.github.io/chuanx-blog/gallery/example/","summary":"\u003cp\u003e这是一个示例相册，用于展示照片图册功能。\u003c/p\u003e","title":"示例相册"},{"content":"关于本站 欢迎来到我的个人博客！本站使用以下技术构建：\nHugo - 世界上最快的静态网站生成器 PaperMod - 快速、简洁、响应式的 Hugo 主题 GitHub Pages - 免费托管与自动部署 Giscus - 基于 GitHub Discussions 的评论系统 功能特性 全文搜索功能 GitHub Discussions 评论系统 Google Analytics 4 网站分析 深色/浅色模式切换 完全响应式设计 极快的页面加载速度 联系方式 欢迎通过以下方式联系我：\nGitHub 发送邮件到：chuanshi0722@gmail.com 也可以在任何文章下方留言！\n","permalink":"https://chuanxo.github.io/chuanx-blog/about/","summary":"\u003ch1 id=\"关于本站\"\u003e关于本站\u003c/h1\u003e\n\u003cp\u003e欢迎来到我的个人博客！本站使用以下技术构建：\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ca href=\"https://gohugo.io/\"\u003eHugo\u003c/a\u003e\u003c/strong\u003e - 世界上最快的静态网站生成器\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ca href=\"https://github.com/adityatelange/hugo-PaperMod\"\u003ePaperMod\u003c/a\u003e\u003c/strong\u003e - 快速、简洁、响应式的 Hugo 主题\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ca href=\"https://pages.github.com/\"\u003eGitHub Pages\u003c/a\u003e\u003c/strong\u003e - 免费托管与自动部署\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003ca href=\"https://giscus.app/\"\u003eGiscus\u003c/a\u003e\u003c/strong\u003e - 基于 GitHub Discussions 的评论系统\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"功能特性\"\u003e功能特性\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e全文搜索功能\u003c/li\u003e\n\u003cli\u003eGitHub Discussions 评论系统\u003c/li\u003e\n\u003cli\u003eGoogle Analytics 4 网站分析\u003c/li\u003e\n\u003cli\u003e深色/浅色模式切换\u003c/li\u003e\n\u003cli\u003e完全响应式设计\u003c/li\u003e\n\u003cli\u003e极快的页面加载速度\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"联系方式\"\u003e联系方式\u003c/h2\u003e\n\u003cp\u003e欢迎通过以下方式联系我：\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/chuanxo\"\u003eGitHub\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e发送邮件到：chuanshi0722@gmail.com\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e也可以在任何文章下方留言！\u003c/p\u003e","title":"关于"},{"content":"概述 本文记录了搭建本博客的全过程，希望能帮助想创建类似网站的朋友。\n技术栈 Hugo (v0.155.3+) - 静态网站生成器 PaperMod - Hugo 主题 GitHub Actions - CI/CD 流水线 GitHub Pages - 托管服务 安装步骤 1. 初始化 Hugo 站点 1 2 hugo new site myblog --format yaml cd myblog 2. 安装 PaperMod 主题 使用 git submodule 便于后续更新：\n1 git submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod 3. 配置 hugo.yaml 关键配置部分：\n基础设置（URL、标题、主题） PaperMod 参数 菜单结构 搜索功能 分析集成 4. GitHub Actions 工作流 创建 .github/workflows/hugo.yaml 实现 main 分支推送时的自动部署。\n5. 启用 GitHub Pages 仓库设置 → Pages → 来源：GitHub Actions\n已实现的功能 搜索功能 PaperMod 内置了基于 Fuse.js 的搜索。只需：\n在配置中启用 JSON 输出 创建带有 layout: search 的搜索页面 评论系统 集成了基于 GitHub Discussions 的 Giscus：\n无需数据库 通过 GitHub 进行审核 与网站主题自动同步 网站分析 只需在配置中添加 Google Analytics 的测量 ID 即可。\n部署流程 每次推送到 main 分支会触发：\nHugo 构建并压缩 上传到 GitHub Pages 自动部署 网站地址：https://chuanxo.github.io/chuanx-blog/\n结语 Hugo + PaperMod + GitHub Pages 是打造现代、快速、易维护博客的绝佳组合。\n整套搭建过程不到一小时，现在我就拥有了一个功能齐全、零托管成本的博客！\n","permalink":"https://chuanxo.github.io/chuanx-blog/posts/hugo-setup/","summary":"一步步记录使用 Hugo 和 PaperMod 主题配合 GitHub Pages 创建博客的过程","title":"如何搭建这个 Hugo 博客"},{"content":"欢迎！ 这是我新博客的第一篇文章，本站使用 Hugo 和 PaperMod 主题构建。\n为什么选择 Hugo？ Hugo 是一个极其快速的静态网站生成器，可以让你：\n用 Markdown 编写内容 随处部署（GitHub Pages、Netlify、Vercel 等） 使用主题进行定制 进行版本控制 本博客的功能 这个博客包含以下现代功能：\n全文搜索 - 使用搜索页面快速查找内容 评论 - 通过 Giscus 提供的 GitHub Discussions 支持 网站分析 - 集成 Google Analytics 4 深色模式 - 在浅色和深色主题之间切换 响应式设计 - 在移动端和桌面端都有良好表现 代码高亮 Hugo 原生支持语法高亮：\n1 2 3 4 5 6 def hello_world(): print(\u0026#34;Hello, World!\u0026#34;) return True if __name__ == \u0026#34;__main__\u0026#34;: hello_world() 下一步计划 敬请期待更多关于以下主题的文章：\n技术和编程 Hugo 使用技巧 个人项目 欢迎在下方留言！\n","permalink":"https://chuanxo.github.io/chuanx-blog/posts/welcome/","summary":"介绍基于 Hugo 和 PaperMod 主题构建的新博客，包含搜索、评论、分析等功能","title":"欢迎来到我的新博客"}]