Merge branch 'develop'

README.md

@@ -8,7 +8,7 @@
 
 It is based on the original [LoveIt Theme](https://github.com/dillonzq/LoveIt), [LeaveIt Theme](https://github.com/liuzc/LeaveIt) and [KeepIt Theme](https://github.com/Fastbyte01/KeepIt).
 
-It is mainly based on [LoveIt Theme](https://github.com/dillonzq/LoveIt) that's repository has stopped maintenance, so i just wanna fix it.
+**It is mainly based on [LoveIt Theme](https://github.com/dillonzq/LoveIt) that's repository has stopped maintenance, so i just wanna fix it.**
 
 ![Hugo Theme FixIt](https://github.com/Lruihao/FixIt/raw/master/images/Apple-Devices-Preview.png)
 

assets/css/_page/_friends.scss

@@ -0,0 +1,63 @@
+/**
+ * @Description: Style of layout named 'Friend links'.
+ * @Author: lruihao.cn
+ * @Updated:  2021/9/20 19:26
+ */
+
+.friend-links {
+  margin-top: 1rem;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+@media (max-width: 576px) {
+  .friend-links {
+    justify-content: space-around;
+  }
+}
+.friend-link {
+  width: 150px;
+  height: 200px;
+  font-size: 1rem;
+  text-align: center;
+  background: rgba(255,255,255,0.3);
+  box-sizing: border-box; 
+  box-shadow: 3px 3px 5px #aaa;
+  border-radius: 5px;
+  border:none;
+  transition-duration: 0.3s;
+  margin-bottom: 1rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.friend-link:hover {
+  background: #fff;
+  transform: scale(1.03);
+  box-shadow: 0 0 3px #aaa;
+}
+.friend-avatar {
+  object-fit: cover;
+  object-position: center;
+  width: 100%!important;
+  height: 150px!important;
+  border-radius: 5px;
+  margin: 0;
+  padding: 0;
+}
+.friend-nickname{
+  display: block;
+  position: relative;
+  color: #2bbc8a;
+  font-weight: bold;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  line-height: 18px;
+  margin-bottom: 1rem;
+}
+.friend-nickname:hover {
+  color: #d480aa;
+}

assets/css/_page/_index.scss

@@ -20,3 +20,4 @@
 @import "_archive";
 @import "_home";
 @import "_404";
+@import "_friends";

assets/css/_page/_single.scss

@@ -52,7 +52,7 @@
   }
 
   .content {
-    > h2 {
+    > h1, > h2 {
       font-size: 1.5rem;
 
       & code {
@@ -273,6 +273,7 @@
     @import "../_partial/_single/mapbox";
     @import "../_partial/_single/music";
     @import "../_partial/_single/bilibili";
+    @import "../_partial/_single/cardlink";
 
     hr {
       margin: 1rem 0;

assets/css/_partial/_archive/_terms.scss

@@ -71,6 +71,7 @@
   width: 4em;
   text-align: right;
   color: $global-font-secondary-color;
+  white-space: nowrap;
 
   [theme=dark] & {
     color: $global-font-secondary-color-dark;

assets/css/_partial/_footer.scss

@@ -14,6 +14,10 @@ footer {
       .icp-br {
         display: none;
       }
+
+      .fa-ban {
+        color: Tomato;
+      }
     }
   }
 

assets/css/_partial/_single/_cardlink.scss

@@ -0,0 +1,97 @@
+//卡片式链接样式 cardlink
+
+.card-link,.card-link:hover {
+  text-decoration: none;
+  border: none!important;
+  color: inherit!important
+}
+
+.card-link {
+  position: relative;
+  display: block;
+  margin: 1em auto;
+  width: 390px;
+  box-sizing: border-box;
+  border-radius: 12px;
+  max-width: 100%;
+  overflow: hidden;
+  color: inherit;
+  text-decoration: none
+}
+
+.ztext {
+  word-break: break-word;
+  line-height: 1.6
+}
+
+.card-link-backdrop {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-image: url(/lib/img/card-link-bg.jpg);
+  background-repeat: no-repeat;
+  -webkit-filter: blur(20px);
+  filter: blur(20px);
+  background-size: cover;
+  background-position: center
+}
+
+.card-link,.card-link:hover {
+  text-decoration: none;
+  border: none!important;
+  color: inherit!important
+}
+
+.card-link-content {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  border-radius: inherit;
+  background-color: rgba(246,246,246,0.88)
+}
+
+.card-link-text {
+  overflow: hidden
+}
+
+.card-link-title {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-height: calc(16px * 1.25 * 2);
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 1.25;
+  color: #1a1a1a
+}
+
+.card-link-meta {
+  display: flex;
+  margin-top: 4px;
+  font-size: 14px;
+  line-height: 20px;
+  color: #999;
+  white-space: nowrap
+}
+
+.card-link-url {
+  display: inline-flex;
+  align-items: center;
+}
+
+.card-link-imageCell {
+  margin-left: 8px;
+  border-radius: 6px
+}
+
+.card-link-image {
+  display: block;
+  width: 60px;
+  height: 60px;
+  border-radius: inherit
+}