feat: 博客更新

Vivomo · Mar 29, 2023 · a241d6d · a241d6d
1 parent 4d331d7
commit a241d6d
Show file tree

Hide file tree

Showing 13 changed files with 94 additions and 76 deletions.
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -13,21 +13,14 @@
             }
         }
     </script>
-    <link href="/static/css/main.css?r=123" rel="stylesheet">
+    <link href="/static/blog-index/css/main.6157513c.css" rel="stylesheet">
 </head>
 <body>
 <ol class="post-list" style="display: none;">
     {% for post in site.posts %}
     <li><a href="{{ post.url }}" target="_blank">{{ post.title }}</a></li>
     {% endfor %}
 </ol>
-<textarea style="display: none" id="postTitleUrlMap">
-    {
-    {% for post in site.posts %}
-    "{{ post.title }}": "{{ post.url }}",
-    {% endfor %}
-    }
-</textarea>
 
 {{content}}
 </body>

diff --git a/app/blog-index/src/Blog.js b/app/blog-index/src/Blog.js
@@ -26,14 +26,16 @@ const Blog = () => {
     const tag = e.target.tagName.toLowerCase();
     let li;
     switch (tag) {
+      case 'ul':
+        return;
       case 'li':
         li = e.target;
         break;
       default:
         li = e.target.parentNode;
     }
     const category = li.className.split('-')[1];
-    const titles = window.BlogTags[category];
+    const titles = window.BlogTags[category].reverse();
     setFilteredPosts(titles.map((title) => ({
       title: title,
       url: blogUrlMapRef.current[title]
@@ -50,6 +52,12 @@ const Blog = () => {
     <div className="blog-wrap">
       <h1 className="blog-title">帷幕的博客</h1>
       <ul className="blog-category-list" onClick={handleClick}>
+        <li className="category-game">
+          <i className="blog-icon">
+            <GameIcon/>
+          </i>
+          <p>小游戏</p>
+        </li>
         <li className="category-algorithm">
           <i className="blog-icon">
             <AlgorithmIcon/>
@@ -92,12 +100,7 @@ const Blog = () => {
           </i>
           <p>Javascript</p>
         </li>
-        <li className="category-game">
-          <i className="blog-icon">
-            <GameIcon/>
-          </i>
-          <p>小游戏</p>
-        </li>
+
         <li className="category-math">
           <i className="blog-icon">
             <MathIcon/>

diff --git a/app/blog-index/src/Blog.scss b/app/blog-index/src/Blog.scss
@@ -2,6 +2,8 @@ $theme1 : #1EEDFF;
 
 .blog-wrap {
     position: absolute;
+    display: flex;
+    flex-direction: column;
     top: 60px;
     bottom: 60px;
     left: 60px;
@@ -105,4 +107,32 @@ $theme1 : #1EEDFF;
 
 .category-util {
     color: #0be879;
+}
+
+.blog-list {
+    flex: 1;
+    margin: 60px;
+    padding: 2em;
+    border: 1px solid $theme1;
+    border-radius: 8px;
+    overflow: auto;
+
+    &::-webkit-scrollbar {
+        width: 4px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        border-radius: 4px;
+        background: $theme1;
+    }
+
+    li {
+        padding: 0.5em 0;
+    }
+
+    a {
+        font-size: 18px;
+        color: #dddddd;
+        text-decoration: none;
+    }
 }
diff --git a/index.html b/index.html
@@ -2,64 +2,5 @@
 layout: index
 ---
 <div id="root"></div>
-<script crossOrigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
-<script crossOrigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
-<script>!function (e) {
-    function r(r) {
-        for (var n, i, l = r[0], f = r[1], a = r[2], c = 0, s = []; c < l.length; c++) i = l[c], Object.prototype.hasOwnProperty.call(o, i) && o[i] && s.push(o[i][0]), o[i] = 0;
-        for (n in f) Object.prototype.hasOwnProperty.call(f, n) && (e[n] = f[n]);
-        for (p && p(r); s.length;) s.shift()();
-        return u.push.apply(u, a || []), t()
-    }
-
-    function t() {
-        for (var e, r = 0; r < u.length; r++) {
-            for (var t = u[r], n = !0, l = 1; l < t.length; l++) {
-                var f = t[l];
-                0 !== o[f] && (n = !1)
-            }
-            n && (u.splice(r--, 1), e = i(i.s = t[0]))
-        }
-        return e
-    }
-
-    var n = {}, o = {1: 0}, u = [];
-
-    function i(r) {
-        if (n[r]) return n[r].exports;
-        var t = n[r] = {i: r, l: !1, exports: {}};
-        return e[r].call(t.exports, t, t.exports, i), t.l = !0, t.exports
-    }
-
-    i.m = e, i.c = n, i.d = function (e, r, t) {
-        i.o(e, r) || Object.defineProperty(e, r, {enumerable: !0, get: t})
-    }, i.r = function (e) {
-        "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {value: "Module"}), Object.defineProperty(e, "__esModule", {value: !0})
-    }, i.t = function (e, r) {
-        if (1 & r && (e = i(e)), 8 & r) return e;
-        if (4 & r && "object" == typeof e && e && e.__esModule) return e;
-        var t = Object.create(null);
-        if (i.r(t), Object.defineProperty(t, "default", {
-            enumerable: !0,
-            value: e
-        }), 2 & r && "string" != typeof e) for (var n in e) i.d(t, n, function (r) {
-            return e[r]
-        }.bind(null, n));
-        return t
-    }, i.n = function (e) {
-        var r = e && e.__esModule ? function () {
-            return e.default
-        } : function () {
-            return e
-        };
-        return i.d(r, "a", r), r
-    }, i.o = function (e, r) {
-        return Object.prototype.hasOwnProperty.call(e, r)
-    }, i.p = "/";
-    var l = this["webpackJsonpmy-kingdom"] = this["webpackJsonpmy-kingdom"] || [], f = l.push.bind(l);
-    l.push = r, l = l.slice();
-    for (var a = 0; a < l.length; a++) r(l[a]);
-    var p = f;
-    t()
-}([])</script>
-<script src="/static/js/main.js"></script>
+<script src="/static/js/tags.js"></script>
+<script src="/static/blog-index/js/main.6de6f6dc.js"></script>
diff --git a/static/blog-index/css/main.6157513c.css b/static/blog-index/css/main.6157513c.css
diff --git a/static/blog-index/css/main.6157513c.css.map b/static/blog-index/css/main.6157513c.css.map
diff --git a/static/blog-index/css/main.ee625ed4.css.map b/static/blog-index/css/main.ee625ed4.css.map
diff --git a/static/blog-index/js/787.b2920fc2.chunk.js b/static/blog-index/js/787.b2920fc2.chunk.js