From 5dd8f434a13d1b3e67d38cd4eb17cbe975c1ec11 Mon Sep 17 00:00:00 2001
From: zeekling <lingzhaohui@zeekling.cn>
Date: Sun, 6 Feb 2022 00:17:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=A4=AE=E8=A7=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 article-list.ftl | 26 +++++++++++++++++---------
 article.ftl      |  9 ++++++---
 footer.ftl       |  7 +++++++
 3 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/article-list.ftl b/article-list.ftl
index 8cef313..aa731cf 100644
--- a/article-list.ftl
+++ b/article-list.ftl
@@ -56,16 +56,16 @@
                                                     href="/category/${article.categoryURI}">${article.articleCategory}</a></h1>
                                         </#if>
                                     </div>
-                                    <h2 class="blog-slider__title "><a class="title is-5"
+                                    <h2 class="blog-slider__title "><a class="title is-6"
                                             href="${article.articlePermalink}">${article.articleTitle!}</a>
                                     </h2>
-                                    <div class="blog-slider__text" content="">
-                                        <#if article.articleAbstractText!?length gt 40>
-                                            ${article.articleAbstractText!?substring(0, 40)} ......<#else>
+                                    <div class="blog-slider__text is-size-6" content="" >
+                                        <#if article.articleAbstractText!?length gt 48>
+                                            ${article.articleAbstractText!?substring(0, 48)} <#else>
                                                 ${article.articleAbstractText!}</#if>
                                     </div>
                                     <a href="${article.articlePermalink}"
-                                        class="blog-slider__button">阅读更多</a>
+                                        class="button is-size-7 is-light">阅读更多</a>
                                 </div>
                             </div>
                         </div>
@@ -76,7 +76,7 @@
                     <div class="card">
 						 <div class="card-image">
 						   <a href="${article.articlePermalink}">
-						     <img class="thumbnail" src="${adminUser.userAvatar!}" height="250" width="150"
+						     <img class="thumbnail" src="${adminUser.userAvatar!}" height="200" width="100"
 							 data-src="${article.articleImg1URL}" alt="${article.articleTitle!}"
 							 referrerpolicy="origin">
 						   </a>
@@ -107,11 +107,11 @@
                                     href="${article.articlePermalink}">${article.articleTitle!}</a>
 
                             </h2>
-                            <div id="is-hidden-touch" class="content is-hidden-touch">
+                            <div id="is-hidden-touch" class="content is-hidden-touch is-size-6">
                                 <#if article.articleAbstractText!?length gt 128>
-                                    ${article.articleAbstractText!?substring(0, 128)} ......<#else>
+                                    ${article.articleAbstractText!?substring(0, 110)} <#else>
                                         ${article.articleAbstractText!}</#if>
-                                <#-- ${article.articleAbstractText!?substring(0, 128)} ...... -->
+                                <#-- ${article.articleAbstractText!?substring(0, 110)} ...... -->
                             </div>
 
                             <div class="level is-mobile">
@@ -166,3 +166,11 @@
             </nav>
         </div>
     </div>
+
+<style type="text/css">
+.blog-slider__img {
+	margin-left: 20px;
+	width: 240px;
+	height: 150px;
+}
+</style>
diff --git a/article.ftl b/article.ftl
index 2ecb7d9..703af68 100644
--- a/article.ftl
+++ b/article.ftl
@@ -48,7 +48,11 @@
         <script src='https://www.zeekling.cn/cdn/js/swiper.min.js'></script>
             </@head>
 			<style type="text/css">
-
+			.columns {
+				margin-left: 3.25rem;
+				margin-right: -0.75rem;
+				margin-top: -0.75rem;
+			}
 			</style>
             <#-- <#include "style.theme.ftl"> -->
         </head>
@@ -101,8 +105,7 @@
                                                     height: 25px !important;
                                                 }
                                             </style>
-                                            <div id="post-article" class="content post-article"
-											data-img="${article.articleImg1URL}">
+                                            <div id="post-article" class="content post-article" >
                                                 ${article.articleContent}
                                             </div>
                                             <div class="level is-size-7 is-uppercase">
diff --git a/footer.ftl b/footer.ftl
index a43cc89..80cc87f 100644
--- a/footer.ftl
+++ b/footer.ftl
@@ -17,6 +17,13 @@
     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 
 -->
+
+<style type="text/css">
+.container {
+	max-width: 1280px;
+}
+</style>
+
 <footer class="footer">
     <div class="container">
         <div class="level footer_main">