更新最新卡片模板

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` 文件的内容

demo.html

@@ -70,6 +70,10 @@
 console.log('hello world')
 ```
     </div>
+    <!-- 
+      整个script内容(包括script标签)
+      需要复制到anki的卡片模板中
+    -->
     <script>
       'use strict'
       // 在anki中查看调试信息 没控制台啊

卡片样式.css

@@ -1,6 +1,12 @@
 /* 
 把这里的样式代码 复制到卡片模板 的样式区域
 */
+/* 初始状态下设置透明度为0 */
+.md-content {
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+}
+
 
 /* github样式 */
 .markdown-body {