修改样式与添加svg

blog/src/assets/scss/index.scss

@@ -14,7 +14,6 @@
 * {
   margin: 0;
   padding: 0;
-  list-style: none;
   text-decoration: none;
   letter-spacing: 1px;
 }

blog/src/assets/scss/mine.scss

@@ -7,7 +7,7 @@
 
 @media screen and (min-width:960px) {
   .m-content {
-    margin: 30px auto;
+    margin: 50px auto;
     width: 80%;
   }
 }
@@ -19,4 +19,25 @@
 .m-icon {
   margin-right: 0.3em;
   vertical-align: -0.13em;
+}
+
+.m-tc-container {
+  text-align: center;
+}
+.m-tc-title {
+  margin-bottom: 15px;
+  color: #616161;
+}
+.m-tc-content {
+  & a {
+    transition: all 0.5s;
+    padding: 5px 12px;
+    cursor: pointer;
+    color: #616161;
+    display: inline-block;
+  }
+  & a:hover {
+    color: #03a9f4 !important;
+    transform: scale(1.1) !important;
+  }
 }

blog/src/assets/svg/icons/calendar.svg

@@ -0,0 +1,9 @@
+<svg t="1671406421529" class="icon" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg" p-id="35852" width="32" height="32">
+  <path
+    d="M974.95552 240.42496a92.09344 92.09344 0 0 0-69.24288-94.86336c-27.10528-3.22048-54.40512-4.608-81.69984-4.15744v58.1632a78.24384 78.24384 0 0 1-106.63424 69.23776 80.34304 80.34304 0 0 1-49.16224-75.47904V140.71296H355.24096v38.08256c0.70144 9.216 0.70144 18.4832 0 27.70432-4.71552 42.75712-43.06944 73.68704-85.85728 69.23264-40.68352-5.3248-70.656-40.69888-69.24288-81.70496V142.10048H130.90816a47.0528 47.0528 0 0 0-12.4672 0A94.85312 94.85312 0 0 0 49.19808 235.57632v637.71136a94.18752 94.18752 0 0 0 23.552 70.31808 94.18752 94.18752 0 0 0 67.15392 31.4624h737.41824a94.8736 94.8736 0 0 0 97.62816-101.0944V240.42496z m-60.928 216.02816v383.5904a59.57632 59.57632 0 0 1-6.23616 26.3168 28.3904 28.3904 0 0 1-27.00288 13.8496H142.67392a32.55296 32.55296 0 0 1-36.00384-37.38624V398.98624h806.656l0.70144 57.46688z m0 0"
+    fill="#707070" p-id="35853"></path>
+  <path
+    d="M277.69344 238.34624a47.04256 47.04256 0 0 0 33.14688-15.01184 47.04768 47.04768 0 0 0 12.55424-34.1504V96.39936a49.19296 49.19296 0 0 0-9.00096-33.93024 44.31872 44.31872 0 0 0-50.54976-11.76576 46.3872 46.3872 0 0 0-32.54272 45.0048v94.17216a47.77984 47.77984 0 0 0 46.39232 48.46592z m465.3056 0a47.06304 47.06304 0 0 0 33.14688-15.01184 47.04256 47.04256 0 0 0 12.54912-34.1504V96.39936a49.18784 49.18784 0 0 0-12.46208-33.93024 44.31872 44.31872 0 0 0-50.54976-11.76576 46.3872 46.3872 0 0 0-29.0816 44.3136V189.184a47.82592 47.82592 0 0 0 13.0048 34.2016 47.83104 47.83104 0 0 0 33.39264 14.96064z m-14.5408 481.92h121.86112v94.17216h-121.86112v-94.17216z m-186.2656 0h121.86624v94.17216h-121.86624v-94.17216z m-186.25536 94.16704h122.55744v-95.55968H355.93728v95.55968z m-186.25536-94.16704h121.86624v94.17216H169.68192v-94.17216z m558.77632-128.79872h121.86112v94.17216h-121.86112v-94.17216z m-186.2656 0.69632h121.86624v94.17216h-121.86624v-94.17216z m-186.25536 0H477.7984v94.17216H355.93728v-94.17216z m-63.70304 0H170.368v94.17216h121.86624v-94.17216z m435.5328-128.08704h121.86624v94.16192h-121.86624V464.0768z m-185.5744 0h121.86624v94.16192h-121.86624V464.0768z m-63.69792 0H355.93728v94.16192h122.55744V464.0768z m0 0"
+    fill="#707070" p-id="35854"></path>
+</svg>

