简介 1/3

docs/intro.md

@@ -4,10 +4,10 @@ sidebar_position: 1
 
 # 学前必读
 
-## 这门课学什么？
-
+:::tip
 这门课主要学习如何 [plasmo](https://www.plasmo.com/) 构建一个自己需要的浏览器扩展。
 [plasmo](https://www.plasmo.com/) 是一个浏览器扩展的综合开发框架，他对浏览器扩展的各个组件进行了抽象封装，同时提供便捷的打包机制，极大的简化了浏览器扩展的开发。
+:::
 
 ## 学习这门课有什么用？
 

docs/module1/basic_react.mdx

@@ -3,3 +3,13 @@ sidebar_position: 4
 ---
 
 # React 基础
+
+## 项目创建
+
+## 基础路由
+
+## 组件参数
+
+## 状态存储
+
+## 数据样式

docs/module1/install.md

@@ -0,0 +1,3 @@
+# 安装与发布
+
+获得了一个chrome

docs/module1/introduction.mdx

@@ -2,4 +2,18 @@
 sidebar_position: 3
 ---
 
-# plasmo 介绍
+# 欢迎来到 plasmo 的世界
+
+:::tip
+`plasmo` 是什么呢？ 他是一个 all-in-one 类型的浏览器扩展开发平台。 `plasmo` 的存在，简化了浏览器开发的各个阶段，包括: 创建，测试，发布。
+通过 `plasmo` 你将告别繁琐的浏览器扩展开发配置，代码，取而代之的是更快更灵活的体验。
+:::
+
+## `plasmo` 提供什么？
+
+1. [Plasmo Framework](https://docs.plasmo.com/#plasmo-framework) 是我们提供的一个核心开发框架。
+   通过他可以帮你快速编写代码，**_无需担心浏览器扩展的复杂性_** 。
+2. [Itero TestBed](https://docs.plasmo.com/#itero-testbed) 这是一个测试扩展暂存平台。
+   通过他，你可以尽可能的扩大你的测试人群，**_在真实的环境中测试你的浏览器扩展_**。
+3. [PBB 打包工具](https://docs.plasmo.com/#plasmo-browser-platform-publisher) 他是一个 github 的 action 集合。
+   他工作在你的扩展的发布阶段。通过他，你可以和 github 的 workflow 结合在一起，将你的扩展发布到各个浏览器商店，**_极大的简化你的产品发布流程_**。

docs/module1/readme.mdx

@@ -1 +1 @@
-# 模块介绍
+# 模块介绍

docusaurus.config.js

@@ -18,7 +18,7 @@ const config = {
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
-  organizationName: "facebook", // Usually your GitHub org/user name.
+  organizationName: "CreatorsDAO", // Usually your GitHub org/user name.
   projectName: "plasmo-co-learn", // Usually your repo name.
 
   onBrokenLinks: "throw",