Update README.md

Author: webVueBlog

docs/README.md

@@ -1,10 +1,26 @@
+# awesome-css
+
+国内css平台从业者交流 : 优势自动化发布博客，玩CSS的乐园
+
+<img align='center' src='https://user-images.githubusercontent.com/59645426/176901215-327525a6-3c57-4a22-bc6b-f724f1b497a3.jpg' width='350'>
+
 > 点击勘误[issues](https://github.com/webVueBlog/awesome-css/issues)，感谢大家的阅读
 
-## 学前必读
+```js
+yarn install // 安装依赖
+yarn serve // 预览
+```
 
-提供最大程度的愉悦开发体验。提供便捷的阅读文档，并维护本站 awesome-css 文档。
+## 加入awesome-css
 
-<img align='center' src='https://user-images.githubusercontent.com/59645426/176901215-327525a6-3c57-4a22-bc6b-f724f1b497a3.jpg' width='350'>
+- awesome-css的最大好处就是可以锻炼解决css问题的思维能力。相信我，「如何去思考」​ 本身也是一项需要不断学习和练习的技能。
+
+> 如果你对本项目感兴趣，并且希望加入awesome-css，欢迎随时提交 PR。请参考如下步骤：
+- 将本项目 fork 到你的个人 GitHub 帐户，然后 clone 到你的本地机器；
+- 进入 某 目录，切换到一个新的分支；
+- 对项目做出一些变更，然后使用 git add、commit、push 等命令将你的本地变更提交到你的远程 GitHub 仓库；
+- 将你的变更以 PR 的形式提交过来，项目的维护人员会在第一时间对你的变更进行 review！
+- 你也可以参考帮助文档 https://help.github.com/cn 了解更多细节。
 
 ## 目录
 
@@ -25,11 +41,9 @@
 - [轮播图效果](https://webvueblog.github.io/awesome-css/result/css-carousel.html)
 - [瀑布流效果](https://webvueblog.github.io/awesome-css/result/ccss-masonry-flexbox.html)
 
-## 留言评论
-
-因为目前没有留言功能，请拉到文章底部，跳转到对应的 Github Issues，在 Issues 留言回复。
+## 学前必读
 
-<img src="./assets/20211213143926.png" style="display: flex; margin: auto; width: 100%;"/>
+提供最大程度的愉悦开发体验。提供便捷的阅读文档，并维护本站 awesome-css 文档。
 
 ## 感谢指正