一个简洁美观的 Astro 博客主题https://example.com/Firefly1.0.0https://github.com/CuteLeaf/Firefly2026年8月22日 06:46:42https://example.com/posts/getting-started/https://example.com/posts/getting-started/一份快速上手指南，帮助你搭建和自定义团子博客主题。Mon, 15 Jan 2024 00:00:00 GMT<p>欢迎使用 <strong>深漂小鱼</strong>！这是一个基于 Astro、Svelte 和 Tailwind CSS 构建的博客主题。</p> <section><h2>快速开始<a href="#快速开始"><span>#</span></a></h2><ol> <li>克隆仓库</li> <li>运行 <code>pnpm install</code></li> <li>运行 <code>pnpm dev</code> 启动开发服务器</li> <li>编辑 <code>src/config/siteConfig.ts</code> 自定义你的站点</li> </ol></section> <section><h2>配置说明<a href="#配置说明"><span>#</span></a></h2><p>所有站点配置都在 <code>src/config/</code> 目录下。主要文件：</p><ul> <li><code>siteConfig.ts</code> — 站点标题、URL、主题色、功能开关</li> <li><code>profileConfig.ts</code> — 个人信息和社交链接</li> <li><code>navBarConfig.ts</code> — 导航菜单结构</li> </ul></section> <section><h2>主题特色<a href="#主题特色"><span>#</span></a></h2><ul> <li>🎨 <strong>精美首页</strong> — 滚动驱动动画、英雄对话、作品集展示</li> <li>🌓 <strong>暗色模式</strong> — 亮色、暗色和跟随系统三种主题</li> <li>📝 <strong>博客文章</strong> — 支持 Markdown 和 MDX，完整的 frontmatter</li> <li>💬 <strong>评论系统</strong> — 支持 Waline、Twikoo、Giscus、Disqus、Artalk</li> <li>🎵 <strong>音乐播放器</strong> — 3D 可视化效果，支持 Meting API</li> <li>📚 <strong>媒体追踪</strong> — 书籍、动漫、影视、游戏、音乐</li> <li>🌏 <strong>国际化</strong> — 支持 5 种语言（中文、英文、日文、俄文等）</li> </ul><p>开始你的博客之旅吧！</p></section>https://example.com/posts/markdown-style-guide/https://example.com/posts/markdown-style-guide/展示深漂小鱼中 Markdown 的各种排版样式。Thu, 01 Feb 2024 00:00:00 GMT<section><h2>文本格式<a href="#文本格式"><span>#</span></a></h2><p><strong>粗体</strong>、<em>斜体</em>、删除线、<code>行内代码</code>。</p></section> <section><h2>代码块<a href="#代码块"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>function</span><span> </span><span>greet</span><span><span>(</span><span>name</span></span><span>:</span><span> </span><span>string</span><span>)</span><span>:</span><span> </span><span>string</span><span> {</span></div></div><div><div><div>2</div></div><div><span> </span><span>return</span><span> </span><span>`你好，</span><span>${</span><span>name</span><span>}</span><span>！欢迎来到深漂小鱼。`</span><span>;</span></div></div><div><div><div>3</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h2>引用<a href="#引用"><span>#</span></a></h2><blockquote><p>预测未来最好的方式就是去创造它。 — 彼得·德鲁克</p></blockquote></section> <section><h2>列表<a href="#列表"><span>#</span></a></h2><section><h3>无序列表<a href="#无序列表"><span>#</span></a></h3><ul> <li>第一项</li> <li>第二项 <ul> <li>嵌套项</li> <li>另一个嵌套项</li> </ul> </li> </ul></section><section><h3>有序列表<a href="#有序列表"><span>#</span></a></h3><ol> <li>第一步</li> <li>第二步</li> <li>第三步</li> </ol></section></section> <section><h2>表格<a href="#表格"><span>#</span></a></h2> <table><thead><tr><th>功能</th><th>状态</th><th>优先级</th></tr></thead><tbody><tr><td>博客</td><td>✅ 完成</td><td>高</td></tr><tr><td>说说</td><td>✅ 完成</td><td>高</td></tr><tr><td>音乐</td><td>🔧 测试中</td><td>中</td></tr></tbody></table></section> <section><h2>数学公式（KaTeX）<a href="#数学公式katex"><span>#</span></a></h2><p>行内公式：<span><span>E=mc2E = mc^2</span><span><span><span></span><span>E</span><span></span><span>=</span><span></span></span><span><span></span><span>m</span><span><span>c</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span></p><p>块级公式：</p><span><span><span>∑n=1∞1n2=π26\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}</span><span><span><span></span><span><span><span><span><span><span></span><span><span><span>n</span><span>=</span><span>1</span></span></span></span><span><span></span><span><span>∑</span></span></span><span><span></span><span><span><span>∞</span></span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span><span><span></span><span><span><span><span><span><span></span><span><span><span>n</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span><span><span></span><span></span></span><span><span></span><span><span>1</span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span><span></span><span>=</span><span></span></span><span><span></span><span><span></span><span><span><span><span><span><span></span><span><span>6</span></span></span><span><span></span><span></span></span><span><span></span><span><span><span>π</span><span><span><span><span><span><span></span><span><span>2</span></span></span></span></span></span></span></span></span></span></span><span>​</span></span><span><span><span></span></span></span></span></span><span></span></span></span></span></span></span></section> <section><h2>提示框<a href="#提示框"><span>#</span></a></h2><div><div><div></div><div>Note</div></div><div><p>这是一个注释提示框。</p></div></div><div><div><div></div><div>Tip</div></div><div><p>这是一个有用的提示。</p></div></div><div><div><div></div><div>Warning</div></div><div><p>请小心使用！:::</p><blockquote><p>[!DANGER]</p><p>这是危险操作 — 请谨慎处理。</p></blockquote></div></div></section>https://example.com/posts/hello-world/https://example.com/posts/hello-world/使用深漂小鱼发布的第一篇博客文章。Mon, 01 Jan 2024 00:00:00 GMT<p>这是我使用 <strong>深漂小鱼</strong> 搭建的新博客的第一篇文章。</p> <section><h2>为什么选择深漂小鱼？<a href="#为什么选择深漂小鱼"><span>#</span></a></h2><p>我选择这个主题是因为它提供了：</p><ul> <li>现代化的响应式设计</li> <li>丰富的内容集合（文章、说说、相册等）</li> <li>内置的 3D 音乐可视化播放器</li> <li>滚动驱动的首页动画</li> <li>完善的多语言支持</li> </ul></section> <section><h2>接下来的计划<a href="#接下来的计划"><span>#</span></a></h2><p>我会在这里分享关于技术、创意项目和日常生活的想法。敬请期待！</p><hr /><p><em>使用 <a href="https://github.com" target="_blank">深漂小鱼</a> 用心搭建 ❤️</em></p></section>