修改标题样式

.eleventy.js

@@ -54,6 +54,7 @@ const api = new ghostContentAPI({ ...ghost });
 
 // const axios = require("axios");
 
+const buildMode = mode[process.env.NODE_ENV.trim()];
 const loadData = mode[process.env.NODE_ENV.trim()].limit;
 const fluxToken = process.env.FLUX_TOKEN;
 
@@ -372,7 +373,7 @@ module.exports = function (config) {
     config.addCollection("douban", async function (collection) {
         if (fluxToken) {
             try {
-                const response = await fetch("https://neodb.190102.xyz");
+                const response = await fetch(buildMode.neodb);
                 let data = await response.json();
                 return data;
             } catch (error) {

config.js

@@ -3,10 +3,12 @@ module.exports = {
         dev: {
             url: "http://localhost:8080",
             limit: "20",
+            neodb: "https://neodb.190102.xyz?cg=book",
         },
         pro: {
             url: "https://1900.live",
             limit: "all",
+            neodb: "https://neodb.190102.xyz",
         },
         cdnUrl: "https://cdn.1900.live",
     },

src/assets/sass/_custom.scss

@@ -1160,6 +1160,8 @@ pre:hover >.copy-button {
         [data-theme=dark] .ch-subdomain-bg {
             fill: var(--gray-200);
         }
+
+
     }
 
     .relitu-count{

src/assets/sass/_main.scss

@@ -100,6 +100,15 @@ ul.pagination {
         width: 1.5em;
         margin-inline-end: $padding-8;
     }
+    .site-description{
+        width: 180px;
+        font-size: 12px;
+        color: var(--gray-700);
+    }
+    .site-title {
+        font-style: italic;
+        font-weight: bolder;
+    }
 }
 
 .book-menu {

src/assets/sass/_utils.scss

@@ -1,110 +1,114 @@
-.flex {
-  display: flex;
-}
-
-.flex-auto {
-  flex: 1 1 auto;
-}
-
-.flex-even {
-  flex: 1 1;
-}
-
-.flex-wrap {
-  flex-wrap: wrap;
-}
-
-.justify-start {
-  justify-content: flex-start;
-}
-
-.justify-end {
-  justify-content: flex-end;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.align-center {
-  align-items: center;
-}
-
-.mx-auto {
-  margin: 0 auto;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.float-right{
-  float: right;
-  margin-left: auto;
-}
-
-.float-left{
-  float: left;
-  margin-right: auto;
-}
-
-
-.hidden {
-  display: none;
-}
-
-.ellipsis{    
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-
-input.toggle {
-  height: 0;
-  width: 0;
-  overflow: hidden;
-  opacity: 0;
-  position: absolute;
-}
-
-.clearfix::after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-@mixin spin($duration) {
-  animation: spin $duration ease infinite;
-  @keyframes spin {
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-}
-
-@mixin fixed {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-@mixin outline {
-  outline-style: auto;
-  outline-color: currentColor;
-  outline-color: -webkit-focus-ring-color;
-}
+.flex {
+  display: flex;
+}
+
+.flex-auto {
+  flex: 1 1 auto;
+}
+
+.flex-even {
+  flex: 1 1;
+}
+
+.flex-wrap {
+  flex-wrap: wrap;
+}
+
+.justify-start {
+  justify-content: flex-start;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.justify-center {
+  justify-content: center;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.flex-direction{
+  flex-direction: column;
+}
+
+.align-center {
+  align-items: center;
+}
+
+.mx-auto {
+  margin: 0 auto;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.float-right{
+  float: right;
+  margin-left: auto;
+}
+
+.float-left{
+  float: left;
+  margin-right: auto;
+}
+
+
+.hidden {
+  display: none;
+}
+
+.ellipsis{    
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+
+input.toggle {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  opacity: 0;
+  position: absolute;
+}
+
+.clearfix::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+@mixin spin($duration) {
+  animation: spin $duration ease infinite;
+  @keyframes spin {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+}
+
+@mixin fixed {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+@mixin outline {
+  outline-style: auto;
+  outline-color: currentColor;
+  outline-color: -webkit-focus-ring-color;
+}

src/site/_includes/partials/brand.liquid

@@ -1,8 +1,11 @@
-<h2 class="book-brand">
-  <a class="flex align-center" href="{{ '' | absoluteUrl }}">
-    {% if site.icon %}  
-    <img src="{{ site.icon }}" alt="Logo" />
-  {% endif %}
-    <span>{{ site.title }}</span>
-  </a>
-</h2>
+<h2 class="book-brand" aria-label="{{ site.title }} | {{ site.description }}" >
+  <a class="flex align-center" href="{{ '' | absoluteUrl }}" title="{{ site.title }} | {{ site.description }}">
+    {% if site.icon %}  
+    <img src="{{ site.icon }}" alt="Logo" />
+    {% endif %}
+    <div class="flex flex-direction">
+      <span class="site-title">{{ site.title }}</span>
+      <span class="site-description ellipsis">{{ site.description }}</span>
+    </div>
+  </a>
+</h2>

src/site/_includes/partials/relitu.liquid

@@ -99,7 +99,7 @@
                 var list = ``;
 
                 currentPost.forEach(function(item){
-                  list += '<br /><a href="'+item.url+'">'+ item.title+'</a>'
+                  list += '<br />'+ item.title+''
                 })
 
                 return (