Skip to content

Commit

Permalink
Update fetched posts.
Browse files Browse the repository at this point in the history
  • Loading branch information
@zhgchgli0718
zhgchgli0718 committed Oct 27, 2024
1 parent 14278bc commit eb02f25
Showing 1 changed file with 151 additions and 112 deletions.
263 changes: 151 additions & 112 deletions _posts/zmediumtomarkdown/2024-10-27-70aeddb1fd9b.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: "linkyee — 使用 GitHub Pages 快速免費建立個人類 LinkTree 連結頁面"
author: "ZhgChgLi"
date: 2024-10-27T05:36:34.772+0000
last_modified_at: 2024-10-27T05:36:34.772+0000
last_modified_at: 2024-10-27T10:30:38.121+0000
categories: "ZRealm Robotic Process Automation"
tags: ["linktree","github-pages","automation","ruby","jekyll"]
description: "使用 GitHub Pages 快速建立自己的連結頁面，100% 免費、客製化並支援自訂義網域"
Expand Down Expand Up @@ -37,7 +37,7 @@ render_with_liquid: false
- 直接部署在 Github Pages 穩定、免費
- 掌握 HTML 原始檔案，可隨意修改排版、樣式、移除廣告、版權宣告； _\(預設樣式就是我用 GenAI ChatGPT 建立的\)_
- 支援自訂域名
- **支援動態變數，例如我預設建了一個 Medium 追蹤者變數，可自動帶入、更新追蹤者數量在頁面上。** 🚀🚀🚀
- **支援動態變數，例如我預設建了 Medium 追蹤者、Github Repo 星星數變數，可自動帶入、更新追蹤者數量在頁面上。** 🚀🚀🚀
- 頁面載入快速
- 照本文簡單幾步就能完成設定部署

Expand Down Expand Up @@ -135,116 +135,155 @@ Github Pages 是由 Github 提供的免費靜態頁面寄存服務，所有 Gith

