一片普通的叶子https://my-blog-cvn.pages.dev/zh_CNhttps://my-blog-cvn.pages.dev/posts/hello-world/https://my-blog-cvn.pages.dev/posts/hello-world/这是「一片叶子」的第一篇文章，说说这个博客会写些什么，以及它是怎么搭起来的。Sat, 03 Oct 2026 00:00:00 GMT<p>欢迎来到 <strong>一片叶子</strong>。</p> <p>这是一片普通的叶子，也是一个普通的博客。开这个站的理由很简单：平时学到的东西散落在收藏夹、笔记软件和各种聊天记录里，过一阵子就找不到了。写下来，既是对自己的整理，也算留个脚印。</p> <h2>这里会写什么</h2> <ul> <li><strong>技术笔记</strong>：踩过的坑、读过的源码、觉得好用的工具</li> <li><strong>折腾记录</strong>：搭环境、配服务、修各种奇怪的问题</li> <li><strong>偶尔的随笔</strong>：不一定和技术有关</li> </ul> <p>更新频率不承诺，写得出就写，写不出就不写。</p> <h2>这个博客是怎么搭的</h2> <p>整站是纯静态的，没有数据库、没有服务器，成本为零。</p> <table> <thead> <tr> <th>环节</th> <th>方案</th> </tr> </thead> <tbody> <tr> <td>框架</td> <td><a href="https://astro.build">Astro</a></td> </tr> <tr> <td>主题</td> <td><a href="https://github.com/saicaca/fuwari">Fuwari</a></td> </tr> <tr> <td>代码与文章</td> <td>GitHub 仓库</td> </tr> <tr> <td>部署</td> <td>Vercel（推送到 <code>main</code> 分支即自动重新构建）</td> </tr> </tbody> </table> <p>工作流大概是这样：</p> <pre><code>$ pnpm new-post 我的新文章 # 生成文章文件 $ pnpm dev # 本地预览，localhost:4321 $ git add . &amp;&amp; git commit -m "post: 我的新文章" $ git push # 推上去，Vercel 自动部署 </code></pre> <h2>关于 Markdown 写法</h2> <p>Fuwari 在标准 Markdown 之外支持一些好用的扩展语法，示例：</p> <p>:::note 这是 <code>note</code> 提示块，同系列还有 <code>tip</code>、<code>important</code>、<code>warning</code>、<code>caution</code>。 :::</p> <p>代码块会带上语言标签、行号和复制按钮。</p> <blockquote> <p>引用块也支持得很好。</p> </blockquote> <p>就写到这里。下一篇见。</p> https://my-blog-cvn.pages.dev/posts/my-post/https://my-blog-cvn.pages.dev/posts/my-post/Sat, 03 Oct 2026 00:00:00 GMT<p>在这里写正文，用普通 Markdown 语法就行。</p> <p>写完保存，然后运行 publish.cmd 就会自动发布到两个平台。</p> <p>几件要知道的事：</p> <ul> <li><strong>上面的 <code>tags</code> 和 <code>category</code> 可以自己改</strong>。标签格式是 <code>[标签一, 标签二]</code>， 分类只有一个词。只影响归档页的筛选，不写也能发。</li> <li><strong><code>draft: true</code> 表示草稿</strong>：只在本地预览可见，不会出现在网站上。 准备好发布时把它改成 <code>false</code>。</li> <li><strong><code>description</code> 是摘要</strong>，显示在首页文章卡片上，建议写一句。</li> <li><strong>想插图片</strong>：建一个同名文件夹，把 <code>index.md</code> 和图片放进去， 然后在头部加一行 <code>image: ./封面图.png</code>。</li> <li><strong>提示块语法</strong>：</li> </ul> <pre><code>:::note 这是提示块，同系列还有 tip / important / warning / caution ::: </code></pre>