feat: 更新个人项目

Author: snailRun

.env.example

@@ -29,5 +29,6 @@
 		"editor.defaultFormatter": "esbenp.prettier-vscode"
 	},
 	"prettier.ignorePath": ".gitignore",
-	"commentTranslate.hover.enabled": true // Don't run prettier for files listed in .gitignore
+	"commentTranslate.hover.enabled": true,
+	"testing.automaticallyOpenTestResults": "neverOpen" // Don't run prettier for files listed in .gitignore
 }

.vscode/settings.json

@@ -4,12 +4,12 @@
         <description><![CDATA[我是幸运的蜗牛，一名充满热情的前端开发工程师。我热衷于探索和体验最新技术，特别是人工智能（AI），并在日常工作中去使用它们，来提升我的工作效率。我的目标是积极参与开源社区，为开源项目贡献自己的力量。正如我的名字，我相信越努力，越幸运]]></description>
         <link>https://luckysnail.cn</link>
         <generator>RSS for Node</generator>
-        <lastBuildDate>Thu, 07 Nov 2024 17:15:36 GMT</lastBuildDate>
+        <lastBuildDate>Sun, 22 Dec 2024 05:12:06 GMT</lastBuildDate>
         <atom:link href="https://luckysnail.cn/feed.xml" rel="self" type="application/rss+xml"/>
         <item>
-            <title><![CDATA[Next.js 项目太坑了，一个简单的样式库，就把项目玩坏了]]></title>
-            <link>https://luckysnail.cn/posts/post-10</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-10</guid>
+            <title><![CDATA[阿里云 centos 服务器，使用宝塔 + webHook 自动同步代码，构建部署]]></title>
+            <link>https://luckysnail.cn/posts/post-12</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-12</guid>
         </item>
         <item>
             <title><![CDATA[如何把这个 blog 项目，部署在自己的服务器上]]></title>
@@ -21,105 +21,170 @@
             <link>https://luckysnail.cn/posts/post-13</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-13</guid>
         </item>
-        <item>
-            <title><![CDATA[那些优秀的程序员和他们的个人 blog]]></title>
-            <link>https://luckysnail.cn/posts/post-14</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-14</guid>
-        </item>
-        <item>
-            <title><![CDATA[Next.js 14 项目踩坑日志（企业级项目）]]></title>
-            <link>https://luckysnail.cn/posts/post-16</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-16</guid>
-        </item>
         <item>
             <title><![CDATA[css 样式污染几种解决方案]]></title>
             <link>https://luckysnail.cn/posts/post-17</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-17</guid>
         </item>
+        <item>
+            <title><![CDATA[Next.js 项目太坑了，一个简单的样式库，就把项目玩坏了]]></title>
+            <link>https://luckysnail.cn/posts/post-10</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-10</guid>
+        </item>
         <item>
             <title><![CDATA[Taro3 + react 项目如何使用 towxml 在微信小程序渲染和优化 markdown]]></title>
             <link>https://luckysnail.cn/posts/post-19</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-19</guid>
         </item>
         <item>
-            <title><![CDATA[DOM元素导出图片与PDF：多种方案对比与实现]]></title>
-            <link>https://luckysnail.cn/posts/post-20</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-20</guid>
+            <title><![CDATA[那些优秀的程序员和他们的个人 blog]]></title>
+            <link>https://luckysnail.cn/posts/post-14</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-14</guid>
+        </item>
+        <item>
+            <title><![CDATA[Next.js 14 项目踩坑日志（企业级项目）]]></title>
+            <link>https://luckysnail.cn/posts/post-16</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-16</guid>
         </item>
         <item>
             <title><![CDATA[开发经验贴（持久更新）]]></title>
             <link>https://luckysnail.cn/posts/post-18</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-18</guid>
         </item>
+        <item>
+            <title><![CDATA[使用 View Transitions API 实现全页面主题切换动画]]></title>
+            <link>https://luckysnail.cn/posts/post-15</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-15</guid>
+        </item>
         <item>
             <title><![CDATA[路由的 hash 模式 和 history 模式的区别是什么？]]></title>
             <link>https://luckysnail.cn/posts/post-24</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-24</guid>
         </item>