blog/src/assets/svg/icons/category.svg

@@ -0,0 +1,6 @@
+<svg t="1671406232148" class="icon" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg" p-id="20192" width="200" height="200">
+  <path
+    d="M320 64 192 64C121.6 64 64 121.6 64 192l0 128c0 70.4 57.6 128 128 128l128 0c70.4 0 128-57.6 128-128L448 192C448 121.6 390.4 64 320 64zM768 64l-128 0C569.6 64 512 121.6 512 192l0 128c0 70.4 57.6 128 128 128l128 0c70.4 0 128-57.6 128-128L896 192C896 121.6 838.4 64 768 64zM320 512 192 512c-70.4 0-128 57.6-128 128l0 128c0 70.4 57.6 128 128 128l128 0c70.4 0 128-57.6 128-128l0-128C448 569.6 390.4 512 320 512zM768 512l-128 0c-70.4 0-128 57.6-128 128l0 128c0 70.4 57.6 128 128 128l128 0c70.4 0 128-57.6 128-128l0-128C896 569.6 838.4 512 768 512z"
+    p-id="20193" fill="#707070"></path>
+</svg>

blog/src/assets/svg/icons/tag.svg

@@ -0,0 +1,6 @@
+<svg t="1671405471130" class="icon" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg" p-id="2214" width="32" height="32">
+  <path
+    d="M788.48 629.418667c0-17.066667-5.802667-31.744-17.749333-44.714667L421.205333 235.861333c-12.288-12.288-29.354667-22.869333-49.834667-31.744-21.162667-8.874667-39.936-12.970667-57.002667-12.970667L110.933333 191.146667c-17.066667 0-31.744 6.485333-44.032 18.773333-12.288 12.288-18.773333 26.965333-18.773333 44.032l0 202.752c0 17.066667 4.096 36.522667 12.970667 57.002667 8.874667 21.162667 18.773333 37.546667 31.744 49.834667l349.525333 349.525333c12.288 12.288 26.965333 17.749333 44.032 17.749333 17.066667 0 31.744-5.802667 44.714667-17.749333l239.616-239.616C781.994667 661.162667 788.48 646.485333 788.48 629.418667L788.48 629.418667 788.48 629.418667zM248.490667 392.192c-12.288 12.288-26.965333 18.090667-44.032 18.090667-17.066667 0-31.744-5.802667-44.032-18.090667-12.288-12.288-18.090667-26.965333-18.090667-44.032 0-17.066667 5.802667-31.744 18.090667-44.032 12.288-12.288 26.965333-18.090667 44.032-18.090667 17.066667 0 31.744 5.802667 44.032 18.090667C260.778667 316.416 266.24 331.093333 266.24 348.16 267.264 365.568 260.778667 379.904 248.490667 392.192L248.490667 392.192 248.490667 392.192zM958.122667 584.362667 608.597333 235.861333c-12.288-12.288-29.354667-22.869333-49.834667-31.744C537.6 195.242667 518.826667 191.146667 501.76 191.146667l-109.909333 0c17.066667 0 36.522667 4.096 57.002667 12.970667 21.162667 8.874667 37.546667 18.773333 49.834667 31.744l349.525333 348.501333c12.288 12.970667 18.090667 27.648 18.090667 44.714667s-5.802667 31.744-18.090667 44.032l-229.034667 229.717333c9.898667 9.898667 18.773333 17.066667 25.941333 21.845333 7.168 4.778667 17.066667 6.485333 28.672 6.485333 17.066667 0 31.744-5.802667 44.714667-18.090667l239.616-240.298667c12.288-12.288 17.749333-26.965333 17.749333-44.032S970.069333 597.674667 958.122667 584.362667L958.122667 584.362667 958.122667 584.362667zM958.122667 584.362667"
+    fill="#707070" p-id="2215"></path>
+</svg>