记录学习与生活https://my-website-blog.pages.dev/zh_CNhttps://my-website-blog.pages.dev/posts/how-i-built-this-blog/https://my-website-blog.pages.dev/posts/how-i-built-this-blog/记录使用 Astro + Fuwari 搭建个人博客的过程，以及常用的写文章流程。Tue, 21 Jan 2025 00:00:00 GMT<p>这篇博客记录我是如何用 <strong>Astro + Fuwari</strong> 搭起这个博客的，也给想自己动手的朋友一个参考。</p> <h2>技术选型</h2> <ul> <li><strong>Astro</strong>：现代静态站点框架，默认零 JavaScript，页面加载快，写 Markdown 很方便</li> <li><strong>Fuwari</strong>：一个可爱风格的 Astro 博客主题，支持深色模式、标签、归档、全文搜索</li> </ul> <h2>常用命令</h2> <pre><code># 本地开发预览（默认 http://localhost:4321） pnpm dev # 构建静态站点（输出到 dist/ 目录） pnpm build # 新建一篇文章（脚本会帮你生成 frontmatter） pnpm new-post </code></pre> <h2>写一篇文章</h2> <p>在 <code>src/content/posts/</code> 目录下新建一个 Markdown 文件，顶部填写 frontmatter：</p> <pre><code>--- title: 文章标题 published: 2025-01-21 description: 文章摘要，会显示在列表页。 tags: [标签1, 标签2] category: 分类名 draft: false lang: zh_CN --- 这里是正文，支持 **Markdown** 语法。 </code></pre> <p>保存后刷新浏览器即可看到效果。</p> <h2>部署</h2> <p>博客构建产物在 <code>dist/</code> 目录，把它部署到 GitHub Pages / Vercel / Netlify 即可上线。</p> https://my-website-blog.pages.dev/posts/welcome/https://my-website-blog.pages.dev/posts/welcome/这是博客的第一篇文章，简单介绍一下这个博客的由来。Mon, 20 Jan 2025 00:00:00 GMT<p>欢迎来到我的博客！👋</p> <p>这里是 <strong>你的名字</strong> 的个人博客，基于 <a href="https://github.com/saicaca/fuwari">Fuwari</a> 与 <a href="https://astro.build">Astro</a> 搭建，由我自己动手配置。</p> <h2>这个博客会写什么</h2> <ul> <li>📝 学习笔记与技术踩坑</li> <li>🛠️ 项目开发记录</li> <li>💭 日常思考与随笔</li> </ul> <h2>如何联系我</h2> <p>欢迎通过页面底部的邮箱与我交流，也可以去我的 GitHub 看看我写的代码。</p> <blockquote> <p>这篇文章只是占位示例，把它改成你自己的第一篇正式文章吧！</p> </blockquote>