怀化佳木所失，峥嵘苍翠犹立http://8.138.253.155/Firefly6.13.1https://github.com/CuteLeaf/Firefly2026年7月2日 17:27:00http://8.138.253.155/posts/about-kylin/http://8.138.253.155/posts/about-kylin/一个喜欢 AI 开发、也喜欢 CS 和洛克王国的小白程序员的自我介绍。Wed, 24 Jun 2026 00:00:00 GMT<p>大家好，我是 <strong>Kylin</strong>。</p> <p>如果要用一句话介绍自己，那大概就是：<strong>一个正在认真学习 AI 开发的小白程序员</strong>。</p> <p>我不是那种一开始就什么都会的人，反而更像是一路边学边试、边踩坑边成长的类型。最近我最感兴趣的方向就是 <strong>AI 开发</strong>，尤其喜欢折腾一些能真正跑起来的小项目：比如博客、自动化工具、网页功能，或者把脑子里的想法借助 AI 一点点实现出来。</p> <p>对我来说，写代码最有意思的地方，不只是“把功能做出来”，更是那种从一片空白到慢慢成型的过程。虽然现在还在新手阶段，但我很喜欢这种不断探索、不断进步的感觉。</p> <p>除了写代码，我平时也喜欢玩游戏。</p> <section><h2>我喜欢的东西<a href="#我喜欢的东西"><span>#</span></a></h2><section><h3>AI 开发<a href="#ai-开发"><span>#</span></a></h3><p>这是我现在最想深挖的方向。</p><p>我喜欢看着一个想法从模糊变清晰，也喜欢借助 AI 帮助自己理解问题、整理思路、提高效率。对我来说，AI 不只是工具，更像是一个能一起学习、一起创造的伙伴。</p></section><section><h3>Counter-Strike<a href="#counter-strike"><span>#</span></a></h3><p>我喜欢 <strong>CS</strong> 这种很纯粹的竞技感。</p><p>它有节奏、有配合、有博弈，既考验反应，也考验思路。每次打的时候都能很明显感受到专注、判断和执行之间的关系，这种感觉和写代码其实挺像的：看起来是在解决眼前的问题，实际上是在训练自己如何更冷静地处理复杂情况。</p></section><section><h3>洛克王国<a href="#洛克王国"><span>#</span></a></h3><p>如果说 CS 是紧张刺激的那一面，那 <strong>洛克王国</strong> 就更像是轻松、熟悉又有点情怀的那一面。</p><p>我会记录一些自己在洛克王国里的日常，也很享受慢慢收集、培养、探索的过程。它陪伴了我很多时间，也让我的博客内容多了一份轻松和生活气息。</p></section></section> <section><h2>我想把这里做成什么样<a href="#我想把这里做成什么样"><span>#</span></a></h2><p>这个博客对我来说，不只是一个放文章的网站。</p><p>我更希望它像是我的一个小空间：</p><ul> <li>记录学习 AI 开发的过程</li> <li>分享自己折腾网站和代码时的想法</li> <li>放一些日常、游戏和兴趣相关的内容</li> <li>见证自己从小白一步步成长起来</li> </ul><p>如果你也喜欢 AI、代码，或者也玩 CS 和洛克王国，那这里大概会有一些我们能聊得来的东西。</p></section> <section><h2>最后<a href="#最后"><span>#</span></a></h2><p>现在的我或许还不算厉害，但我愿意持续学习，也愿意认真把喜欢的东西坚持下去。</p><p>欢迎来到我的小站，希望未来我能在这里留下越来越多真正属于自己的内容。</p></section>http://8.138.253.155/posts/cs-thinking/http://8.138.253.155/posts/cs-thinking/从 Counter-Strike 中领悟到的专注力、判断力和团队协作，以及它们与编程的共通之处。Sun, 28 Jun 2026 00:00:00 GMT<section><h2>为什么喜欢 CS<a href="#为什么喜欢-cs"><span>#</span></a></h2><p>Counter-Strike 对我来说，不只是游戏。</p><p>它更像是一个训练场 - 训练反应、训练判断、训练在压力下保持冷静。</p><p>每次进入比赛，你都需要：</p><ul> <li><strong>快速分析局势</strong>：敌人可能在哪里？队友的位置如何？</li> <li><strong>做出决策</strong>：是进攻还是防守？是单独行动还是团队配合？</li> <li><strong>执行计划</strong>：一旦决定，就要果断执行，不能犹豫</li> </ul><p>这些能力，其实和编程很像。</p></section> <section><h2>专注力<a href="#专注力"><span>#</span></a></h2><p>打 CS 的时候，你必须全神贯注。</p><p>一旦分心，可能就会被敌人偷袭。这种专注力，在写代码的时候也很重要。</p><p>写代码的时候，如果你不能专注，就很难写出高质量的代码。bug 会越来越多，逻辑会越来越乱。</p><p><strong>专注力是一种可以训练的能力。</strong></p></section> <section><h2>判断力<a href="#判断力"><span>#</span></a></h2><p>CS 中有很多需要判断的时刻：</p><ul> <li>听到脚步声，判断敌人的位置</li> <li>看到烟雾，判断敌人的意图</li> <li>经济不足，判断是买枪还是存钱</li> </ul><p>这些判断，很多时候是在几秒钟内完成的。</p><p>写代码的时候，也需要判断：</p><ul> <li>这个功能用什么技术实现</li> <li>这个 bug 可能出在哪里</li> <li>这个方案是否最优</li> </ul><p><strong>判断力来自于经验，而经验来自于实践。</strong></p></section> <section><h2>团队协作<a href="#团队协作"><span>#</span></a></h2><p>CS 是一个团队游戏。</p><p>一个人再厉害，也很难赢过配合默契的团队。</p><p>写代码也是一样。现在很多项目都是团队协作，需要沟通、需要配合、需要互相理解。</p><p><strong>学会和团队配合，比个人技术更重要。</strong></p></section> <section><h2>从游戏中学习<a href="#从游戏中学习"><span>#</span></a></h2><p>每次打完 CS，我都会回想一下：</p><ul> <li>这局哪里做得好</li> <li>哪里可以改进</li> <li>下次遇到类似情况该怎么处理</li> </ul><p>这种复盘的习惯，也带入了编程学习中。</p><p>每次写完代码，也会回顾一下：</p><ul> <li>代码是否清晰</li> <li>是否有更好的实现方式</li> <li>下次遇到类似问题该怎么处理</li> </ul><p><strong>学习和成长，都是一个不断复盘、不断改进的过程。</strong></p></section> <section><h2>最后<a href="#最后"><span>#</span></a></h2><p>CS 教会我的，不只是游戏技巧。</p><p>更重要的是，它教会了我如何在压力下保持冷静、如何快速做出判断、如何和团队配合。</p><p>这些能力，在编程中同样重要。</p><p><strong>游戏可以是娱乐，也可以是学习。</strong></p></section>http://8.138.253.155/posts/blog-building/http://8.138.253.155/posts/blog-building/分享我用 Astro + Firefly 主题搭建个人博客的完整过程，包括技术选型、部署和优化。Sat, 27 Jun 2026 00:00:00 GMT<section><h2>为什么想建一个个人博客<a href="#为什么想建一个个人博客"><span>#</span></a></h2><p>之前一直用社交媒体记录日常，但总觉得不够”自己的”。</p><p>后来想，<strong>为什么不建一个属于自己的博客呢？</strong></p><p>可以写文章、发动态、放相册，完全按照自己的想法来设计。而且，搭建博客本身也是一个很好的学习过程。</p></section> <section><h2>技术选型<a href="#技术选型"><span>#</span></a></h2><section><h3>框架：Astro<a href="#框架astro"><span>#</span></a></h3><p>选择 Astro 的原因很简单：</p><ul> <li><strong>静态生成</strong>：加载速度快，不需要服务器一直运行</li> <li><strong>组件化</strong>：可以用 Svelte、React 等框架写交互组件</li> <li><strong>SEO 友好</strong>：对搜索引擎很友好</li> <li><strong>社区活跃</strong>：有很多现成的主题和插件</li> </ul></section><section><h3>主题：Firefly<a href="#主题firefly"><span>#</span></a></h3><p>Firefly 是一个基于 Fuwari 扩展的博客主题，功能很丰富：</p><ul> <li>支持多种壁纸模式（横幅、全屏、叠加）</li> <li>内置评论系统、音乐播放器、相册</li> <li>支持番组计划、追番、留言板</li> <li>暗色模式、主题色自定义</li> </ul></section><section><h3>部署：宝塔面板<a href="#部署宝塔面板"><span>#</span></a></h3><p>我选择用宝塔面板部署，因为：</p><ul> <li>操作简单，可视化界面</li> <li>可以方便地管理网站和数据库</li> <li>支持 SSL 证书一键申请</li> <li>服务器监控方便</li> </ul></section></section> <section><h2>搭建过程<a href="#搭建过程"><span>#</span></a></h2><section><h3>1. 初始化项目<a href="#1-初始化项目"><span>#</span></a></h3><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span># 克隆项目</span></div></div><div><div><div>2</div></div><div><span>git</span><span> </span><span>clone</span><span> </span><span>https://github.com/CuteLeaf/Firefly.git</span></div></div><div><div><div>3</div></div><div><span>cd</span><span> </span><span>Firefly</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span># 安装依赖</span></div></div><div><div><div>6</div></div><div><span>pnpm</span><span> </span><span>install</span></div></div><div><div><div>7</div></div><div> </div></div><div><div><div>8</div></div><div><span># 启动开发服务器</span></div></div><div><div><div>9</div></div><div><span>pnpm</span><span> </span><span>dev</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>2. 配置站点<a href="#2-配置站点"><span>#</span></a></h3><p>主要修改 <code>src/config/siteConfig.ts</code> 文件：</p><ul> <li>设置站点标题和副标题</li> <li>配置主题色</li> <li>设置导航栏菜单</li> <li>配置分页和文章列表</li> </ul></section><section><h3>3. 部署到服务器<a href="#3-部署到服务器"><span>#</span></a></h3><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span># 构建生产版本</span></div></div><div><div><div>2</div></div><div><span>pnpm</span><span> </span><span>build</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span># 将 dist 目录上传到服务器</span></div></div><div><div><div>5</div></div><div><span># 配置 Nginx 反向代理</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h2>遇到的坑<a href="#遇到的坑"><span>#</span></a></h2><section><h3>1. 图片加载问题<a href="#1-图片加载问题"><span>#</span></a></h3><p>有些图片因为防盗链导致加载失败。后来在配置中添加了 <code>noReferrerDomains</code> 来解决。</p></section><section><h3>2. 评论系统配置<a href="#2-评论系统配置"><span>#</span></a></h3><p>Giscus 评论系统需要配置 GitHub 仓库和讨论区，一开始不太懂，后来看了文档才搞定。</p></section><section><h3>3. 暗色模式切换<a href="#3-暗色模式切换"><span>#</span></a></h3><p>暗色模式切换时会有闪烁，后来通过优化 CSS 过渡效果解决了。</p></section></section> <section><h2>优化方向<a href="#优化方向"><span>#</span></a></h2><p>目前博客还在持续优化中，接下来打算：</p><ul> <li>添加更多的视觉效果和动画</li> <li>优化移动端体验</li> <li>添加更多的功能模块</li> <li>写更多的文章内容</li> </ul></section> <section><h2>最后<a href="#最后"><span>#</span></a></h2><p>搭建博客的过程虽然有些曲折，但最后看到成品的时候，还是很有成就感的。</p><p><strong>如果你也想建一个个人博客，不妨试试 Astro + Firefly 这个组合。</strong></p><p>有问题欢迎在评论区交流。</p></section>http://8.138.253.155/posts/ai-dev-beginner/http://8.138.253.155/posts/ai-dev-beginner/作为一个刚接触 AI 开发的小白，分享这段时间的学习心得和踩过的坑。Fri, 26 Jun 2026 00:00:00 GMT<section><h2>为什么想学 AI 开发<a href="#为什么想学-ai-开发"><span>#</span></a></h2><p>说实话，一开始对 AI 开发并没有那么大的兴趣。觉得这东西很高深，离自己很远。</p><p>但后来发现，AI 其实可以解决很多日常生活中的小问题 - 比如自动整理文件、批量处理图片、写一些重复性的文案。这些看似不起眼的小事，用 AI 来做反而比自己手动操作更高效。</p><p>于是我就想：<strong>既然 AI 这么有用，那能不能自己也学一学？</strong></p></section> <section><h2>刚开始学的时候<a href="#刚开始学的时候"><span>#</span></a></h2><p>刚开始学的时候，真的有点懵。</p><p>网上教程很多，但大多要么太理论，要么太复杂。作为一个小白，我需要的不是”AI 是什么”的科普，而是”我该怎么开始动手做”。</p><p>后来我发现，最好的学习方式就是<strong>边做边学</strong>。</p><p>先从一个简单的小目标开始：比如让 AI 帮我写一段代码、生成一张图片、或者自动回复消息。每完成一个小任务，就会更有信心继续往下走。</p></section> <section><h2>踩过的坑<a href="#踩过的坑"><span>#</span></a></h2><section><h3>1. 什么都想学，结果什么都学不精<a href="#1-什么都想学结果什么都学不精"><span>#</span></a></h3><p>刚开始的时候，看到什么新工具、新框架就想试试。结果就是今天学这个，明天学那个，最后什么都没掌握。</p><p>后来我意识到，<strong>先把一个方向学透，再去看其他的</strong>。</p></section><section><h3>2. 只看教程不动手<a href="#2-只看教程不动手"><span>#</span></a></h3><p>看教程的时候觉得都懂了，但一动手就卡住。</p><p>这很正常。编程和 AI 开发都是实践性很强的领域，<strong>光看不练等于没学</strong>。</p></section><section><h3>3. 遇到问题就放弃<a href="#3-遇到问题就放弃"><span>#</span></a></h3><p>有时候一个 bug 卡了一两个小时，真的很想放弃。</p><p>但后来我发现，<strong>解决 bug 的过程其实是最能学到东西的</strong>。每次解决一个问题，都会对代码有更深的理解。</p></section></section> <section><h2>现在的学习方向<a href="#现在的学习方向"><span>#</span></a></h2><p>目前我主要在关注这几个方向：</p><ul> <li><strong>大语言模型应用开发</strong>：用 API 调用大模型，做一些实用的工具</li> <li><strong>静态网站生成</strong>：比如我现在用的 Astro 框架</li> <li><strong>自动化脚本</strong>：用 Python 写一些自动化的脚本，提高效率</li> </ul></section> <section><h2>给同样想学 AI 开发的小白的建议<a href="#给同样想学-ai-开发的小白的建议"><span>#</span></a></h2><ol> <li><strong>从一个具体的小项目开始</strong>，不要一上来就想做大事</li> <li><strong>多动手，少空想</strong>，遇到问题就去搜、去问</li> <li><strong>记录自己的学习过程</strong>，写博客是一个很好的方式</li> <li><strong>不要怕犯错</strong>，犯错是学习的一部分</li> </ol></section> <section><h2>最后<a href="#最后"><span>#</span></a></h2><p>AI 开发这条路还很长，我现在也只是一个刚起步的小白。</p><p>但我觉得，<strong>只要持续学习，持续动手，总有一天会做出一些真正有用的东西</strong>。</p><p>共勉。</p></section>