blog: 添加收藏内容

docs/06.收藏夹/01.网站.md

@@ -77,22 +77,23 @@ article: false
 * [followers 全球排名](https://wangchujiang.com/github-rank/index.html)
 * [star-history](https://star-history.t9t.io/) 展示一个项目 Stars 增长曲线
 
-## 在线工具
-### 开发
+
+
+## 开发
 * [Can I use](https://caniuse.com/) 查看属性和方法的兼容性
 * [30 seconds of code](https://30secondsofcode.org/) 收集了许多有用的代码小片段
 
-### 代码编辑
+## 代码编辑
 * [codepen](https://codepen.io) 在线代码编辑与演示
 * [codesandbox](https://codesandbox.io) 内嵌VSCode的在线IDE
 
-### Emoji表情
+## Emoji表情
 * [emoji表情](https://emojipedia.org/)
 * [emoji表情备忘录](https://www.webfx.com/tools/emoji-cheat-sheet)
 * [gitmoji](https://github.com/carloscuesta/gitmoji) 通过 emoji 表达 git 的操作内容
 > windows系统下按<kbd>Win</kbd>+<kbd>.</kbd>快速打开表情选择框
 
-### 图片工具
+## 图片工具
 * [tinypng图片压缩](https://tinypng.com) 压缩png很有用
 * [微图](https://devtool.tech/tiny-image) 浏览器端图片压缩，不会上传图片到服务器
 * [Squoosh](https://squoosh.app/) 谷歌出品在线免费图片压缩工具（jpg、png等,压缩效果比tinypng稍好）
@@ -103,11 +104,14 @@ article: false
 * [remove](https://www.remove.bg/zh) AI抠图
 * [backgroundremover](https://github.com/nadermx/backgroundremover) 又一个抠图的
 
-### 作图
+## 作图
 * [processon在线作图](https://www.processon.com/) 流程图、思维导图、原型图等
 * [百度脑图](https://naotu.baidu.com) 思维导图
 
-### CSS
+## CSS
+
+- [各种CSS生成器和JS代码片段](https://juejin.cn/post/7030572979868139551?utm_source=gold_browser_extension)
+
 * [CSS Tricks](http://css-tricks.neatbang.com/) CSS技巧收集与演示
 * [CSS生成器](https://neumorphism.io/)
 * [CSS渐变生成器](https://www.colorzilla.com/gradient-editor/)
@@ -121,17 +125,17 @@ article: false
 * [animista](https://animista.net/) CSS动画可视化工具，复制代码就能用
 * [navnav](http://navnav.co/) 各种炫酷的CSS动画组件
 
-### CDN加速
+## CDN加速
 * [jsDelivr](http://www.jsdelivr.com/) 国外的一家优秀的公共 CDN 服务提供商
 * [unpkg](https://unpkg.com/) cdn 服务
 
-### 网站托管
+## 网站托管
 - [vercel](https://vercel.com/) 好用的网站托管服务
-### 正则
+## 正则
 * [正则可视化](https://regex101.com/)
 * [iHateRegex](https://ihateregex.io/) 正则搜索，细节做得很好
 * [正则迷你书](https://github.com/qdlaoyao/js-regex-mini-book) 学习正则的小手册
-### 其他
+## 其他
 * [Linux命令手册](https://ipcmen.com/)
 * [carbon代码图片生成器](https://carbon.now.sh/) 生成好看的代码图片
 
@@ -178,7 +182,7 @@ article: false
 - [collectui](https://collectui.com/) 按功能组件分类的设计图
 - [smartmockups](https://smartmockups.com/zh) 产品模板生成工具
 
-### 图库
+## 图库
 
 - [uigradients](https://uigradients.com/) 渐变色生成工具
 - [freepik](https://www.freepik.com/) banner 图库
@@ -261,4 +265,4 @@ article: false
 
 ## 生活
 
-- [Ventusky](https://www.ventusky.com/) 风雨气温图
+- [Ventusky](https://www.ventusky.com/) 风雨气温图