优化友链网址过长的显示问题

CHANGELOG.md

@@ -37,4 +37,7 @@
 ## v1.4.0--20.11.24
 > 1. 添加友链时，如logo不填写，自动获取favicon图标
 > 2. 友链网站名称以 -1 结头或结尾时，链接不显示
-> 3. 修改默认友链页面的风格，采用WebStack风格
+> 3. 修改默认友链页面的风格，采用WebStack风格
+
+## v1.4.1--20.12.09
+> 1. 优化友链网址过长的显示问题

README.md

@@ -61,4 +61,4 @@ Fantastic主题修改版，为方便维护，重新发布此版本。<br>
 1. 克隆或者下载
 2. 压缩为 zip 压缩包之后在后台的主题设置直接上传即可使用
 3. 用Halo自还的程序拉取 `https://github.com/jinqilin721/halo-theme-xinac-fantastic.git`
-4. 当前版本`1.4.0`，修改日志详见 `CHANGELOG.md`
+4. 当前版本`1.4.1`，修改日志详见 `CHANGELOG.md`

layout/common/head.ftl

@@ -27,4 +27,14 @@
             <#return theme_base + "/source/images/cover/" + random_pic>
         </#if>
     </#if>
+</#function>
+
+<#-- 截取指定个数的字符 -->
+<#function get_title_head title number>
+    <#if title?? && number?number gt 0>
+        <#if title?length gte number>
+            <#return title?substring(0, number)>
+        </#if>
+    </#if>
+    <#return title>
 </#function>

links.ftl

@@ -112,7 +112,7 @@
                                         <#--
                                         <img data-src="${theme_base!}/source/images/gg.jpg" class="lozad img-circle" width="40">
                                         -->
-                                        <img data-src="https://api.xinac.net/icon?url=${link.url!}" class="lozad img-circle" width="40">
+                                        <img data-src="https://api.xinac.net/icon/?url=${link.url!}" class="lozad img-circle" width="40">
                                     </#if>
                                 </a>
                                 <div class="xe-comment">

sheet_links.ftl

@@ -62,13 +62,13 @@
                       <#--
                         <img src="${theme_base!}/source/images/gg.jpg" alt="${link.name!}">
                       -->
-                        <img src="https://api.xinac.net/icon?url=${link.url!}" alt="${link.name!}">
+                        <img src="https://api.xinac.net/icon/?url=${link.url!}" 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" title="${link.description!}"> ${link.url!}</a></p>
+                    <p class="link-desc"><a href="${link.url!}" target="_blank" title="<#if link.description?? && link.description != ''>${link.description!}<#else>${link.url!}</#if>"> ${get_title_head(link.url!, 28)}</a></p>
                   </div>
                 </div>
             </li>