+        <item>
+            <title><![CDATA[LLM RAG （大语言模型检索增强生成技术）的前世今生]]></title>
+            <link>https://luckysnail.cn/posts/post-21</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-21</guid>
+        </item>
         <item>
             <title><![CDATA[webStorm 快速入门上手开发]]></title>
             <link>https://luckysnail.cn/posts/post-22</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-22</guid>
         </item>
         <item>
-            <title><![CDATA[阿里云 centos 服务器，使用宝塔 + webHook 自动同步代码，构建部署]]></title>
-            <link>https://luckysnail.cn/posts/post-12</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-12</guid>
+            <title><![CDATA[价值千金的 AI 系统架构图]]></title>
+            <link>https://luckysnail.cn/posts/post-28</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-28</guid>
+        </item>
+        <item>
+            <title><![CDATA[SEO 资料]]></title>
+            <link>https://luckysnail.cn/posts/post-26</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-26</guid>
+        </item>
+        <item>
+            <title><![CDATA[JS 中的事件循环 - 懂前端的都知道这里的门道有多深！]]></title>
+            <link>https://luckysnail.cn/posts/post-23</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-23</guid>
+        </item>
+        <item>
+            <title><![CDATA[cursor 使用经验分享，满满干货]]></title>
+            <link>https://luckysnail.cn/posts/post-27</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-27</guid>
+        </item>
+        <item>
+            <title><![CDATA[cursor ：全新的编程体验]]></title>
+            <link>https://luckysnail.cn/posts/post-31</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-31</guid>
+        </item>
+        <item>
+            <title><![CDATA[面向对象编程 vs 函数式编程]]></title>
+            <link>https://luckysnail.cn/posts/post-25</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-25</guid>
+        </item>
+        <item>
+            <title><![CDATA[DOM元素导出图片与PDF：多种方案对比与实现]]></title>
+            <link>https://luckysnail.cn/posts/post-20</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-20</guid>
+        </item>
+        <item>
+            <title><![CDATA[随笔 - 长期更新]]></title>
+            <link>https://luckysnail.cn/posts/post-29</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-29</guid>
+        </item>
+        <item>
+            <title><![CDATA[喜欢土味视频，但是不好意思看，于是我专门做了个网站]]></title>
+            <link>https://luckysnail.cn/posts/post-32</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-32</guid>
         </item>
         <item>
             <title><![CDATA[git commit 提交规范中文解释]]></title>
             <link>https://luckysnail.cn/posts/post-4</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-4</guid>
         </item>
         <item>
-            <title><![CDATA[对萝卜快跑的一些观点]]></title>
-            <link>https://luckysnail.cn/posts/post-6</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-6</guid>
+            <title><![CDATA[实现一个前端开发都使用过的工具]]></title>
+            <link>https://luckysnail.cn/posts/post-33</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-33</guid>
         </item>
         <item>
             <title><![CDATA[记录我写的烂代码]]></title>
             <link>https://luckysnail.cn/posts/post-5</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-5</guid>
         </item>
         <item>
-            <title><![CDATA[LLM RAG （大语言模型检索增强生成技术）的前世今生]]></title>
-            <link>https://luckysnail.cn/posts/post-21</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-21</guid>
+            <title><![CDATA[使用 turndown 踩坑记录]]></title>
+            <link>https://luckysnail.cn/posts/post-34</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-34</guid>
+        </item>
+        <item>
+            <title><![CDATA[关于 幸运的蜗牛]]></title>
+            <link>https://luckysnail.cn/posts/about</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/about</guid>
         </item>
         <item>
             <title><![CDATA[什么是 Unix 哲学 ？]]></title>
             <link>https://luckysnail.cn/posts/post-9</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/post-9</guid>
         </item>
         <item>
-            <title><![CDATA[关于 幸运的蜗牛]]></title>
-            <link>https://luckysnail.cn/posts/about</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/about</guid>
+            <title><![CDATA[如何使用Next.js和GitHub Issues构建个人博客:从零到上线的完整指南]]></title>
+            <link>https://luckysnail.cn/posts/post-7</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-7</guid>
         </item>
         <item>
