https://blog.danzaii.cn/tags/%E4%BD%9C%E5%93%81/Recent content in 作品 on 一只小羊羔的窝Hugo -- gohugo.iozh-cnTue, 03 Mar 2026 00:00:00 +0000https://blog.danzaii.cn/p/works-portfolio/Tue, 03 Mar 2026 00:00:00 +0000https://blog.danzaii.cn/p/works-portfolio/<h2 id="-作品集导航页上线"><a href="#-%e4%bd%9c%e5%93%81%e9%9b%86%e5%af%bc%e8%88%aa%e9%a1%b5%e4%b8%8a%e7%ba%bf" class="header-anchor"></a>📚 作品集导航页上线 </h2><p>整理完这么多开源项目后，我意识到需要一个统一的地方来展示它们。于是有了「<strong>所作，所为</strong>」这个作品集导航站。</p> <h2 id="-关于这个网站"><a href="#-%e5%85%b3%e4%ba%8e%e8%bf%99%e4%b8%aa%e7%bd%91%e7%ab%99" class="header-anchor"></a>✨ 关于这个网站 </h2><p><strong>所作，所为</strong>（<a class="link" href="https://works.danzaii.cn" target="_blank" rel="noopener" >works.danzaii.cn</a>）是一个简约优雅的个人主页，专门用来展示我的开源项目和奇思妙想。</p> <h3 id="技术栈"><a href="#%e6%8a%80%e6%9c%af%e6%a0%88" class="header-anchor"></a>技术栈 </h3><ul> <li>React 19 + TypeScript</li> <li>Vite 6</li> <li>Tailwind CSS v4</li> <li>Motion (动画)</li> <li>Lucide React (图标)</li> </ul> <h3 id="设计理念"><a href="#%e8%ae%be%e8%ae%a1%e7%90%86%e5%bf%b5" class="header-anchor"></a>设计理念 </h3><p>整体采用现代化设计风格，结合粒子背景动画和卡片式布局，让项目展示既美观又直观。</p> <h2 id="-包含的项目"><a href="#-%e5%8c%85%e5%90%ab%e7%9a%84%e9%a1%b9%e7%9b%ae" class="header-anchor"></a>🚀 包含的项目 </h2><p>目前收录了 8 个开源项目：</p> <table> <thead> <tr> <th>项目</th> <th>简介</th> </tr> </thead> <tbody> <tr> <td><strong>MYGallery</strong></td> <td>个人照片墙系统，支持瀑布流、灯箱、地图</td> </tr> <tr> <td><strong>Aim Trainer Pro</strong></td> <td>网页端鼠标瞄准训练器，支持 2D/3D FPS 模式</td> </tr> <tr> <td><strong>MoodCard</strong></td> <td>心情卡片记录工具</td> </tr> <tr> <td><strong>Chromatopoetry</strong></td> <td>色彩与诗歌艺术应用</td> </tr> <tr> <td><strong>Toiletime</strong></td> <td>碎片时间管理工具</td> </tr> <tr> <td><strong>NewsChronicle-AI</strong></td> <td>AI 新闻纪事本</td> </tr> <tr> <td><strong>PixelBead</strong></td> <td>像素拼豆生成器</td> </tr> <tr> <td><strong>Record-ME</strong></td> <td>轻量级记录工具</td> </tr> </tbody> </table> <h2 id="-为什么做这个"><a href="#-%e4%b8%ba%e4%bb%80%e4%b9%88%e5%81%9a%e8%bf%99%e4%b8%aa" class="header-anchor"></a>💡 为什么做这个？ </h2><p>2025年我密集输出了 15+ 个开源项目，项目分散在不同的平台和仓库里。没有一个统一的入口，访问和查找都比较麻烦。</p> <p>这个作品集网站解决了这个问题：</p> <ul> <li><strong>统一入口</strong> — 所有项目在一个地方展示</li> <li><strong>快速访问</strong> — 点击卡片直达项目网站或 GitHub</li> <li><strong>视觉展示</strong> — 卡片式布局，一目了然</li> <li><strong>美观动效</strong> — 粒子背景 + 卡片动画</li> </ul> <h2 id="-未来计划"><a href="#-%e6%9c%aa%e6%9d%a5%e8%ae%a1%e5%88%92" class="header-anchor"></a>🎯 未来计划 </h2><ul> <li>继续添加新项目</li> <li>优化移动端体验</li> <li>添加项目分类标签</li> <li>支持深色/浅色主题切换</li> </ul> <h2 id="-相关链接"><a href="#-%e7%9b%b8%e5%85%b3%e9%93%be%e6%8e%a5" class="header-anchor"></a>🔗 相关链接 </h2><ul> <li><strong>作品集网站</strong>: <a class="link" href="https://works.danzaii.cn" target="_blank" rel="noopener" >works.danzaii.cn</a></li> <li><strong>GitHub 仓库</strong>: <a class="link" href="https://github.com/DanZai233/works" target="_blank" rel="noopener" >github.com/DanZai233/works</a></li> </ul> <hr> <blockquote> <p><em>&ldquo;所作，皆为热爱；所为，皆有所成。&rdquo;</em></p> </blockquote> <p>欢迎访问我的作品集，看看我都在做什么！ 🎉</p>