[{"content":"基础排版 文字样式 这是一段普通文字。这是粗体，这是斜体，这是删除线，这是行内代码。\n还可以使用 粗斜体 来同时强调。\n无序列表 第一项 第二项 子项目 A 子项目 B 第三项 有序列表 安装 Hugo 创建站点 选择主题 开始写作 任务列表 搭建博客框架 配置主题 添加自定义功能 持续更新文章 引用 代码是写给人看的，附带能在机器上运行。\n— Harold Abelson\n嵌套引用：\n第一层引用\n第二层嵌套引用\n第三层，兔子洞到底有多深？\n分割线 代码高亮 普通代码块 def fibonacci(n: int) -\u0026gt; list[int]: \u0026#34;\u0026#34;\u0026#34;生成斐波那契数列\u0026#34;\u0026#34;\u0026#34; fib = [0, 1] for i in range(2, n): fib.append(fib[i-1] + fib[i-2]) return fib[:n] print(fibonacci(10)) 带文件名的代码块 📄 app.js const express = require(\u0026#34;express\u0026#34;); const app = express(); app.get(\u0026#34;/\u0026#34;, (req, res) =\u0026gt; { res.json({ message: \u0026#34;Hello, Hugo Blog!\u0026#34; }); }); app.listen(3000, () =\u0026gt; { console.log(\u0026#34;Server running on port 3000\u0026#34;); }); 📄 index.html \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;zh-CN\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;UTF-8\u0026#34; /\u0026gt; \u0026lt;title\u0026gt;我的博客\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;h1\u0026gt;Hello World\u0026lt;/h1\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; 📄 deploy.sh #!/bin/bash hugo --minify git add -A git commit -m \u0026#34;deploy: $(date \u0026#39;+%Y-%m-%d %H:%M\u0026#39;)\u0026#34; git push origin master 多语言测试 package main import \u0026#34;fmt\u0026#34; func main() { fmt.Println(\u0026#34;Hello, 世界!\u0026#34;) } :root { --primary: #2563eb; --radius: 8px; } .card { border-radius: var(--radius); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } SELECT p.title, p.date, COUNT(c.id) AS comment_count FROM posts p LEFT JOIN comments c ON p.id = c.post_id WHERE p.date \u0026gt;= \u0026#39;2026-01-01\u0026#39; GROUP BY p.id ORDER BY comment_count DESC LIMIT 10; 数学公式（KaTeX） 行内公式 质能方程 $E = mc^2$，欧拉公式 $e^{i\\pi} + 1 = 0$，勾股定理 $a^2 + b^2 = c^2$。\n块级公式 二次方程求根公式：\n$$ x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a} $$\n高斯积分：\n$$ \\int_{-\\infty}^{\\infty} e^{-x^2} dx = \\sqrt{\\pi} $$\n矩阵：\n$$ \\begin{pmatrix} a_{11} \u0026amp; a_{12} \\ a_{21} \u0026amp; a_{22} \\end{pmatrix} \\begin{pmatrix} x_1 \\ x_2 \\end{pmatrix} = \\begin{pmatrix} b_1 \\ b_2 \\end{pmatrix} $$\n求和与连乘：\n$$ \\sum_{k=1}^{n} k = \\frac{n(n+1)}{2}, \\quad \\prod_{k=1}^{n} k = n! $$\n表格 基础表格 功能 状态 说明 Markdown 渲染 ✅ 支持 GFM 扩展语法 代码高亮 ✅ Chroma 引擎，Monokai 主题 数学公式 ✅ KaTeX 渲染 Mermaid 图表 ✅ 流程图/时序图/甘特图 图片灯箱 ✅ GLightbox 点击放大 加密内容 ✅ SHA-256 前端验证 对齐方式 左对齐 居中对齐 右对齐 Hugo 静态生成器 Go Vite 构建工具 JavaScript Tailwind CSS 框架 Utility-first 提示框（Alert） 💡 提示 这是一条信息提示，用于展示补充说明或小贴士。 ✅ 成功 操作已成功完成！你的博客已部署上线。 ⚠️ 注意 修改 hugo.toml 后需要重启服务才能生效。 🚫 危险 请勿在生产环境使用 --disableLiveReload 以外的调试参数！ 折叠面板（Details） 点击展开：什么是 Hugo？ Hugo 是世界上最快的静态网站生成器，使用 Go 语言编写。它能在几毫秒内将 Markdown 文件转换为完整的 HTML 网站，无需数据库或运行时依赖。\n核心优势：\n构建速度极快（每秒 1000+ 页面） 丰富的模板系统 内置 Sass/SCSS 处理 多语言支持 点击展开：常用 Hugo 命令 hugo new posts/my-post.md # 创建新文章 hugo server -D # 启动开发服务器（含草稿） hugo --minify # 生产构建（压缩输出） hugo gen doc # 生成文档 Mermaid 图表 流程图 graph TD A[开始写作] --\u0026gt; B{文章完成?} B --\u0026gt;|是| C[git add \u0026amp; commit] B --\u0026gt;|否| A C --\u0026gt; D[git push] D --\u0026gt; E[自动部署] E --\u0026gt; F[网站更新完成] 时序图 sequenceDiagram participant 用户 participant 浏览器 participant 服务器 用户-\u0026gt;\u0026gt;浏览器: 输入网址 浏览器-\u0026gt;\u0026gt;服务器: HTTP 请求 服务器--\u0026gt;\u0026gt;浏览器: 返回 HTML 浏览器--\u0026gt;\u0026gt;用户: 渲染页面 甘特图 gantt title 博客开发计划 dateFormat YYYY-MM-DD section 基础搭建 安装 Hugo :done, a1, 2026-01-01, 1d 配置主题 :done, a2, after a1, 2d section 功能开发 评论系统 :done, b1, 2026-01-05, 3d 搜索功能 :done, b2, after b1, 2d 自定义短代码 :active, b3, 2026-01-10, 5d section 部署上线 配置域名 :c1, 2026-01-20, 2d 正式上线 :milestone, c2, 2026-01-22, 0d 时间线（History） 2026-01-01 🎉 博客项目启动，完成 Hugo 安装与基础配置。 2026-01-05 集成 PaperMod 主题，配置暗色模式与多语言支持。 2026-01-10 添加 Giscus 评论系统、搜索功能、阅读进度条等高级特性。 2026-07-19 完成全部功能集成，发布本篇全功能测试文章。 加密内容 此内容已加密，请输入密码查看\n确认 密码错误，请重试 🎊 恭喜你解锁了隐藏内容！\n这是一段加密文字，只有输入正确密码（1234）才能查看。\n适用于：\n付费内容预览 答案揭晓 私密笔记 B 站视频嵌入 图片与灯箱 点击下图可以放大查看（GLightbox 灯箱效果）：\n博客头像 链接测试 内部链接 Markdown 写作指南 关于页面 归档 外部链接 Hugo 官方文档 PaperMod 主题 Gitee 仓库 脚注测试 Hugo 使用 Go 模板引擎1，支持短代码2扩展。\n定义列表 Hugo 静态网站生成器，用 Go 编写 PaperMod Hugo 的极简响应式主题 KaTeX 快速数学公式渲染库 特殊字符与转义 星号转义：*不是斜体*\n反引号转义：`不是代码`\nHTML 实体：\u0026amp; \u0026lt; \u0026gt; ©\n长段落测试（阅读进度条） 这是一段较长的文字，用于测试阅读进度条的效果。当你向下滚动页面时，顶部应该会出现一个蓝紫渐变的进度条，显示当前的阅读进度。这个功能通过监听 scroll 事件，计算当前滚动位置与页面总高度的比例来实现。进度条使用了 CSS transition 来保证动画流畅，同时设置了较高的 z-index 确保始终显示在最顶层。\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n总结 本文测试了以下功能：\n# 功能 测试方式 1 基础 Markdown 标题/粗体/斜体/列表/引用 2 代码高亮 多语言 + 带文件名 3 数学公式 行内 + 块级 + 矩阵 4 表格 基础 + 对齐方式 5 提示框 4 种类型全覆盖 6 折叠面板 2 个示例 7 Mermaid 流程图/时序图/甘特图 8 时间线 4 个节点 9 加密内容 密码 1234 10 B 站视频 嵌入播放器 11 图片灯箱 点击放大 12 内/外链接 跳转测试 13 脚注 2 个引用 14 阅读进度条 滚动页面观察顶部 15 目录 TOC 右侧浮动 + 文内 16 版权声明 文末自动显示 17 相关文章 文末推荐 如果以上所有功能都正常显示，说明博客系统运行良好！\nGo Template 是 Go 标准库中的模板系统。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\nShortcodes 是 Hugo 中用于在 Markdown 中插入复杂内容的占位符。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","permalink":"https://blog.137027.xyz/posts/full-feature-test/","summary":"一篇文章测试博客所有功能：Markdown 排版、代码高亮、数学公式、图表、短视频、加密内容等。","title":"博客功能全测试"},{"content":"基础语法 标题 使用 # 来创建标题，最多支持六级标题。\n强调 粗体 — 使用 **粗体** 斜体 — 使用 *斜体* 删除线 — 使用 ~~删除线~~ 列表 无序列表：\n项目一 项目二 子项目 有序列表：\n第一步 第二步 第三步 代码 行内代码：console.log('hello')\n代码块：\nfunction greet(name) { return `Hello, ${name}!`; } console.log(greet(\u0026#39;World\u0026#39;)); 引用 生活不是等待暴风雨过去，而是学会在雨中跳舞。\n表格 特性 Hugo Hexo Jekyll 语言 Go Node.js Ruby 速度 极快 中等 中等 模板 丰富 丰富 丰富 数学公式 支持 LaTeX 数学公式：\n行内公式：$E = mc^2$\n块级公式：\n$$ \\sum_{i=1}^{n} x_i = x_1 + x_2 + \\cdots + x_n $$\n","permalink":"https://blog.137027.xyz/posts/markdown-guide/","summary":"常用 Markdown 语法速查，帮助你写出优雅的文章。","title":"Markdown 写作指南"},{"content":"为什么选择 Hugo Hugo 是一个用 Go 语言编写的静态站点生成器，具有以下优势：\n构建速度快 — 相比其他静态站点生成器，Hugo 的构建速度非常快 模板丰富 — 有大量优秀的主题可供选择 部署简单 — 生成的纯静态 HTML 文件，可以部署在任何地方 搭建过程 1. 安装 Hugo # Windows (使用 winget) winget install Hugo.Hugo.Extended # macOS (使用 Homebrew) brew install hugo 2. 创建站点 hugo new site my-blog cd my-blog 3. 安装主题 git clone --depth 1 https://github.com/adityatelange/hugo-PaperMod.git themes/hugo-PaperMod 4. 编写文章 hugo new content posts/my-first-post.md 总结 Hugo 是一个非常优秀的静态站点生成器，配合 PaperMod 主题可以快速搭建一个美观的个人博客。\n学无止境，记录每一天的成长。\n","permalink":"https://blog.137027.xyz/posts/hello-hugo/","summary":"使用 Hugo 和 PaperMod 主题搭建个人博客的记录。","title":"Hello Hugo — 我的第一篇博客"},{"content":"关于我 你好！欢迎来到我的博客。\n这是一个使用 Hugo + PaperMod 主题搭建的个人博客，用于记录学习笔记、技术分享和生活感悟。\n联系方式 GitHub: https://github.com/CoderRuiRui Email: 1370275611@qq.com ","permalink":"https://blog.137027.xyz/about/","summary":"\u003ch2 id=\"关于我\"\u003e关于我\u003c/h2\u003e\n\u003cp\u003e你好！欢迎来到我的博客。\u003c/p\u003e\n\u003cp\u003e这是一个使用 Hugo + PaperMod 主题搭建的个人博客，用于记录学习笔记、技术分享和生活感悟。\u003c/p\u003e\n\u003ch2 id=\"联系方式\"\u003e联系方式\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eGitHub: \u003ca href=\"https://github.com/CoderRuiRui\"\u003ehttps://github.com/CoderRuiRui\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eEmail: \u003ca href=\"mailto:1370275611@qq.com\"\u003e1370275611@qq.com\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e","title":"👤 关于"}]