-            <title><![CDATA[JS 中的事件循环 - 懂前端的都知道这里的门道有多深！]]></title>
-            <link>https://luckysnail.cn/posts/post-23</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-23</guid>
+            <title><![CDATA[对萝卜快跑的一些观点]]></title>
+            <link>https://luckysnail.cn/posts/post-6</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/post-6</guid>
+        </item>
+        <item>
+            <title><![CDATA[当我开始编程时我希望知道的 65 件事]]></title>
+            <link>https://luckysnail.cn/posts/65-things-need-konw</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/65-things-need-konw</guid>
+        </item>
+        <item>
+            <title><![CDATA[前端程序员学习 Docker 的笔记 （-）]]></title>
+            <link>https://luckysnail.cn/posts/docker-learn-1</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/docker-learn-1</guid>
         </item>
         <item>
             <title><![CDATA[multi-repo 和 mono-repo 代码管理方式了解（附实践源码）]]></title>
             <link>https://luckysnail.cn/posts/code-manager</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/code-manager</guid>
         </item>
         <item>
-            <title><![CDATA[一名普通前端开发的絮絮叨 - 2023]]></title>
-            <link>https://luckysnail.cn/posts/end-2023</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/end-2023</guid>
+            <title><![CDATA[前端程序员学习 Docker 的笔记 （二）]]></title>
+            <link>https://luckysnail.cn/posts/docker-learn-2</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/docker-learn-2</guid>
         </item>
         <item>
             <title><![CDATA[《繁花》中让人惊艳的台词]]></title>
             <link>https://luckysnail.cn/posts/fan-hua</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/fan-hua</guid>
         </item>
         <item>
-            <title><![CDATA[一篇文章讲清楚 React Element、React Component、JSX、Fiber 以及Diff算法的概念及其相互关系]]></title>
-            <link>https://luckysnail.cn/posts/fiber-learn</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/fiber-learn</guid>
+            <title><![CDATA[一名普通前端开发的絮絮叨 - 2023]]></title>
+            <link>https://luckysnail.cn/posts/end-2023</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/end-2023</guid>
         </item>
         <item>
             <title><![CDATA[记录第一次当项目负责人感受]]></title>
@@ -132,69 +197,49 @@
             <guid isPermaLink="true">https://luckysnail.cn/posts/frontend-learn-line-1</guid>
         </item>
         <item>
-            <title><![CDATA[前端学习路线（自学版）]]></title>
-            <link>https://luckysnail.cn/posts/frontend-learn-line-2</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/frontend-learn-line-2</guid>
-        </item>
-        <item>
-            <title><![CDATA[2024 年中总结]]></title>
-            <link>https://luckysnail.cn/posts/mid-year-2024</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/mid-year-2024</guid>
+            <title><![CDATA[一篇文章讲清楚 React Element、React Component、JSX、Fiber 以及Diff算法的概念及其相互关系]]></title>
+            <link>https://luckysnail.cn/posts/fiber-learn</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/fiber-learn</guid>
         </item>
         <item>
             <title><![CDATA[GitHub copilot chat 体验]]></title>
             <link>https://luckysnail.cn/posts/github-copilot-chat-use</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/github-copilot-chat-use</guid>
         </item>
-        <item>
-            <title><![CDATA[2023 年中终结]]></title>
-            <link>https://luckysnail.cn/posts/mid-year-summary-2023</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/mid-year-summary-2023</guid>
-        </item>
-        <item>
-            <title><![CDATA[React 新手常犯的十个错误]]></title>
-            <link>https://luckysnail.cn/posts/react-error</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/react-error</guid>
-        </item>
         <item>
             <title><![CDATA[前端程序员学习 Redis]]></title>
             <link>https://luckysnail.cn/posts/redis-learn</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/redis-learn</guid>
         </item>
         <item>
