update

content/news/qingpudreamer.md

@@ -1,7 +1,7 @@
 ---
 title: "【青埔夢想家】用心服務,打造理想家園"
 tags: ["桃園"]
-categories: ["桃園","影音新聞"]
+categories: ["桃園", "影音新聞"]
 image: "https://img.youtube.com/vi/GFJvIeT0AJQ/0.jpg"
 url: "/news/qingpudreamer"
 date: 2025-01-15T14:23:02+08:00
@@ -13,5 +13,30 @@ type: "video"
 
 {{< youtube GFJvIeT0AJQ >}}
 
-<!-- [![AI主播案例 - Made by SaaS](https://img.youtube.com/vi/GFJvIeT0AJQ/maxresdefault.jpg)](https://www.youtube.com/watch?v=GFJvIeT0AJQ) -->
+## 熱情與專業的創業初衷
+
+在青埔這個充滿潛力的城市裡，黃立萍以她的熱情與專業，創立了「青埔夢想家」，致力於為買房者與屋主提供最貼心的服務與實用資訊。在一次專訪中，黃立萍分享了她的創業初衷、品牌特色以及未來展望。
+
+黃立萍原本是一位資深的日本語教師與文字工作者，但她選擇轉型進入房地產行業，這一決定源於她對青埔的熱愛以及對挑戰新自我的渴望。她希望結合自己的媒體經驗，透過「青埔夢想家」這個平台，解決房地產市場中普遍存在的資訊不對稱問題，幫助人們更輕鬆地找到理想的家。
+
+## 多元服務 打破資訊不對稱
+
+在她的品牌中，「青埔夢想家」提供了多元且全面的服務。黃立萍表示，節目涵蓋房地產相關的知識，並深入青埔在地的觀察，推薦優質商家，分享外地居民的故事，讓聽眾能夠全方位了解這座城市。
+
+此外，透過專業的服務團隊，黃立萍希望能夠吸引精準的買房者和屋主，提供買賣與租賃的需求解決方案。
+
+## 跨平台經營 擴大影響力
 
+黃立萍的品牌特色不僅體現在資訊的全面性上，還包括多平台的內容呈現。除了 Podcast，她也運用部落格和 YouTube 影片等媒體形式，讓客戶能夠從不同角度獲取信息，找到最合適的解決方案。
+
+## 未來展望 推出更多在地單元
+
+在未來的展望中，「青埔夢想家」將推出更多有趣的單元，如「店家福利社」和「家人會課室」，為聽眾帶來更多在地商家的優惠資訊及感人的故事。黃立萍希望透過這些新單元，持續吸引對青埔地區感興趣的聽眾，並解決他們在房地產方面的各種問題。
+
+## 打造青埔最具影響力的房地產品牌
+
+最終，黃立萍希望「青埔夢想家」能成為青埔地區最具影響力的房地產自媒體品牌，讓更多人認識這個充滿潛力的城市，並幫助他們實現擁有理想家園的願望。
+
+無論是買房、租屋，或是尋找在地資訊，「青埔夢想家」都將是您最值得信賴的夥伴。讓我們一起踏上這段追尋理想家的旅程！
+
+<!-- [![AI主播案例 - Made by SaaS](https://img.youtube.com/vi/GFJvIeT0AJQ/maxresdefault.jpg)](https://www.youtube.com/watch?v=GFJvIeT0AJQ) -->

static/css/style.css

@@ -87,7 +87,7 @@ body {
 }
 .blog-post-title a {
   font-size: 50px;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .pagination {
@@ -246,6 +246,36 @@ body {
 
 /* sidebar.html End */
 /* single.html Start */
+.blog-post.content .content {
+  padding-bottom: 3rem;
+}
+.blog-post.content .toc-container {
+  padding: 1.5rem;
+  margin: 3rem 0;
+  background: #f9f9f9;
+  border: 1px solid #aaa;
+  border-radius: 5px;
+}
+.blog-post.content .toc-container ul {
+  margin-bottom: 0;
+  list-style: disc;
+}
+.blog-post.content .toc-container ul a {
+  color: var(--sub-color);
+  text-decoration: none;
+}
+.blog-post.content .toc-container .title {
+  display: block;
+  margin-left: 1rem;
+  margin-bottom: 0.5rem !important;
+  font-size: 1.25rem;
+  color: #000;
+}
+.blog-post.content h2 {
+  padding-left: 1rem;
+  margin: 5rem 0 1.5rem;
+  border-left: 7px solid var(--sub-color);
+}
 .blog-post.content h4 {
   margin-top: 3rem;
   font-size: 1.25rem;

static/css/style.scss

@@ -92,7 +92,7 @@ body {
 
   a {
     font-size: 50px;
-    font-weight: 600;
+    font-weight: 500;
   }
 }
 
@@ -275,6 +275,42 @@ body {
 /* single.html Start */
 
 .blog-post.content {
+  .content {
+    padding-bottom: 3rem;
+  }
+
+  .toc-container {
+    padding: 1.5rem;
+    margin: 3rem 0;
+    background: #f9f9f9;
+    border: 1px solid #aaa;
+    border-radius: 5px;
+
+    ul {
+      margin-bottom: 0;
+      list-style: disc;
+
+      a {
+        color: var(--sub-color);
+        text-decoration: none;
+      }
+    }
+
+    .title {
+      display: block;
+      margin-left: 1rem;
+      margin-bottom: 0.5rem !important;
+      font-size: 1.25rem;
+      color: #000;
+    }
+  }
+
+  h2 {
+    padding-left: 1rem;
+    margin: 5rem 0 1.5rem;
+    border-left: 7px solid var(--sub-color);
+  }
+
   h4 {
     margin-top: 3rem;
     font-size: 1.25rem;

themes/hugo-bootstrap-5/layouts/_default/single.html

@@ -11,6 +11,10 @@
       </header>
 
       <article class="blog-post content">
+        <div class="toc-container">
+          <span class="title">內容目錄</span>
+          {{ .TableOfContents }}
+        </div>
 
         <article class="content pt-2">
           {{ if eq .Params.image "cover.jpg" }}
@@ -19,13 +23,13 @@
           {{ end }}
           {{.Content}}
         </article>
-      
+
         <!-- {{ partial "translations.html" . }} -->
         <!-- {{ partial "related" . }} -->
         <hr>
         <a href="javascript:;" onclick="historyBack()" class="back-link mt-4">
-          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left mb-1"
-            viewBox="0 0 16 16">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+            class="bi bi-chevron-left mb-1" viewBox="0 0 16 16">
             <path fill-rule="evenodd"
               d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" />
           </svg>