blog: 更新收藏内容

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

@@ -9,13 +9,13 @@ article: false
 ## 推荐
 * [panjiachen](https://panjiachen.github.io/awesome-bookmarks/)
 * [编程导航](https://www.code-nav.cn/)
+* [编程自学之路](https://r2coding.com/)
 * [前端知识图谱+B站资源整合](https://gitee.com/jishupang/web_atlas)
 * [开发者武器库](https://devtool.tech/)
 
 <p align="center">
 <img src="https://cdn.jsdelivr.net/gh/xugaoyi/image_store@master/blog/qrcode.zdqv9mlfc0g.jpg" width="200">
 </p>
-
 ::: center
 关注公众号[有趣研究社]，回复`前端资源`，获取 [前端学习资料](https://github.com/xugaoyi/blog-gitalk-comment/wiki/Front-end-Study)
 :::
@@ -72,6 +72,9 @@ article: false
 * [CCTV、卫视高清直播](http://ivi.bupt.edu.cn/)
 
 ## Github
+
+- [Repobeats](https://repobeats.axiom.co/) 生成仓库的动态数据统计图 
+
 * [github 短域名服务](https://git.io/)
 * [shields](https://shields.io/) 徽章图标
 * [followers 全球排名](https://wangchujiang.com/github-rank/index.html)
@@ -79,6 +82,12 @@ article: false
 
 
 
+## 评论系统
+
+- [giscus](https://giscus.app/zh-CN) 由 [GitHub Discussions](https://docs.github.com/en/discussions) 驱动的评论系统
+
+
+
 ## 前端小工具
 * [Can I use](https://caniuse.com/) 查看属性和方法的兼容性
 * [30 seconds of code](https://30secondsofcode.org/) 收集了许多有用的代码小片段
@@ -107,9 +116,10 @@ article: false
 * [remove](https://www.remove.bg/zh) AI抠图
 * [backgroundremover](https://github.com/nadermx/backgroundremover) 又一个抠图的
 
-## 作图
+## 思维导图
 * [processon在线作图](https://www.processon.com/) 流程图、思维导图、原型图等
 * [百度脑图](https://naotu.baidu.com) 思维导图
+* [plectica](plectica.com) 绘制知识图谱
 
 ## CSS
 
@@ -197,36 +207,54 @@ article: false
 - [虎克](https://huke88.com/) ps 学习教程
 - [beTheme](https://themes.muffingroup.com/be/splash/)
 - [UI 中国](https://www.ui.cn/)
+- [wallhaven](https://alpha.wallhaven.cc/) 壁纸网站-
+
+## 交互
+
+- [微交互](http://aliscued.lofter.com/) 里面收集了市面上很多很好的微交互例子 值得学习
+
+- [Little Big Details](http://littlebigdetails.com/) 同上，一个国外微交互汇集网站
+
+- [cruip](https://cruip.com/) 登录页的各种页面设计，可以免费下载模板
+
+- [Comixify](https://comixify.ii.pw.edu.pl/) 一个波兰团队做了非常好玩的工具，可以把视频自动转成漫画，上图是他们提供的 demo，效果很棒。
+
+- [taiko-web](https://github.com/bui/taiko-web) 太鼓达人网页版 只能说很 6
+
+  
 
 ## 有趣
-- [artbreeder](https://www.artbreeder.com/) 动漫图生成真人图像
 - [奇趣网站收藏家](https://fuun.fun/) 收藏了很多有趣的网站
 - [FC在线模拟器(小霸王游戏机)](https://game.xugaoyi.com/) 童年回忆
-- [到账语音生成器](https://zfb.xugaoyi.com/) 支付宝到账1亿元
 - [帮你百度一下](http://www.baidu-x.com/) 可以 [点我测试一下](http://www.baidu-x.com/?q=和谐有爱富强)-
 - [国际版](http://lmgtfy.com/) 同`帮我百度一下`-[点我测试一下](http://lmgtfy.com/?q=a)-
-- [wallhaven](https://alpha.wallhaven.cc/) 壁纸网站-
 - [URL 地址播放 Emojis 动画](http://matthewrayfield.com/articles/animating-urls-with-javascript-and-emojis/#🌖) 在地址栏里面播放 emoji
 - [Can't Unsee](https://cantunsee.space/) 强烈建议前端、客户端、UI 开发的同学玩下，检查一下自己对设计稿的敏感度怎么样
 - [ggtalk](https://talk.swift.gg/) 平时一直在听的一个技术博客
 - [awesome-comment](https://github.com/Blankj/awesome-comment) 里面收集了很多有趣的代码注释
 - [text-img](https://www.text-image.com/index.html) 都将图片转化为 ascii 用来写注释
+- [ascii video](https://pessimistress.github.io/ascii/) 使用ascii编码生成视频动画
 - [weird-fonts](https://github.com/beizhedenglong/weird-fonts) 将普通字母转化为 特殊 unicode
 - [snake](https://github.com/epidemian/snake) 在地址栏里面玩贪吃蛇
 - [zero-width-lib](https://github.com/yuanfux/zero-width-lib) 利用零宽度字符实现 隐形水印、加密信息分享、逃脱词匹配，很有创意
 - [abbreviations](https://www.abbreviations.com/) 查看一个简写是什么意思的网站
 - [magi](https://magi.com/) ai 搜索神器，超屌
+
+## 生成器
+
+- [artbreeder](https://www.artbreeder.com/) 动漫图生成真人图像
+
+- [声音生成器](https://neal.fun/ambient-chaos/) 生成下雨、咖啡厅、海浪、火车等声音，可几种声音合成
 - [诺基亚短信图片生成器](https://zzkia.noddl.me:8020/)
+- [到账语音生成器](https://zfb.xugaoyi.com/) 支付宝到账1亿元
 
-## 交互
-
-- [微交互](http://aliscued.lofter.com/) 里面收集了市面上很多很好的微交互例子 值得学习
-- [Little Big Details](http://littlebigdetails.com/) 同上，一个国外微交互汇集网站
-- [cruip](https://cruip.com/) 登录页的各种页面设计，可以免费下载模板
-- [Comixify](https://comixify.ii.pw.edu.pl/) 一个波兰团队做了非常好玩的工具，可以把视频自动转成漫画，上图是他们提供的 demo，效果很棒。
-- [taiko-web](https://github.com/bui/taiko-web) 太鼓达人网页版 只能说很 6
+## 元宇宙
 
+符合元宇宙特征的几个网站，允许用户拥有虚拟土地，在上面构建自己的世界：
 
+- [沙盒](https://www.sandbox.game/cn/)
+- [梦境空间](https://somniumspace.com/)
+- [Decentraland](https://market.decentraland.org/)
 
 ## 教程