-            <title><![CDATA[前端程序员学习 Docker 的笔记 （-）]]></title>
-            <link>https://luckysnail.cn/posts/docker-learn-1</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/docker-learn-1</guid>
+            <title><![CDATA[2023 年中终结]]></title>
+            <link>https://luckysnail.cn/posts/mid-year-summary-2023</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/mid-year-summary-2023</guid>
         </item>
         <item>
-            <title><![CDATA[微信小程序如何引入图标]]></title>
-            <link>https://luckysnail.cn/posts/use-iconfont-in-wechat-miniprogram</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/use-iconfont-in-wechat-miniprogram</guid>
+            <title><![CDATA[前端学习路线（自学版）]]></title>
+            <link>https://luckysnail.cn/posts/frontend-learn-line-2</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/frontend-learn-line-2</guid>
         </item>
         <item>
             <title><![CDATA[React最简版本低代码实现]]></title>
             <link>https://luckysnail.cn/posts/react-drag-drop-demo</link>
             <guid isPermaLink="true">https://luckysnail.cn/posts/react-drag-drop-demo</guid>
         </item>
         <item>
-            <title><![CDATA[使用 View Transitions API 实现全页面主题切换动画]]></title>
-            <link>https://luckysnail.cn/posts/post-15</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-15</guid>
-        </item>
-        <item>
-            <title><![CDATA[前端程序员学习 Docker 的笔记 （二）]]></title>
-            <link>https://luckysnail.cn/posts/docker-learn-2</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/docker-learn-2</guid>
+            <title><![CDATA[2024 年中总结]]></title>
+            <link>https://luckysnail.cn/posts/mid-year-2024</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/mid-year-2024</guid>
         </item>
         <item>
-            <title><![CDATA[当我开始编程时我希望知道的 65 件事]]></title>
-            <link>https://luckysnail.cn/posts/65-things-need-konw</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/65-things-need-konw</guid>
+            <title><![CDATA[微信小程序如何引入图标]]></title>
+            <link>https://luckysnail.cn/posts/use-iconfont-in-wechat-miniprogram</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/use-iconfont-in-wechat-miniprogram</guid>
         </item>
         <item>
-            <title><![CDATA[如何使用Next.js和GitHub Issues构建个人博客:从零到上线的完整指南]]></title>
-            <link>https://luckysnail.cn/posts/post-7</link>
-            <guid isPermaLink="true">https://luckysnail.cn/posts/post-7</guid>
+            <title><![CDATA[React 新手常犯的十个错误]]></title>
+            <link>https://luckysnail.cn/posts/react-error</link>
+            <guid isPermaLink="true">https://luckysnail.cn/posts/react-error</guid>
         </item>
     </channel>
 </rss>

public/feed.xml

@@ -2,12 +2,29 @@ import codeCopyIcon from '@/assets/products/codecopy.png';
 import resumeIcon from '@/assets/products/resume.png';
 import React from 'react';
 import luckySnailBlogIcon from '~/public/logo.png';
+import npmIcon from '~/public/npmIcon.webp';
 import { ProjectCard } from './ProjectCard';
 
 export function Projects(): React.ReactElement {
 	const projects: ProjectItem[] = [
 		{
-			id: '1',
+			id: '4',
+			url: 'https://ascii.luckysnail.cn/',
+			icon: luckySnailBlogIcon,
+			name: 'ASCII 字符生成器',
+			description: '把图片和视频转为 ASCII 形式',
+			tags: ['个人']
+		},
+		{
+			id: '4',
+			url: 'https://www.npmjs.com/package/bytemd-plugin-image-lazy',
+			icon: npmIcon,
+			name: 'bytemd 的图片懒加载插件',
+			description: '支持原生懒加载和 intersection observer 懒加载',
+			tags: ['个人']
+		},
+		{
+			id: '3',
 			url: 'https://www.luckySnail.cn',
 			icon: luckySnailBlogIcon,
 			name: 'luckySnail 的个人博客',
@@ -24,7 +41,7 @@ export function Projects(): React.ReactElement {
 			tags: ['公司']
 		},
 		{
-			id: '3',
+			id: '1',
 			url: 'https://www.codecopy.cn',
 			icon: codeCopyIcon,
 			name: '代码小抄',