欢迎来到我的博客！这是使用 Hugo 和 PaperMod 主题搭建的第一篇文章。 什么是 Hugo？ Hugo 是一个快速、现代的静态网站生成器，它使用 Go 语言编写，构建速度非常快。 为什么选择 PaperMod？ PaperMod 是一个简洁、美观且功能强大的 Hugo 主题，具有以下特点： 响应式设计 深色模式支持 优秀的性能 易于定制 开始写作 现在你可以开始创建自己的文章了。只需要在 content/posts/ 目录下创建 Markdown 文件即可。 hugo new posts/my-new-post.md 祝你在 Hugo 的世界里玩得开心！
Hugo 是一个功能强大的静态网站生成器，它使用 Go 语言编写，以惊人的速度著称。在这篇文章中，我们将探索 Hugo 的一些核心功能和优势。 为什么选择 Hugo？ 1. 极快的构建速度 Hugo 可以在几秒钟内构建数千个页面，这使得它非常适合大型网站和博客。相比之下，其他静态站点生成器可能需要几分钟甚至更长时间。 2. 简单的内容管理 Hugo 使用 Markdown 格式编写内容，这使得内容创作变得简单直观。你不需要了解复杂的编程知识就能创建美观的网页。 3. 丰富的主题生态 Hugo 拥有庞大的主题库，你可以轻松找到适合自己需求的主题。从极简风格到复杂的商业网站，应有尽有。 Hugo 的核心特性 内容组织 Hugo 使用清晰的目录结构来组织内容： content/ ├── posts/ │ ├── post-1.md │ └── post-2.md ├── categories/ │ └── category-name/ └── tags/ └── tag-name/ 模板系统 Hugo 提供了强大的模板系统，允许你完全控制网站的布局和样式。你可以创建自定义的模板来满足特定需求。 短代码（Shortcodes） 短代码是 Hugo 的一个强大功能，它允许你在 Markdown 中插入复杂的 HTML 内容。例如： 图片说明 ...
Markdown 是一种轻量级的标记语言，它让你能够使用易读易写的纯文本格式编写文档。掌握 Markdown 可以大大提高写作效率。 基础语法 标题 使用 # 号表示标题，共有六级标题： # 一级标题 ## 二级标题 ### 三级标题 强调文本 粗体：使用 **文本** 或 __文本__ 斜体：使用 *文本* 或 _文本_ 删除线：使用 ~~文本~~ 列表 无序列表： - 项目一 - 项目二 - 子项目 有序列表： 1. 第一步 2. 第二步 3. 第三步 高级技巧 代码块 使用三个反引号包裹代码，可以指定语言： def hello_world(): print("Hello, World!") 表格 | 列1 | 列2 | 列3 | |-----|-----|-----| | 数据1 | 数据2 | 数据3 | 引用 这是一段引用文本。 可以有多行。 最佳实践 保持简洁：Markdown 的优势在于简洁，避免过度使用格式 使用工具：选择一个好用的 Markdown 编辑器可以事半功倍 预览功能：充分利用编辑器的实时预览功能 快捷键：掌握常用快捷键可以提高效率 总结 Markdown 简单易学，却能创建出格式优美的文档。无论是写博客、写文档还是做笔记，Markdown 都是理想的选择。 ...
在现代 Web 开发中，遵循最佳实践可以帮助我们创建更高效、更可维护的应用程序。本文将介绍一些重要的 Web 开发最佳实践。 代码组织 模块化开发 将代码分解为小的、可重用的模块是良好架构的基础。每个模块应该只负责一个特定的功能。 // 好的做法 const utils = { formatDate(date) { // 格式化日期 }, validateEmail(email) { // 验证邮箱 } }; 命名规范 使用清晰、描述性的命名： 变量名使用驼峰命名法：userName 常量使用全大写：MAX_SIZE 类名使用帕斯卡命名法：UserService 性能优化 资源压缩 压缩 HTML、CSS 和 JavaScript 文件 使用图片压缩工具减小图片体积 启用 Gzip 或 Brotli 压缩 懒加载 对于图片和内容，实现懒加载可以显著提高页面加载速度： <img src="placeholder.jpg" data-src="actual-image.jpg" loading="lazy"> 缓存策略 合理使用缓存可以减少服务器负载： 设置适当的 Cache-Control 头 使用 Service Worker 实现离线缓存 利用浏览器本地存储 安全性 输入验证 永远不要信任用户输入，始终进行验证和清理： function sanitizeInput(input) { return input.replace(/<[^>]*>/g, ''); } HTTPS 始终使用 HTTPS 加密传输数据，保护用户隐私。 防范 XSS 和 CSRF 对用户输入进行转义 使用 CSRF 令牌 设置适当的安全头 响应式设计 移动优先 从移动端开始设计，然后逐步适配更大的屏幕： ...
这是一篇来自12月20日的测试文章，用于测试归档功能的显示效果。 测试内容 这是第四篇测试文章，用于测试归档的折叠功能。 测试要点 12月多篇文章显示 月份文章数量统计 年份折叠功能 月份折叠功能
这是一篇来自12月10日的测试文章，用于测试归档功能的显示效果。 测试内容 这是第三篇测试文章，用于测试12月的归档显示。 测试要点 12月文章显示 月份分组效果 年份归档功能 折叠交互
这是一篇来自10月25日的测试文章，用于测试归档功能的显示效果。 测试内容 这是第二篇测试文章，用于测试不同日期的归档显示。 测试要点 日期排序 月份分组 年份归档 折叠功能
这是一篇来自10月15日的测试文章，用于测试归档功能的显示效果。 测试内容 这篇文章包含了基本的Markdown格式，用于测试Hugo的渲染功能。 测试要点 日期显示 归档分类 折叠功能 文章列表显示
这是9月的第二篇测试文章，用于测试归档页面的多篇文章显示效果。 测试目的 验证同一个月份有多篇文章时的显示效果： 文章应该按日期倒序排列 月份标题应该包含所有该月的文章 文章条目间距应该合适 日期设置 这篇文章的日期设置为2025年9月20日，应该出现在9月份的归档分组中，排在9月10日的文章之后。
这是9月的第一篇测试文章，用于测试归档页面的显示效果。 测试内容 归档页面应该正确显示9月份的文章 月份标题应该正确分组 文章条目应该按日期排序 技术要点 这篇文章的日期设置为2025年9月10日，应该出现在9月份的归档分组中。
这是8月的测试文章，用于测试不同年份的归档显示效果。 测试要点 验证8月份的文章是否能够正确显示 检查月份之间的分隔效果 测试年份标题的显示 内容说明 这篇文章的日期设置为2025年8月5日，应该出现在8月份的归档分组中，位于2025年的年份分组下。
这是7月的测试文章，用于测试更早月份的归档显示效果。 测试目的 验证7月份的文章显示效果： 检查月份标题的样式 验证文章条目的布局 测试不同月份之间的间距 日期信息 这篇文章的日期设置为2025年7月15日，应该出现在7月份的归档分组中。
这是6月的测试文章，用于测试上半年月份的归档显示效果。 测试内容 验证6月份的文章显示 检查月份标题的虚线样式 测试文章条目的对齐效果 样式测试 这篇文章将帮助测试我们之前修改的CSS样式： h3标题的字体样式 月份标题的虚线边框 a元素与div元素的上边框对齐
2024年测试文章 这是一篇2024年的测试文章，用于测试归档页面的年份分组功能。 测试目的 验证不同年份的文章是否能够正确分组显示 测试年份标题的样式和布局 确保2024年的文章能够正确显示在归档页面中 文章内容 2024年是充满希望的一年，技术不断发展，新的机遇不断涌现。通过这篇测试文章，我们可以验证Hugo归档功能在不同年份间的表现。 技术要点 Hugo的年份归档功能 时间戳的正确处理 多年份文章的显示逻辑 希望这篇测试文章能够帮助我们更好地完善归档页面的功能！