diff --git a/README.md b/README.md
index 64f598d..a6ffb65 100644
--- a/README.md
+++ b/README.md
@@ -1,20 +1,28 @@
+# 节奏医生中文编辑器教程网站
 
-> 此版本网页正在维护。
+## 预览和编辑
 
-# 节奏医生中文编辑器教程
+### [Visual Studio Code](https://code.visualstudio.com/)
 
-《节奏医生》编辑器中文教程旨在以教学的形式帮助您快速了解编辑器的界面，基础功能，设计技巧和做谱规范。未经授权不得以图文，视频等形式转载，也不得以本教程内素材进行二次创作。
+此项目基于 [docsify](https://docsify.js.org/#/) 编辑，并使用 [RDView](https://github.com/OLDRedstone/RDView) 显示编辑器可交互模块。  
 
-编辑器视频教程点击[此链接](https://www.bilibili.com/video/BV1pr4y1k7gP)。教程内所有演示关卡下载放置于[百度网盘](https://pan.baidu.com/s/1Tb6ywVmge25ztMFnpa6q_Q)，提取码：rdlv。
+- 确保 [安装 markdown-rdview-support](https://github.com/OLDRedstone/markdown-rdview-support) 即可预览 RDView 内容。  
+如果成功安装，那么以下内容的 markdown 预览应当是一个事件栏。  
 
-> 如果你看到[更新信息](/pages/changelog.md)增加了，但是又感觉什么也没更新，那就试着按一下`Ctrl + F5`，再不行就清空浏览器缓存。
+```rdview 7 5 1
+es.PlaySong 0 0[];
+es.SetCrotchetsPerBar_4 0 1[];
+eb.AddClassicBeat 0 2[tick=6];
+```
 
-## 联系我们
+- 确保 [安装 docsify](https://docsify.js.org/#/quickstart) 以实时预览页面。
 
-![我们的 QQ 群号是：951070053](/images/intro-02.png)
+```bash
+npm i docsify-cli -g
+```
 
-如果你有做谱相关的问题，或是对本教程有什么意见和建议，可以点击链接加入 QQ 群 [951070053](https://jq.qq.com/?_wv=1027&k=nsPA09E4) 告知我们。你也可以在群里上传谱面给我们试玩，群友们都会热心为你提供谱面优化建议。真诚欢迎各位做谱萌新和大佬的加入。
+- 运行以下命令以启动本地服务器实时预览。  
 
-（悄悄透露一句：官方也入驻了这个群哦～）
-
-戳这只看板娘可以获得随机 TIPS →
\ No newline at end of file
+```bash
+docsify s
+```
\ No newline at end of file