style: update preview styles.

README.md

@@ -8,7 +8,7 @@
 
 ## 功能特性
 
-开发计划和一些功能介绍，有需求可以在 issue 中提，使得工具变得更加完善。
+开发计划和一些功能介绍，有需求可以在 issue 中提，使得工具变得更加完善。下面示例用于 web 应用中效果展示。
 
 - [x] 支持 Markdown 所有基础语法
 - [x] 支持自定义 CSS 样式
@@ -18,7 +18,7 @@
 
 ### 支持代码块样式
 
-下面是 `jsx` 代码块展示示例，并高亮代码
+下面是 `jsx` 代码块展示示例，并高亮代码，用于 web 应用中效果展示。
 
 ```jsx
 function Demo() {
@@ -26,7 +26,7 @@ function Demo() {
 }
 ```
 
-下面是 `css` 代码块展示示例，并高亮代码
+下面是 `css` 代码块展示示例，并高亮代码，用于 web 应用中效果展示。
 
 ```css
 li {
@@ -40,6 +40,8 @@ li {
 
 ### 支持内联代码
 
+> 用于 web 应用中效果展示。
+
 Inline Code `{code: 0}`
 
 ### 支持表格

src/conf/default.md.css

@@ -73,10 +73,10 @@ blockquote {
   font-size:14px;
   font-style:normal;
   border-left:none;
-  padding:1em;
+  padding:0.1rem 1rem;
   border-radius:4px;
   background:rgba(27,31,35,.05);
-  margin:2em 8px;
+  margin: 1rem 0;
 }
 
 pre {