feat: leftbar config

config.js

@@ -3,4 +3,53 @@ export default {
   repository: 'blog', // 记录 issue 的仓库名
   accessToken: 'MGNhMTQ3YTRlMGQ0NGFkM2JjZTdmMTI5MTQzYWFkY2ZjMWQ0NmMyNg==', // 经过 base64 加密后的 GitHub Token
   blogName: 'ISSUE BLOG', // 给你的博客取个名字
+  /**
+   * 定制左侧菜单链接部分
+   * 格式：
+   * {
+   *   title: '',   // 名称
+   *   subTile: '', // 描述
+   *   icon: '',    // 图标名称，上这里查找你需要的图标名称 https://fontawesome.com ，如果需要自定义图标的参考示例的最后一个配置，并将图标文件放到 /src/statics 目录中
+   *   url: '',     // 链接
+   * }
+   * 示例如下：
+   */
+  links: [
+    {
+      title: 'RSS',
+      subTile: 'rsshub.app/github/issue/ttop5/blog',
+      icon: 'fas fa-rss-square',
+      url: 'https://rsshub.app/github/issue/ttop5/blog',
+    },
+    {
+      title: 'Email',
+      subTile: '[email protected]',
+      icon: 'fas fa-envelope',
+      url: 'mailto:[email protected]',
+    },
+    {
+      title: 'Home',
+      subTile: 'ttop5.net',
+      icon: 'fas fa-home',
+      url: 'https://ttop5.net',
+    },
+    {
+      title: 'GitHub',
+      subTile: 'github.com/ttop5',
+      icon: 'fab fa-github',
+      url: 'https://github.com/ttop5',
+    },
+    {
+      title: 'Steam',
+      subTile: 'steamcommunity.com/id/ttop5',
+      icon: 'fab fa-steam',
+      url: 'https://steamcommunity.com/id/ttop5',
+    },
+    {
+      title: 'DouBan',
+      subTile: 'douban.com/people/ttop5',
+      icon: 'img:statics/douban.svg',
+      url: 'https://www.douban.com/people/ttop5',
+    },
+  ],
 };

src/layouts/MyLayout.vue

@@ -96,44 +96,7 @@ export default {
     return {
       leftDrawerOpen: this.$q.platform.is.desktop,
       user: {},
-      links: [
-        {
-          title: 'RSS',
-          subTile: 'rsshub.app/github/issue/ttop5/blog',
-          icon: 'fas fa-rss-square',
-          url: 'https://rsshub.app/github/issue/ttop5/blog',
-        },
-        {
-          title: 'Email',
-          subTile: '[email protected]',
-          icon: 'fas fa-envelope',
-          url: 'mailto:[email protected]',
-        },
-        {
-          title: 'Home',
-          subTile: 'ttop5.net',
-          icon: 'fas fa-home',
-          url: 'https://ttop5.net',
-        },
-        {
-          title: 'GitHub',
-          subTile: 'github.com/ttop5',
-          icon: 'fab fa-github',
-          url: 'https://github.com/ttop5',
-        },
-        {
-          title: 'Steam',
-          subTile: 'steamcommunity.com/id/ttop5',
-          icon: 'fab fa-steam',
-          url: 'https://steamcommunity.com/id/ttop5',
-        },
-        {
-          title: 'DouBan',
-          subTile: 'douban.com/people/ttop5',
-          icon: 'img:statics/douban.svg',
-          url: 'https://www.douban.com/people/ttop5',
-        },
-      ],
+      links: this.$store.getters.links,
       year: date.formatDate(new Date(), 'YYYY'),
     };
   },

src/store/account.js

@@ -15,6 +15,9 @@ const getters = {
   blogName(s) {
     return s.blogName;
   },
+  links(s) {
+    return s.links;
+  },
 };
 
 const mutations = {};