diff --git a/README.md b/README.md
index 2bbcc5f..71b0810 100644
--- a/README.md
+++ b/README.md
@@ -43,3 +43,30 @@
 可能是网络的问题,因为是采用 cdn 加载资源 不是本地
 可以反复刷新 或者 切换网络尝试修复一下
 或者把梯子关了(或者自己设置规则) 因为默认用的是字节的cdn库
+
+
+### 卡片模板创建新手指引(或直接导入现成的 `markdown.apkg` 牌组)
+
+1. 正面模板内容
+
+```
+<div class="md-content">
+{{Front}}
+</div>
+
+ <script>
+ // 这里复制demo.html中的script内容
+ </script>
+```
+
+2. 背面内容模板
+
+```
+{{FrontSide}}
+
+<div class="md-content">{{Back}}</div>
+```
+
+3. 样式
+
+复制 `./卡片样式.css` 文件的内容
\ No newline at end of file
diff --git a/demo.html b/demo.html
index 8762857..90782eb 100644
--- a/demo.html
+++ b/demo.html
@@ -70,6 +70,10 @@
 console.log('hello world')
 ```
     </div>
+    <!-- 
+      整个script内容(包括script标签)
+      需要复制到anki的卡片模板中
+    -->
     <script>
       'use strict'
       // 在anki中查看调试信息 没控制台啊
diff --git a/markdown.apkg b/markdown.apkg
index 1e80bcc..cc6066b 100644
Binary files a/markdown.apkg and b/markdown.apkg differ
diff --git a/卡片样式.css b/卡片样式.css
index c3d727e..8bf269c 100644
--- a/卡片样式.css
+++ b/卡片样式.css
@@ -1,6 +1,12 @@
 /* 
 把这里的样式代码 复制到卡片模板 的样式区域
 */
+/* 初始状态下设置透明度为0 */
+.md-content {
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+}
+
 
 /* github样式 */
 .markdown-body {