代码优化

Author: eshengsky

TODO.md

@@ -1,8 +1,8 @@
+- [ ] editor支持emoji、全屏、emoji，预览样式优化、toolbar置顶
 - [ ] 日志
+- [ ] 文章页面，右侧：分类、热门文章、热门标签，左侧：目录
 - [ ] 右下角+全屏、二维码、分享
 - [ ] 404、500页面自定义
-- [ ] 评论editor支持emoji
-- [ ] 文章editor支持全屏、emoji、alert、上传文件
 - [ ] 首页右侧还可考虑：精彩评论、友情链接
 - [ ] 博客日历高亮显示有文章的那天
 - [ ] 单独的搜索页面
@@ -11,4 +11,6 @@
 - [ ] 文章编辑页原创转载翻译tag、置顶
 - [ ] 文字自动缓存，防止session过期或无刷新
 - [ ] 文章支持修改发布时间
-- [ ] 发送私信、私信管理（已读）、右上角icon+数量
+- [ ] 发送私信、私信管理（已读）、右上角icon+数量
+- [ ] 自己开发一款Markdown编辑器
+- [ ] 支持 Docker

blog.config.ts

@@ -1,11 +1,11 @@
 import { IBlogConfig } from '@/types';
 
 const config: IBlogConfig = {
-    host: '0.0.0.0',
-    port: 9000,
-    enableHTTPS: false,
-    mongoUrl: 'mongodb://localhost:27017/iBlog_v2',
-    jwtSecret: 'myblogjsonwebtokensecretkey'
+  host: '0.0.0.0',
+  port: 9000,
+  enableHTTPS: false,
+  mongoUrl: 'mongodb://localhost:27017/iBlog_v2',
+  jwtSecret: 'myblogjsonwebtokensecretkey'
 };
 
 export default config;

components/ArticleContent.vue

@@ -6,18 +6,18 @@
 <script lang="ts">
 import Vue from 'vue';
 export default Vue.extend({
-    props: {
-        html: {
-            type: String,
-            default: ''
-        }
+  props: {
+    html: {
+      type: String,
+      default: ''
     }
+  }
 });
 </script>
 
 <style>
 .article-content h1 {
-    position: relative;
+  position: relative;
   font-size: 2rem;
   margin: 2.75rem 0 1rem;
   padding-bottom: 0.5rem;

components/CategoryList.vue

@@ -14,14 +14,14 @@
 import Vue, { PropOptions } from 'vue';
 import { ICategory } from '@/types/schema';
 export default Vue.extend({
-    props: {
-        categories: {
-            type: Array,
-            default () {
-                return [];
-            }
-        } as PropOptions<Array<ICategory>>
-    }
+  props: {
+    categories: {
+      type: Array,
+      default () {
+        return [];
+      }
+    } as PropOptions<Array<ICategory>>
+  }
 });
 </script>
 <style scoped>

components/CommentItem.vue

@@ -50,24 +50,24 @@ import Vue, { PropOptions } from 'vue';
 import moment from 'moment';
 import { IComment } from '@/types/schema';
 export default Vue.extend({
-    props: {
-        comment: {
-            type: Object,
-            default: null
-        } as PropOptions<IComment>,
-        avatar: {
-            type: String,
-            default: ''
-        } as PropOptions<string>
+  props: {
+    comment: {
+      type: Object,
+      default: null
+    } as PropOptions<IComment>,
+    avatar: {
+      type: String,
+      default: ''
+    } as PropOptions<string>
+  },
+  computed: {
+    commentTime (): string {
+      return moment(this.comment.createTime).fromNow();
     },
-    computed: {
-        commentTime (): string {
-            return moment(this.comment.createTime).fromNow();
-        },
-        commentTime2 (): string {
-            return moment(this.comment.createTime).format('YYYY-MM-DD HH:mm:ss');
-        }
+    commentTime2 (): string {
+      return moment(this.comment.createTime).format('YYYY-MM-DD HH:mm:ss');
     }
+  }
 });
 </script>
 <style scoped>