<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>首页 on XW的博客</title><link>https://xw06.click/</link><description>Recent content in 首页 on XW的博客</description><generator>Hugo -- gohugo.io</generator><language>zh-CN</language><lastBuildDate>Sun, 04 Oct 2026 22:11:17 +0800</lastBuildDate><atom:link href="https://xw06.click/index.xml" rel="self" type="application/rss+xml"/><item><title>Test Paper1</title><link>https://xw06.click/p/test-paper1/</link><pubDate>Sun, 04 Oct 2026 22:11:17 +0800</pubDate><guid>https://xw06.click/p/test-paper1/</guid><description>&lt;h1 id="这是第一篇测试博客"&gt;&lt;a href="#%e8%bf%99%e6%98%af%e7%ac%ac%e4%b8%80%e7%af%87%e6%b5%8b%e8%af%95%e5%8d%9a%e5%ae%a2" class="header-anchor"&gt;&lt;/a&gt;这是第一篇测试博客&#10;&lt;/h1&gt;</description></item><item><title>从这里开始</title><link>https://xw06.click/p/hello-world/</link><pubDate>Sun, 04 Oct 2026 00:00:00 +0000</pubDate><guid>https://xw06.click/p/hello-world/</guid><description>&lt;p&gt;这是一篇示例文章，用来验证站点能正常构建。你可以删掉它，也可以直接改成自己的第一篇。&lt;/p&gt;&#10;&lt;p&gt;右侧栏那个随滚动高亮的分层目录，就是由下面这些标题自动生成的。&lt;/p&gt;&#10;&lt;h2 id="一每篇文章顶部的元信息"&gt;&lt;a href="#%e4%b8%80%e6%af%8f%e7%af%87%e6%96%87%e7%ab%a0%e9%a1%b6%e9%83%a8%e7%9a%84%e5%85%83%e4%bf%a1%e6%81%af" class="header-anchor"&gt;&lt;/a&gt;一、每篇文章顶部的元信息&#10;&lt;/h2&gt;&lt;p&gt;开头两个 &lt;code&gt;---&lt;/code&gt; 之间的部分叫 front matter：&lt;/p&gt;&#10;&lt;table&gt;&#10;&#9;&lt;thead&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;字段&lt;/th&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;作用&lt;/th&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/thead&gt;&#10;&#9;&lt;tbody&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;title&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;文章标题&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;description&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;列表页和搜索引擎显示的摘要&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;date&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;发布时间。&lt;strong&gt;不要填未来时间&lt;/strong&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;tags&lt;/code&gt; / &lt;code&gt;categories&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;标签与分类，会自动生成对应页面&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;draft&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;true&lt;/code&gt; 表示草稿，只有预览时可见&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;comments&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;是否允许评论（需先在配置里开启 giscus）&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;image&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;封面图，放在同目录下写文件名即可&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/tbody&gt;&#10;&lt;/table&gt;&#10;&lt;h3 id="目录是怎么来的"&gt;&lt;a href="#%e7%9b%ae%e5%bd%95%e6%98%af%e6%80%8e%e4%b9%88%e6%9d%a5%e7%9a%84" class="header-anchor"&gt;&lt;/a&gt;目录是怎么来的&#10;&lt;/h3&gt;&lt;p&gt;Hugo 会自动抓取正文里 &lt;code&gt;##&lt;/code&gt; 到 &lt;code&gt;####&lt;/code&gt; 的标题，生成层级目录：&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;code&gt;##&lt;/code&gt; 一级标题&lt;/li&gt;&#10;&lt;li&gt;&lt;code&gt;###&lt;/code&gt; 二级标题，会&lt;strong&gt;缩进嵌在&lt;/strong&gt;上一级里面&lt;/li&gt;&#10;&lt;li&gt;&lt;code&gt;####&lt;/code&gt; 三级标题，再嵌一层&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;右侧栏的目录会跟随页面滚动自动高亮当前所在的小节，就是 Word 导航窗格那种感觉。&lt;/p&gt;&#10;&lt;h2 id="二正文语法"&gt;&lt;a href="#%e4%ba%8c%e6%ad%a3%e6%96%87%e8%af%ad%e6%b3%95" class="header-anchor"&gt;&lt;/a&gt;二、正文语法&#10;&lt;/h2&gt;&lt;h3 id="代码块"&gt;&lt;a href="#%e4%bb%a3%e7%a0%81%e5%9d%97" class="header-anchor"&gt;&lt;/a&gt;代码块&#10;&lt;/h3&gt;&lt;p&gt;带语言标记会自动高亮，右上角有复制按钮：&lt;/p&gt;&#10;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-js" data-lang="js"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="kr"&gt;export&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;greet&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="sb"&gt;`你好，&lt;/span&gt;&lt;span class="si"&gt;${&lt;/span&gt;&lt;span class="nx"&gt;name&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="sb"&gt;`&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;}&lt;/span&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="图片"&gt;&lt;a href="#%e5%9b%be%e7%89%87" class="header-anchor"&gt;&lt;/a&gt;图片&#10;&lt;/h3&gt;&lt;p&gt;把图片放进 &lt;code&gt;static/images/&lt;/code&gt;，然后这样引用：&lt;/p&gt;&#10;&lt;div class="highlight"&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="nt"&gt;图片说明&lt;/span&gt;](&lt;span class="na"&gt;/images/example.png&lt;/span&gt;)&#10;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="提示框"&gt;&lt;a href="#%e6%8f%90%e7%a4%ba%e6%a1%86" class="header-anchor"&gt;&lt;/a&gt;提示框&#10;&lt;/h3&gt;&lt;p&gt;主题内置了五种提示框，用引用块加标记即可：&lt;/p&gt;&#10;&lt;blockquote class="alert alert-note"&gt;&#10; &lt;div class="alert-header"&gt;&#10; &lt;span class="alert-icon"&gt;📝&lt;/span&gt;&#10; &lt;span class="alert-title"&gt;备注&lt;/span&gt;&#10; &lt;/div&gt;&#10; &lt;div class="alert-body"&gt;&#10; &lt;p&gt;这是一条备注。&lt;/p&gt;&#10; &lt;/div&gt;&#10; &lt;/blockquote&gt;&#10;&lt;blockquote class="alert alert-tip"&gt;&#10; &lt;div class="alert-header"&gt;&#10; &lt;span class="alert-icon"&gt;💡&lt;/span&gt;&#10; &lt;span class="alert-title"&gt;提示&lt;/span&gt;&#10; &lt;/div&gt;&#10; &lt;div class="alert-body"&gt;&#10; &lt;p&gt;这是一条提示。&lt;/p&gt;&#10; &lt;/div&gt;&#10; &lt;/blockquote&gt;&#10;&lt;blockquote class="alert alert-warning"&gt;&#10; &lt;div class="alert-header"&gt;&#10; &lt;span class="alert-icon"&gt;⚠️&lt;/span&gt;&#10; &lt;span class="alert-title"&gt;警告&lt;/span&gt;&#10; &lt;/div&gt;&#10; &lt;div class="alert-body"&gt;&#10; &lt;p&gt;这是一条警告。&lt;/p&gt;&#10; &lt;/div&gt;&#10; &lt;/blockquote&gt;&#10;&lt;h3 id="表格与清单"&gt;&lt;a href="#%e8%a1%a8%e6%a0%bc%e4%b8%8e%e6%b8%85%e5%8d%95" class="header-anchor"&gt;&lt;/a&gt;表格与清单&#10;&lt;/h3&gt;&lt;p&gt;上面已经演示过表格。清单：&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;无序清单&lt;/li&gt;&#10;&lt;li&gt;支持嵌套&#10;&lt;ul&gt;&#10;&lt;li&gt;像这样&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;有序清单&lt;/li&gt;&#10;&lt;li&gt;第二项&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;h4 id="第四级标题也会进目录"&gt;&lt;a href="#%e7%ac%ac%e5%9b%9b%e7%ba%a7%e6%a0%87%e9%a2%98%e4%b9%9f%e4%bc%9a%e8%bf%9b%e7%9b%ae%e5%bd%95" class="header-anchor"&gt;&lt;/a&gt;第四级标题也会进目录&#10;&lt;/h4&gt;&lt;p&gt;目录默认抓到第四级（&lt;code&gt;####&lt;/code&gt;），所以更细的小节也能被定位到。&#10;你看到的这个「第四级标题也会进目录」就是第三层级的条目。&lt;/p&gt;&#10;&lt;h2 id="三两种可见性"&gt;&lt;a href="#%e4%b8%89%e4%b8%a4%e7%a7%8d%e5%8f%af%e8%a7%81%e6%80%a7" class="header-anchor"&gt;&lt;/a&gt;三、两种可见性&#10;&lt;/h2&gt;&lt;p&gt;这是本站和普通博客最大的不同 —— 文章有两种状态：&lt;/p&gt;&#10;&lt;table&gt;&#10;&#9;&lt;thead&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;状态&lt;/th&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;放哪个目录&lt;/th&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;th&gt;谁能看到&lt;/th&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/thead&gt;&#10;&#9;&lt;tbody&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;strong&gt;公开&lt;/strong&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;content/post/&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;所有人、搜索引擎&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&#9;&#9;&lt;tr&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;strong&gt;私密&lt;/strong&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;&lt;code&gt;content-private/post/&lt;/code&gt;&lt;/td&gt;&#10;&#9;&#9;&#9;&#9;&#9;&lt;td&gt;只有你（或被你在 Cloudflare 里授权的邮箱）&lt;/td&gt;&#10;&#9;&#9;&#9;&lt;/tr&gt;&#10;&#9;&lt;/tbody&gt;&#10;&lt;/table&gt;&#10;&lt;p&gt;两种文章都写 Markdown，写法完全一样，区别只在放哪个目录。&lt;/p&gt;&#10;&lt;p&gt;&lt;strong&gt;为什么用两个目录而不是一个开关？&lt;/strong&gt;&#10;因为公开站构建时使用的 &lt;code&gt;content/&lt;/code&gt; 目录里&lt;strong&gt;根本不存在&lt;/strong&gt;私密文件 ——&#10;不存在&amp;quot;忘了过滤结果泄露&amp;quot;的可能。这比用 &lt;code&gt;draft&lt;/code&gt; 标记或者模板判断要可靠得多。&lt;/p&gt;&#10;&lt;p&gt;私密文章需要单独构建、单独部署，详见 &lt;code&gt;DEPLOY.md&lt;/code&gt;。&lt;/p&gt;&#10;&lt;h2 id="四日常流程"&gt;&lt;a href="#%e5%9b%9b%e6%97%a5%e5%b8%b8%e6%b5%81%e7%a8%8b" class="header-anchor"&gt;&lt;/a&gt;四、日常流程&#10;&lt;/h2&gt;&lt;ol&gt;&#10;&lt;li&gt;双击 &lt;code&gt;新文章.bat&lt;/code&gt;（私密文章用 &lt;code&gt;新私密文章.bat&lt;/code&gt;），输入英文文件名&lt;/li&gt;&#10;&lt;li&gt;用编辑器打开生成的文件开始写&lt;/li&gt;&#10;&lt;li&gt;双击 &lt;code&gt;预览.bat&lt;/code&gt; 在浏览器里看效果，改字自动刷新&lt;/li&gt;&#10;&lt;li&gt;满意后把 &lt;code&gt;draft&lt;/code&gt; 改成 &lt;code&gt;false&lt;/code&gt;&lt;/li&gt;&#10;&lt;li&gt;双击 &lt;code&gt;构建.bat&lt;/code&gt;，把生成的 &lt;code&gt;public/&lt;/code&gt; 上传到 Cloudflare Pages&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;p&gt;就这样。没有数据库、没有后台、没有登录，写完就是几个 Markdown 文件。&lt;/p&gt;&#10;</description></item></channel></rss>