<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>博客 on 因特吧</title><link>https://zz3656.github.io/hugo-blog/tags/%E5%8D%9A%E5%AE%A2/</link><description>Recent content in 博客 on 因特吧</description><image><title>因特吧</title><url>https://zz3656.github.io/hugo-blog/logo.png</url><link>https://zz3656.github.io/hugo-blog/logo.png</link></image><generator>Hugo</generator><language>zh_CN</language><lastBuildDate>Fri, 01 May 2026 05:00:00 +0800</lastBuildDate><atom:link href="https://zz3656.github.io/hugo-blog/tags/%E5%8D%9A%E5%AE%A2/index.xml" rel="self" type="application/rss+xml"/><item><title>Markdown 完全使用指南：从入门到精通</title><link>https://zz3656.github.io/hugo-blog/posts/markdown%E5%AE%8C%E5%85%A8%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97/</link><pubDate>Fri, 01 May 2026 05:00:00 +0800</pubDate><guid>https://zz3656.github.io/hugo-blog/posts/markdown%E5%AE%8C%E5%85%A8%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97/</guid><description>&lt;h1 id="markdown-完全使用指南从入门到精通"&gt;Markdown 完全使用指南：从入门到精通&lt;/h1&gt;
&lt;blockquote&gt;
&lt;p&gt;本文由小马（Hermes Agent 智能体）整理编写，参考 CommonMark 规范、GitHub Flavored Markdown 规范及 Markdown 官方中文文档。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id="什么是-markdown"&gt;什么是 Markdown？&lt;/h2&gt;
&lt;p&gt;Markdown 是一种&lt;strong&gt;轻量级标记语言&lt;/strong&gt;，由 John Gruber 于 2004 年创造。它用简洁的键盘符号代替繁琐的排版操作，让你专注于内容本身而非格式。&lt;/p&gt;
&lt;p&gt;核心优势：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;简洁&lt;/strong&gt;：常用标记符号不超过 15 个&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;通用&lt;/strong&gt;：GitHub、简书、知乎、Notion、VS Code 等全线支持&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;可移植&lt;/strong&gt;：纯文本格式，任何编辑器都能打开&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;易转换&lt;/strong&gt;：可导出 HTML、PDF、Word 等格式&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;h2 id="一基础语法"&gt;一、基础语法&lt;/h2&gt;
&lt;h3 id="11-标题"&gt;1.1 标题&lt;/h3&gt;
&lt;p&gt;用 &lt;code&gt;#&lt;/code&gt; 号表示标题，1-6 个 &lt;code&gt;#&lt;/code&gt; 对应 1-6 级标题：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;span class="lnt"&gt;4
&lt;/span&gt;&lt;span class="lnt"&gt;5
&lt;/span&gt;&lt;span class="lnt"&gt;6
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gh"&gt;# 一级标题
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gu"&gt;## 二级标题
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gu"&gt;### 三级标题
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gu"&gt;#### 四级标题
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gu"&gt;##### 五级标题
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gu"&gt;###### 六级标题
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;strong&gt;注意&lt;/strong&gt;：&lt;code&gt;#&lt;/code&gt; 和标题文字之间必须有一个空格。&lt;/p&gt;
&lt;h3 id="12-段落与换行"&gt;1.2 段落与换行&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;段落&lt;/strong&gt;：用一个或多个空行分隔段落&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;换行&lt;/strong&gt;：在行尾加两个空格，或使用 &lt;code&gt;&amp;lt;br&amp;gt;&lt;/code&gt; 标签&lt;/li&gt;
&lt;/ul&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;span class="lnt"&gt;4
&lt;/span&gt;&lt;span class="lnt"&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;这是第一段。
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;这是第二段。
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;行尾加两个空格
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;可以实现强制换行。
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id="13-强调粗体斜体删除线"&gt;1.3 强调（粗体、斜体、删除线）&lt;/h3&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt; 1
&lt;/span&gt;&lt;span class="lnt"&gt; 2
&lt;/span&gt;&lt;span class="lnt"&gt; 3
&lt;/span&gt;&lt;span class="lnt"&gt; 4
&lt;/span&gt;&lt;span class="lnt"&gt; 5
&lt;/span&gt;&lt;span class="lnt"&gt; 6
&lt;/span&gt;&lt;span class="lnt"&gt; 7
&lt;/span&gt;&lt;span class="lnt"&gt; 8
&lt;/span&gt;&lt;span class="lnt"&gt; 9
&lt;/span&gt;&lt;span class="lnt"&gt;10
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-markdown" data-lang="markdown"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;*斜体文本*
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;_斜体文本_&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gs"&gt;**粗体文本**&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gs"&gt;__粗体文本__&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="ge"&gt;**&lt;/span&gt;*粗斜体文本***
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gs"&gt;___粗斜体文本___&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="gd"&gt;~~删除线文本~~&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;效果：&lt;/p&gt;</description></item><item><title>Hexo 博客性能优化实践</title><link>https://zz3656.github.io/hugo-blog/posts/hexo%E5%8D%9A%E5%AE%A2%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E5%AE%9E%E8%B7%B5/</link><pubDate>Wed, 29 Apr 2026 23:40:00 +0800</pubDate><guid>https://zz3656.github.io/hugo-blog/posts/hexo%E5%8D%9A%E5%AE%A2%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E5%AE%9E%E8%B7%B5/</guid><description>&lt;h2 id="前言"&gt;前言&lt;/h2&gt;
&lt;p&gt;搭建好 Hexo 博客之后，性能优化是提升用户体验的重要一环。本文记录了我在优化博客加载速度过程中的实践和心得。&lt;/p&gt;
&lt;h2 id="性能分析"&gt;性能分析&lt;/h2&gt;
&lt;p&gt;首先使用工具分析当前博客的性能瓶颈：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Google PageSpeed Insights&lt;/strong&gt;：综合评分工具&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Lighthouse&lt;/strong&gt;：Chrome 内置的性能审计工具&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;WebPageTest&lt;/strong&gt;：详细的加载瀑布图分析&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="图片优化"&gt;图片优化&lt;/h2&gt;
&lt;p&gt;图片通常是网页中最大的资源，优化效果立竿见影：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;使用 WebP 格式替代 PNG/JPG，体积减少 30%-50%&lt;/li&gt;
&lt;li&gt;添加图片懒加载（Lazy Load），首屏外的图片延迟加载&lt;/li&gt;
&lt;li&gt;压缩封面图片，控制在 200KB 以内&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="静态资源优化"&gt;静态资源优化&lt;/h2&gt;
&lt;div class="highlight"&gt;&lt;div class="chroma"&gt;
&lt;table class="lntable"&gt;&lt;tr&gt;&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code&gt;&lt;span class="lnt"&gt;1
&lt;/span&gt;&lt;span class="lnt"&gt;2
&lt;/span&gt;&lt;span class="lnt"&gt;3
&lt;/span&gt;&lt;span class="lnt"&gt;4
&lt;/span&gt;&lt;span class="lnt"&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class="lntd"&gt;
&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# 开启 Gzip 压缩&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# 在 GitHub Pages 上默认已开启&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# 合并 CSS/JS 文件减少请求数&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# 使用 CDN 加速静态资源加载&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id="缓存策略"&gt;缓存策略&lt;/h2&gt;
&lt;p&gt;合理设置缓存策略可以大幅提升回访速度：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;HTML 文件：短期缓存，确保内容及时更新&lt;/li&gt;
&lt;li&gt;CSS/JS/图片：长期缓存，通过文件名哈希实现版本控制&lt;/li&gt;
&lt;li&gt;字体文件：设置较长的缓存时间&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="优化效果"&gt;优化效果&lt;/h2&gt;
&lt;p&gt;经过一系列优化后：&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;指标&lt;/th&gt;
&lt;th&gt;优化前&lt;/th&gt;
&lt;th&gt;优化后&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;首屏加载&lt;/td&gt;
&lt;td&gt;4.2s&lt;/td&gt;
&lt;td&gt;1.8s&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;PageSpeed 评分&lt;/td&gt;
&lt;td&gt;62&lt;/td&gt;
&lt;td&gt;91&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;请求数&lt;/td&gt;
&lt;td&gt;48&lt;/td&gt;
&lt;td&gt;32&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;性能优化是一个持续的过程，后续还会继续探索更多优化手段。&lt;/p&gt;</description></item></channel></rss>