https://hofer.delia.love/Hofer 的个人博客：技术、阅读、思考与生活。zh-CN https://hofer.delia.love/posts/hello-world/https://hofer.delia.love/posts/hello-world/Thu, 08 Oct 2026 00:00:00 +0000站务<p>这个网站今天上线了。</p> <h2 id="_1">这里有什么</h2> <p>文章分在六个主题里：<strong>技术</strong>、<strong>阅读</strong>、<strong>思考</strong>、<strong>生活</strong>、<strong>项目</strong>和<strong>站务</strong>。每个主题有自己的一套样子——首页那排挂着的牌子，点哪块就进哪个主题。</p> <p>不知道看什么的时候，可以摇一摇首页的签筒，随手抽一篇。</p> <h2 id="_2">怎么找文章</h2> <ul> <li>按主题：顶栏的「主题」，或者首页的牌子</li> <li>按时间：<a href="/archive/">归档</a>页按年份排好了</li> <li>按关键词：任何页面按 <code>/</code> 键打开搜索</li> <li>订阅：<a href="/feed.xml">RSS</a></li> </ul> <h2 id="_3">接下来</h2> <p>先把架子搭起来，内容慢慢填。眼下站里的几篇都是示例，用来说明每个主题长什么样，之后会被真正的文章替换掉。</p> https://hofer.delia.love/posts/how-this-site-is-built/https://hofer.delia.love/posts/how-this-site-is-built/Wed, 07 Oct 2026 00:00:00 +0000技术<p>整个网站由一个脚本生成：<code>build.py</code> 读取 <code>content/</code> 里的 Markdown，套上模板，输出一堆静态 HTML 到 <code>dist/</code>。</p> <h2 id="_1">目录结构</h2> <pre><code class="language-text">site.toml 站名、简介、主题分类 build.py 生成器 content/posts/ 文章，一篇一个 .md content/pages/ 独立页面（比如「关于」） static/ 样式、脚本、图标 dist/ 生成结果，部署的就是它 </code></pre> <h2 id="_2">写一篇新文章</h2> <p>在 <code>content/posts/</code> 下新建一个文件，文件名是 <code>日期-英文短名.md</code>：</p> <pre><code class="language-markdown">--- title: 文章标题 topic: tech summary: 一两句摘要，会显示在卡片上 --- 正文从这里开始。 </code></pre> <p><code>topic</code> 填 <code>site.toml</code> 里某个主题的 <code>slug</code>。还有两个可选项：<code>pinned: true</code> 会把文章放到首页第一张大卡片，<code>draft: true</code> 则暂时不发布。</p> <h2 id="_3">预览与发布</h2> <pre><code class="language-bash">.venv/bin/python build.py --serve </code></pre> <p>打开 <code>http://localhost:4321</code>，改完文件刷新页面就会重新生成。</p> <h2 id="_4">为什么不用现成的框架</h2> <p>需求很简单：把 Markdown 变成网页。三百来行脚本够用，出了问题也看得懂。等哪天真的不够用了再换。</p> https://hofer.delia.love/posts/sample-reading/https://hofer.delia.love/posts/sample-reading/Tue, 06 Oct 2026 00:00:00 +0000阅读<p>这是「阅读」主题下的一篇示例，可以直接删掉。</p> <p>读书笔记不必写成书评。几种常见的写法：</p> <ol> <li><strong>摘抄加批注</strong>：抄一段，写两句为什么抄它。</li> <li><strong>一个问题</strong>：读完之后最放不下的那个问题是什么。</li> <li><strong>前后对照</strong>：读之前怎么想，读之后变了没有。</li> </ol> <blockquote> <p>引用的段落会显示成这个样子。</p> </blockquote> <p>写的时候把书名、作者和版本记在开头，过几年回头找会方便很多。</p> https://hofer.delia.love/posts/sample-thoughts/https://hofer.delia.love/posts/sample-thoughts/Mon, 05 Oct 2026 00:00:00 +0000思考<p>这是「思考」主题下的一篇示例，可以直接删掉。</p> <p>这个主题留给那些需要慢慢说的东西：一个反复想到的问题，一次改变了看法的经历，或者只是想把某件事从头捋一遍。</p> <h2 id="_1">小标题长这样</h2> <p>长文建议用小标题分段。二级标题左侧会带一道主题色的竖线，三级标题则朴素一些。</p> <h3 id="_2">三级标题</h3> <p>正文用的是宋体，行距放得比较宽，适合长时间阅读。<strong>加粗</strong>和 <em>强调</em> 都能用，<a href="/about/">链接</a>会带上主题色。</p> https://hofer.delia.love/posts/sample-life/https://hofer.delia.love/posts/sample-life/Sun, 04 Oct 2026 00:00:00 +0000生活<p>这是「生活」主题下的一篇示例，可以直接删掉。</p> <p>这里不需要有什么主旨。今天吃了什么，路上看见了什么，周末去了哪里——想到就记，短一点也没关系。</p> <p>要放照片的话，把图片存到 <code>static/images/</code> 里，然后在文章里这样写：</p> <pre><code class="language-markdown"> </code></pre> https://hofer.delia.love/posts/sample-projects/https://hofer.delia.love/posts/sample-projects/Sat, 03 Oct 2026 00:00:00 +0000项目<p>这是「项目」主题下的一篇示例，可以直接删掉。</p> <p>一个项目的记录可以按这几块来写：</p> <table> <thead> <tr> <th>部分</th> <th>写什么</th> </tr> </thead> <tbody> <tr> <td>起因</td> <td>想解决什么问题</td> </tr> <tr> <td>做法</td> <td>选了什么方案，放弃了哪些</td> </tr> <tr> <td>结果</td> <td>现在的状态，附上链接或截图</td> </tr> <tr> <td>后续</td> <td>还想改进的地方</td> </tr> </tbody> </table> <p>不用等项目做完再写。边做边记，往往比事后回忆更准确。</p>