增加友情链接优化

CHANGELOG.md

@@ -3,3 +3,15 @@
 1. 修改`share`组件样式。
 2. 优化`sharejs` 样式，去掉`google+ `等分享。
 3. 增加阅读量显示。
+
+## v1.3.0
+> 1、全部日期样式改为：yyyy-MM-dd EE <br>
+> 2、首页和文章详情页增加了评论量、浏览量、标签，页脚显示靠左 <br>
+> 3、主题设置增加 关注我和文章代码主题 <br>
+> 4、友链按排序显示 <br>
+> 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;<br>
+> 6、页面优化更加细致，新增CDN优选功能，可自行配置CDN网址<br>
+> 7、增加是否显示评论和是否显示文章封面图<br>
+> 8、增加友情链接优化，使用参考 [Halo自定义页面的使用方法](https://blog.xinac.cn/archives/halo-usage-200409)
+
+<br>

README.md

@@ -10,8 +10,9 @@
 > 3、主题设置增加 关注我和文章代码主题 <br>
 > 4、友链按排序显示 <br>
 > 5、摘要如果有代码时，样式会有问题，增加 word-break: break-word;<br>
-> 6、页面优化更加细致，新增CDN优选功能，可自行配置CDN网址
+> 6、页面优化更加细致，新增CDN优选功能，可自行配置CDN网址<br>
-> 7、增加是否显示评论和是否显示文章封面图
+> 7、增加是否显示评论和是否显示文章封面图<br>
+> 8、增加友情链接优化，使用参考 [Halo自定义页面的使用方法](https://blog.xinac.cn/archives/halo-usage-200409)
 
 <br>
 <br>

layout/common/widget.ftl

@@ -39,9 +39,9 @@
             <#if settings.sidebar_recentpost!true>
                 <#include "../widget/recent_posts.ftl">
             </#if>
-            <#--<#if settings.sidebar_recentcomment!true>
+            <#if settings.sidebar_recentcomment!true>
                 <#include "../widget/recent_comments.ftl">
-            </#if>-->
+            </#if>
         <#else>
             <#if post??>
                 <#include "../widget/cate_posts.ftl">

settings.yaml

@@ -55,7 +55,7 @@ sidebar:
       label: 侧边栏链接
       type: radio
       data-type: bool
-      default: true
+      default: false
       options:
         - value: true
           label: 开启
@@ -99,7 +99,7 @@ sidebar:
       label: 菜单样式
       type: radio
       data-type: bool
-      default: false
+      default: true
       options:
         - value: true
           label: 级联菜单
@@ -111,7 +111,7 @@ sidebar:
       label: 侧边栏最近评论
       type: radio
       data-type: bool
-      default: false
+      default: true
       options:
         - value: true
           label: 开启

sheet_links.ftl

@@ -0,0 +1,113 @@
+<#include "layout/layout.ftl">
+<#include "layout/comment/comment.ftl">
+<@layout title="${sheet.title!} | ${blog_title!} " canonical="${links_url!}">
+
+  <style>
+    .clearfix:after {
+      visibility: hidden;
+      display: block;
+      font-size: 0;
+      content: " ";
+      clear: both;
+      height: 0;
+    }
+
+    .clearfix {
+      *zoom: 1;
+    }
+
+    .menu-list li {
+      width: 270px;
+      max-width: 300px;
+      margin: 15px 20px;
+      background-color: #fff;
+      border-radius: 6px;
+      box-shadow: 0 0.25rem 1rem rgba(48, 55, 66, .15);
+      color: #4a4a4a;
+      display: block;
+      float: left;
+      /* transition: all .3s; */
+    }
+
+    .media-content p {
+      /*line-height: 30px;*/
+      margin: 0;
+      padding-top: 10px;
+    }
+    .menu-list a {
+      padding: 0;
+      cursor: pointer;
+      color: #3273dc;
+    }
+    .menu-list a:hover {
+      text-decoration: underline;
+    }
+  </style>
+  <div class="card widget">
+    <div class="card-content">
+      <div class="menu">
+        <h1 class="menu-label">${sheet.title!}</h1>
+      <@linkTag method="listTeams">
+        <#list teams as item>
+          <#if item.team?? && item.team != ''>
+            <h3 style="width: 100%; margin: 10px;">${item.team!}</h3>
+          </#if>
+          <ul class="menu-list clearfix">
+            <#list item.links?sort_by('priority')?reverse as link>
+            <li>
+                <div class="media">
+                  <div class="media-left">
+                    <figure class="image is-64x64">
+                      <#if link.logo?? && link.logo != ''>
+                        <img src="${link.logo}" alt="${link.name}">
+                      <#else>
+                        <img src="${theme_base!}/source/images/gg.jpg" alt="${link.name!}">
+                      </#if>
+                    </figure>
+                  </div>
+                  <div class="media-content">
+                    <p class="link-title">${link.name!}</p>
+                    <p class="link-desc"><a href="${link.url!}" target="_blank"> ${link.url!}</a></p>
+                  </div>
+                </div>
+            </li>
+            </#list>
+          </ul>
+        </#list>
+      </@linkTag>
+    </div>
+    </div>
+  </div>
+
+  <div class="card widget">
+    <div class="card-content">
+      <h1 class="menu-label" style="font-size: 20px; text-align:center;">友链申请</h1>
+      <div style="margin-left: 10px">
+        <h2 style="font-size: 15px; font-weight: bold"># 友链须知</h2>
+        <div style="border-left: 3px solid skyblue; margin-left: 20px">
+          <p style="margin-left: 20px; font-weight: bold">1. 请确认您的网站可正常访问</p>
+          <p style="margin-left: 20px; font-weight: bold">2. 不接受含有黄赌毒、政治敏感、暴力的网站</p>
+          <p style="margin-left: 20px; font-weight: bold">3. 添加本站链接</p>
+        </div>
+        <h2 style="font-size: 15px; font-weight: bold"># 本站信息</h2>
+        <div style="border-left: 3px solid skyblue; margin-left: 20px">
+          <p style="margin-left: 20px; font-weight: bold">名称：${user.nickname!}</p>
+          <p style="margin-left: 20px; font-weight: bold">链接：<a target="_blank" href="${context!}">${context!}</a></p>
+          <p style="margin-left: 20px; font-weight: bold">头像：<a target="_blank" href="${context!}avatar">${context!}avatar</a></p>
+          <p style="margin-left: 20px; font-weight: bold">描述：${user.description!}</p>
+        </div>
+        <p style="margin-left: 10px; font-weight: bold">本人会不定期清理无法访问的链接，请确保自己的链接长期有效
+        </p>
+        <p style="margin-left: 10px; font-weight: bold">有需要互换友链的童鞋可在下方评论区留言。</p>
+      </div>
+    </div>
+  </div>
+
+  <div class="card" style="margin-top: 2rem">
+    <div class="card-content">
+      <p class="title is-5">评论</p>
+      <@comment post=sheet type="sheet" />
+    </div>
+  </div>
+
+</@layout>