优化样式和交互

README.md

@@ -1,16 +1,27 @@
-## 觅道文档MrDoc - 记录文档，汇聚思想
+## MrDoc觅道文档 - 记录文档，汇聚思想
 
 ![Mrdoc首页](./captrue/mrdoc-index.png)
 
-## 介绍
+### 介绍
 
 `MrDoc`是基于`Python`开发的在线文档系统，适合作为个人和小型团队的文档、知识和笔记管理工具。
 
-## 开源地址
+### 开源地址
 
-**Gitee:** [https://gitee.com/zmister/MrDoc](https://gitee.com/zmister/MrDoc)
+**Gitee:** <https://gitee.com/zmister/MrDoc>
+
+**GitHub:** <https://github.com/zmister2016/MrDoc>
+
+### 示例站点：
+
+<http://mrdoc.zmister.com>
+
+### 说明文档：
+
+使用说明：<http://mrdoc.zmister.com/project-7/>
+
+文档样式效果和导出样例：<http://mrdoc.zmister.com/project-20/>
 
-**GitHub:** [https://github.com/zmister2016/MrDoc](https://github.com/zmister2016/MrDoc)
 
 ## 特性：
 
@@ -138,29 +149,4 @@ python manage.py runserver
 
 如果MrDoc对你有所帮助，欢迎给予开发者赞赏，助力项目更好发展。
 
-![](./captrue/mrdoc-zan.png)
-
-
-## 更多应用截图
-
-### 文集浏览页面
-![MrDoc文集页面](./captrue/mrdoc-project-index.png)
-
-### 文档阅读页面
-![MrDoc文档页](./captrue/mrdoc-doc.png)
-
-### 文档编写页面
-![](./captrue/mrdoc-create-doc.png)
-
-### 普通用户个人中心
-![MrDoc普通用户后台](./captrue/mrdoc-manage-project.png)
-
-### 管理员后台页面
-![MrDoc管理员后台](./captrue/mrdoc-admin-register-code.png)
-
-### 登录页面
-![MrDoc登录页](./captrue/mrdoc-login.png)
-
-### 注册页面
-![MrDoc注册页](./captrue/mrdoc-register.png)
-
+![](./captrue/mrdoc-zan.png)

template/app_doc/check_viewcode.html

@@ -9,7 +9,7 @@
     <meta http-equiv="Cache-Control" content="max-age=7200" />
     <link rel="icon" href="{% static 'favicon_16.png' %}"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-	<title>请输入访问码 - MrDoc</title>
+	<title>请输入访问码 - 觅道文档MrDoc</title>
 	<meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 	<link rel="stylesheet" href="{% static 'layui/css/layui.css' %}" crossorigin="anonymous">
@@ -26,12 +26,11 @@
         }
         .login-form{
             margin-top: 15%;
-            {#width: 400px;#}
             padding: 20px 50px 20px 60px;
             background-color: #fff;
             -webkit-box-shadow: #666 0px 0px 10px;
-           -moz-box-shadow: #666 0px 0px 10px;
-           box-shadow: #666 0px 0px 10px;
+            -moz-box-shadow: #666 0px 0px 10px;
+            box-shadow: #666 0px 0px 10px;
         }
         .register-link{
             font-size: 12px;

template/app_doc/create_base_2.html

@@ -22,6 +22,9 @@
             color: #333;
             font-size: 16px;
         }
+        ul.editormd-menu{
+            margin-bottom: 0;
+        }
         /* 编辑器预览列表样式 */
         .markdown-body ul li{
             list-style:disc;
@@ -71,10 +74,25 @@
         .layui-laypage .layui-laypage-curr .layui-laypage-em{
             background-color: #1E9FFF !important;
         }
-        /* layui按钮 */
-        /* .layui-btn{
-            background-color: #00C6CF !important;
-        } */
+        /* HTML预览样式 */
+        .markdown-body h1{
+            font-size: 1.7em;
+        }
+        .markdown-body h2{
+            font-size: 1.5em;
+        }
+        .markdown-body h3{
+            font-size: 1.25em;
+        }
+        .markdown-body h4{
+            font-size: 1em;
+        }
+        .markdown-body h5{
+            font-size: .875em;
+        }
+        .markdown-body h6{
+            font-size: .85em;
+        }
     </style>
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

template/app_doc/docs_base.html

@@ -59,6 +59,25 @@
         .markdown-body p code{
             border:none;
         }
+        /* HTML预览样式 */
+        .markdown-body h1{
+            font-size: 1.7em;
+        }
+        .markdown-body h2{
+            font-size: 1.5em;
+        }
+        .markdown-body h3{
+            font-size: 1.25em;
+        }
+        .markdown-body h4{
+            font-size: 1em;
+        }
+        .markdown-body h5{
+            font-size: .875em;
+        }
+        .markdown-body h6{
+            font-size: .85em;
+        }
     </style>
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

template/app_doc/manage_project.html

@@ -54,7 +54,7 @@
           <td>{{ pro.create_time }}</td>
           <td>
               {% if pro.id|report_status_epub == 1 or pro.id|report_status_pdf == 1 %}
-                
+
                 <span style="color: #01AAED;">允许</span> <a href="{% url 'modify_pro_download' pro.id %}" title="修改前台下载"><i class="layui-icon layui-icon-edit"></i></a>
               {% else %}
               <span style="color: hotpink;">禁止</span> <a href="{% url 'modify_pro_download' pro.id %}" title="修改前台下载"><i class="layui-icon layui-icon-edit"></i></a>
@@ -254,7 +254,7 @@
             //btnAlign:'c', //按钮居中
             success: function (layero, index) {
                 $(layero).find('.download-md-link').click(function () {
-                    layer.close(index);
+                    layer.closeAll();
                 })
         }
         })