add featured

layouts/shortcodes/featured.html

@@ -0,0 +1,27 @@
+<section class="post tag-post featured">
+  <div class="row">
+      <div class="col-md-4">
+        <div class="image" style="height: 168.328px;">
+            <a href="/blog/2022/03/14/what-is-seo/">
+                
+                <img src="/imgs/seo/seo.webp" class="img-responsive" alt="">
+                
+            </a>
+        </div>
+      </div>
+      <div class="col-md-8">
+          <h2><a href="/blog/2022/03/14/what-is-seo/">SEO是什麼??【2022】SEO搜尋引擎優化快速入門！帶你衝上google第一頁！</a></h2>
+          <div class="clearfix">
+              
+              
+              <p class="date-comments">
+                  <a href="/blog/2022/03/14/what-is-seo/"><i class="far fa-calendar"></i> March 14, 2022</a>
+              </p>
+              
+          </div>
+              
+          <p class="read-more"><a href="/blog/2022/03/14/what-is-seo/" class="btn btn-template-main">Continue reading</a>
+          </p>
+      </div>
+  </div>
+</section>

static/css/custom.css

@@ -692,6 +692,32 @@
   background-color: transparent;
 }
 
+#blog-post .featured h2 {
+  margin-right: 0px;
+  padding-left: 0rem;
+  border-left: none;
+  margin-top: 0;
+}
+
+#blog-post p{
+  margin-bottom: .5rem;
+}
+
+#blog-post .featured h2 > a {
+  font-family: "Proxima Nova",sans-serif;
+  font-size: 2rem;
+  color: #555555;
+}
+
+#blog-post .featured .author-category {
+  font-size: 1.8rem;
+}
+
+#blog-post .featured .date-comments {
+  margin-bottom: 1.5rem;
+}
+
+
 #block-vtuber {
   padding: 30px 0;
   margin-bottom: 40px;

webSite/config.toml

@@ -11,6 +11,8 @@ disqusShortname = "devcows"
 googleAnalytics = "UA-153100602-5"
 publishDir  = "/var/www/html"
 
+summaryLength = 70
+
 
 [taxonomies]
   category = "categories"
@@ -184,7 +186,7 @@ page = ["HTML"]
     languageNamezh = "繁體中文"
 
 [permalinks]
-    blog = "/blog/:year/:month/:day/:filename/"
+    blog = "/blog/:filename/"
 
 # Enable or disable top bar with social icons
 [params.topbar]

webSite/content/blog/seo-tool.md

@@ -221,4 +221,8 @@ Ubersuggest是行銷專家 Neil Patel所研發的SEO工具，他使用上相當
 
 ## 總結
 
-在SEO的領域中，SEO軟體正不斷進步，也有越來越多排名工具不斷地出現。為了更好的SEO優化排名，必須要透過不斷分析網頁、調整優化內容及關鍵字、研究SEO指標以了解網站的表現，不論哪一個SEO工具，都必須要先了解最核心的價值就是，有良好的網站架構以及良好的使用者經驗、優質內容，提供有益的價值給你的讀者，這乃是最重要的。
+在SEO的領域中，SEO軟體正不斷進步，也有越來越多排名工具不斷地出現。為了更好的SEO優化排名，必須要透過不斷分析網頁、調整優化內容及關鍵字、研究SEO指標以了解網站的表現，不論哪一個SEO工具，都必須要先了解最核心的價值就是，有良好的網站架構以及良好的使用者經驗、優質內容，提供有益的價值給你的讀者，這乃是最重要的。
+
+
+## 相關文章
+{{< featured >}}