編輯位於根目錄中的 config\.yml 文件。
```yaml
# 網站配置

# 主題名稱，對應至目錄：./theme/xxxx
theme: default

# HTML 語言設定
lang: "en"

# 插件（實作於 ./plugins/PLUGIN_NAME）
# 在下方設定中使用 {{ vars.PLUGIN_NAME }}

plugins:
# 自動獲取 Medium 的追蹤者數量
- MediumFollowersCountPlugin:
username: zhgchgli

# Google Analytics 追蹤 ID
google_analytics_id:

# HTML 標題
title: "ZhgChgLi 的連結集"

# 大頭貼圖片路徑
avatar: "./images/profile.jpeg"

# 名稱區塊文字
name: "@zhgchgli"

# 標語區塊文字
tagline: >-
一位來自台灣的 iOS、網頁與自動化開發者，熱愛分享、旅行與寫作。
# 連結列表
# icon：使用 Font Awesome 圖示 (https://fontawesome.com/search?o=r&m=free)
# title：顯示在連結上的文字
# url：連結的網址
# alt：替代文字（無障礙使用）
# target：`_blank` 在新頁籤打開，`_self` 在同頁面打開
links:
- link:
icon: "fa-brands fa-medium"
title: "技術部落格 <span class='link-button-text'>({{vars.MediumFollowersCountPlugin}} Followers)</span>"
url: "https://blog.zhgchg.li"
alt: "ZhgChgLi 的技術部落格"
target: "_blank"
- link:
icon: "fa-brands fa-medium"
title: "旅行日誌 <span class='link-button-text'>({{vars.MediumFollowersCountPlugin}} Followers)</span>"
url: "https://medium.com/ztravel"
alt: "ZhgChgLi 的旅行日誌"
target: "_blank"
- link:
icon: "fa-solid fa-rss"
title: "個人網站"
url: "https://zhgchg.li/"
alt: "ZhgChgLi 的網站"
target: "_blank"
- link:
icon: "fa-brands fa-instagram"
title: "Instagram"
url: "https://www.instagram.com/zhgchgli/"
alt: "ZhgChgLi 的 Instagram"
target: "_blank"

# 社交媒體連結列表
# icon：使用 Font Awesome 圖示 (https://fontawesome.com/search?o=r&m=free)
# title：社交媒體連結的顯示標題
# url：社交媒體連結的網址
# alt：替代文字（無障礙使用）
# target：_blank 在新頁籤打開，_self 在同頁面打開
socials:
- social:
icon: "fa-brands fa-medium"
url: "https://blog.zhgchg.li"
title: "ZhgChgLi 的 Medium"
alt: "ZhgChgLi 的 Medium"
target: "_blank"
- social:
icon: "fa-brands fa-github"
url: "https://github.com/ZhgChgLi"
title: "ZhgChgLi 的 GitHub"
alt: "ZhgChgLi 的 GitHub"
target: "_blank"
- social:
icon: "fa-brands fa-twitter"
url: "https://twitter.com/zhgchgli"
title: "ZhgChgLi 的 Twitter"
alt: "ZhgChgLi 的 Twitter"
target: "_blank"
- social:
icon: "fa-brands fa-linkedin"
url: "https://www.linkedin.com/in/zhgchgli/"
title: "ZhgChgLi 的 LinkedIn"
alt: "ZhgChgLi 的 LinkedIn"
target: "_blank"
- social:
icon: "fa-solid fa-envelope"
url: "[email protected]"
title: "Email: [email protected]"
alt: "[email protected]"
target: "_blank"

# 頁尾文字
footer: >
歡迎來到我的網站！追蹤我在 Medium 或 GitHub 上的最新動態，或在 Instagram 和 LinkedIn 上保持聯繫。
# 頁尾版權聲明
# Linkyee 是一個 100% 免費的開源專案—您可以隨意修改版權聲明。
copyright: >
© 2024 <a href="https://zhgchg.li" target="_blank">ZhgChgLi</a>。由 <a href="https://github.com/ZhgChgLi/linkyee" target="_blank">linkyee</a> 提供技術支持。
# 網站配置

# 主題名稱，對應至目錄：./theme/xxxx
theme: default

# HTML 語言設定
lang: "en"

# 插件（實作於 ./plugins/PLUGIN_NAME）
# 在下方設定中使用 {{ vars.PLUGIN_NAME }}

# 插件的輸出結果可在下方使用，例如：{{vars.MediumFollowersCountPlugin}}
plugins:
# 自動獲取 Medium 的追蹤者數量
- MediumFollowersCountPlugin:
username: zhgchgli
# 自動獲取 GitHub 倉庫的星標數量
- GithubRepoStarsCountPlugin:
- ZhgChgLi/ZMarkupParser
- ZhgChgLi/ZReviewTender
- ZhgChgLi/ZMediumToMarkdown
- ZhgChgLi/linkyee

# Google Analytics 追蹤 ID
google_analytics_id:

# HTML 標題
title: "ZhgChgLi 的連結集"

# 頭像圖片路徑
avatar: "./images/profile.jpeg"

# 名稱區塊文字
name: "@zhgchgli"

# 標語區塊文字
tagline: >-
一位來自台灣的 iOS、網頁與自動化開發者，熱愛分享、旅行與寫作。
# 連結列表
# icon：使用 Font Awesome 圖示 (https://fontawesome.com/search?o=r&m=free)
# text：顯示在連結上的文字
# title：連結的標題
# url：連結的網址
# alt：替代文字（無障礙使用）
# target：`_blank` 在新頁籤打開，`_self` 在同頁面打開
links:
- link:
icon: "fa-brands fa-medium"
text: "技術部落格 <span class='link-button-text'>({{vars.MediumFollowersCountPlugin}} Followers)</span>"
url: "https://blog.zhgchg.li"
alt: "ZhgChgLi 的技術部落格"
title: "ZhgChgLi 的技術部落格"
target: "_blank"
- link:
icon: "fa-brands fa-medium"
text: "旅行日誌 <span class='link-button-text'>({{vars.MediumFollowersCountPlugin}} Followers)</span>"
url: "https://medium.com/ztravel"
alt: "ZhgChgLi 的旅行日誌"
title: "ZhgChgLi 的旅行日誌"
target: "_blank"
- link:
icon: "fa-solid fa-rss"
text: "個人網站"
url: "https://zhgchg.li/"
alt: "ZhgChgLi 的網站"
title: "ZhgChgLi 的網站"
target: "_blank"
- link:
icon: "fa-brands fa-swift"
text: "ZMarkupParser <span class='link-button-text'>({{vars.GithubRepoStarsCountPlugin['ZhgChgLi/ZMarkupParser']}} Stars)</span>"
url: "https://github.com/ZhgChgLi/ZMarkupParser"
alt: "ZMarkupParser 是一個純 Swift 庫，用於將 HTML 字串轉換為具自訂樣式的 NSAttributedString。"
title: "ZMarkupParser 是一個純 Swift 庫，用於將 HTML 字串轉換為具自訂樣式的 NSAttributedString。"
target: "_blank"
- link:
icon: "fa-brands fa-app-store-ios"
text: "ZReviewTender <span class='link-button-text'>({{vars.GithubRepoStarsCountPlugin['ZhgChgLi/ZReviewTender']}} Stars)</span>"
url: "https://github.com/ZhgChgLi/ZReviewTender"
alt: "ZReviewTender 是一個從 App Store 和 Google Play Console 獲取應用評論並整合至工作流程的工具。"
title: "ZReviewTender 是一個從 App Store 和 Google Play Console 獲取應用評論並整合至工作流程的工具。"
target: "_blank"
- link:
icon: "fa-brands fa-markdown"
text: "ZMediumToMarkdown <span class='link-button-text'>({{vars.GithubRepoStarsCountPlugin['ZhgChgLi/ZMediumToMarkdown']}} Stars)</span>"
url: "https://github.com/ZhgChgLi/ZMediumToMarkdown"
alt: "ZMediumToMarkdown 是一個強大的工具，可輕鬆下載並將 Medium 文章轉換為 Markdown 格式。"
title: "ZMediumToMarkdown 是一個強大的工具，可輕鬆下載並將 Medium 文章轉換為 Markdown 格式。"
target: "_blank"
- link:
icon: "fa-brands fa-github"
text: "linkyee <span class='link-button-text'>({{vars.GithubRepoStarsCountPlugin['ZhgChgLi/linkyee']}} Stars)</span>"
url: "https://github.com/ZhgChgLi/linkyee"
alt: "linkyee 是一個完全自訂且開源的 LinkTree 替代方案，可直接部署在 GitHub Pages 上。"
title: "linkyee 是一個完全自訂且開源的 LinkTree 替代方案，可直接部署在 GitHub Pages 上。"
target: "_blank"

# 社交媒體連結列表
# icon：使用 Font Awesome 圖示 (https://fontawesome.com/search?o=r&m=free)
# title：連結的標題
# url：社交媒體連結的網址
# alt：替代文字（無障礙使用）
# target：`_blank` 在新頁籤打開，`_self` 在同頁面打開
socials:
- social:
icon: "fa-brands fa-medium"
url: "https://blog.zhgchg.li"
title: "ZhgChgLi 的 Medium"
alt: "ZhgChgLi 的 Medium"
target: "_blank"
- social:
icon: "fa-brands fa-github"
url: "https://github.com/ZhgChgLi"
title: "ZhgChgLi 的 GitHub"
alt: "ZhgChgLi 的 GitHub"
target: "_blank"
- social:
icon: "fa-brands fa-twitter"
url: "https://twitter.com/zhgchgli"
title: "ZhgChgLi 的 Twitter"
alt: "ZhgChgLi 的 Twitter"
target: "_blank"
- social:
icon: "fa-brands fa-linkedin"
url: "https://www.linkedin.com/in/zhgchgli/"
title: "ZhgChgLi 的 LinkedIn"
alt: "ZhgChgLi 的 LinkedIn"
target: "_blank"
- social:
icon: "fa-brands fa-instagram"
url: "https://www.instagram.com/zhgchgli/"
title: "Instagram"
alt: "ZhgChgLi 的 Instagram"
target: "_blank"
- social:
icon: "fa-solid fa-envelope"
url: "[email protected]"
title: "Email: [email protected]"
alt: "[email protected]"
target: "_blank"

# 頁尾文字
footer: >
歡迎來到我的網站！追蹤我在 Medium 或 GitHub 上的最新動態，或在 Instagram 和 LinkedIn 上保持聯繫。
# 頁尾版權聲明
# Linkyee 是一個 100% 免費的開源專案—您可以隨意修改版權聲明。:)
copyright: >
© 2024 <a href="https://zhgchg.li" target="_blank">ZhgChgLi</a>。由 <a href="https://github.com/ZhgChgLi/linkyee" target="_blank">linkyee</a> 提供技術支持。
```
Expand Down

0 comments on commit eb02f25

Please sign in to comment.