从零到一：我的高颜值数字花园搭建全记录
从零到一：我的高颜值数字花园搭建全记录 缘起：为什么选择这条路？ 在这个信息爆炸的时代，拥有一个完全属于自己的数字空间变得越来越重要。我不满足于社交媒体的碎片化表达，也不希望被平台的算法所左右。于是，我决定搭建一个属于自己的个人博客，一个可以自由表达、永久保存的数字花园。 经过多方调研，我最终选择了以下技术栈： Hugo (PaperMod)：静态网站生成器中的性能王者，配合PaperMod主题，既美观又高效 Trae Solo：AI辅助开发工具，让复杂的配置变得简单直观 GitHub Pages：免费的静态网站托管服务，与代码版本控制无缝集成 Cloudflare：全球CDN加速，提升网站访问速度和安全性 核心架构设计 技术栈选择理由 Hugo：作为Go语言编写的静态网站生成器，Hugo的构建速度是其他工具的数倍甚至数十倍。对于内容创作者来说，快速的预览和构建体验至关重要。 PaperMod主题：选择PaperMod主题是因为它的设计简洁现代，响应式布局完美适配各种设备，而且配置灵活，支持多种功能扩展。 Trae Solo：AI辅助开发工具极大地提高了开发效率，尤其是在配置文件的编写和调试方面，让我能够更专注于内容创作。 GitHub Pages：作为代码托管平台的附加服务，GitHub Pages不仅免费，而且与Git版本控制系统完美集成，让部署变得自动化和可追踪。 Cloudflare：通过Cloudflare的全球CDN网络，我的网站可以在全球范围内实现快速访问，同时还提供了DDoS保护、SSL证书等安全功能。 搭建过程详解 1. 环境搭建 首先，我需要在本地搭建开发环境： # 安装Hugo（扩展版，支持WebP等格式） brew install hugo --with-extended # 验证安装 hugo version # 创建新的Hugo站点 hugo new site my-blog cd my-blog # 初始化Git仓库 git init 2. 主题配置 选择并配置PaperMod主题： # 添加PaperMod主题作为子模块 git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod # 配置主题 echo 'theme = "PaperMod"' >> config.toml 在config.toml中添加基本配置： baseURL = "https://fc.181861.xyz/" languageCode = "zh-cn" title = "第一文明" [params] [params.profileMode] title = "第一文明" subtitle = "欢迎来到第一文明的数字花园" imageUrl = "/assets/avatar.png" imageTitle = "第一文明" imageWidth = 150 imageHeight = 150 [params.author] name = "第一文明" email = "[email protected]" [[menu.main]] name = "首页" url = "/" weight = 1 [[menu.main]] name = "关于" url = "/about/" weight = 2 [[menu.main]] name = "文章" url = "/posts/" weight = 3 [[menu.main]] name = "搜索" url = "/search/" weight = 4 3. 自动化部署配置 为了实现源码即发布的流程，我配置了GitHub Actions： ...