Astro 部落格架設筆記(0) - 為什麼選擇 Astro 與 GitHub Pages

前言

很久以前我就知道可以透過 GitHub Pages 架設部落格,但因為種種原因,一直沒有真正動手。一方面,我已經使用 Google Blogger 很多年了,加上自己寫文章的頻率並不高,當時覺得沒有必要特地更換平台。另一方面,我對前端的掌握度並不高,雖然我會改,但是改的不夠快,也就更沒有動力來去處理了。

示意圖LOGO

Google Blogger 的缺點

今年我寫文章的次數增加,對於 Blogger 的一些缺點也就越來越難以忍受,剛好有 AI 的輔助,如果是自己架設的話,那前端畫面調整的阻力就大大降低,於是就興起了換家的念頭。

  1. 不支援 Markdown 語法。
  2. 超過五、六年以上沒有更新了。
  3. Google Blogger SEO 的困境 - 消失的文章
  4. Google Blogger SEO 的困境 - 行動版網頁重導向錯誤
  5. Google Blogger SEO 的困境 - 網站權重
  6. 文章遭 Blogger 下架,究竟違反了什麼規範?

Github Page

我並沒有考慮使用其他的部落格平台,畢竟我已經有使用 Google Blogger 了,換個平台只是換湯不換藥,所以使用 Github Page 就是我的首選。

優點

自由

自己架設就不會被平台所綁架,不用擔心哪一天被下架,想要什麼功能,自己開發就好。

學習

平常在使用 Github 我只有使用 Git 的功能,其他的功能我都不熟悉,這剛好也是一個好機會來研究其他相關的功能。

缺點

沒有部落格平台的庇護,任何功能都要自己來實作,而現有架構下,有些功能就需要使用第三方服務才能做的到。

  1. 只支援靜態網站,無法使用後端程式。
  2. 動態功能與紀錄,如留言板、搜尋、流量分析只能依賴第三方服務。
  3. SEO 需要自己額外處理。
  4. 流量與空間受限 100G、空間 1G。
  5. 每次更新必須 commit 推送程式。

選擇框架

確認好環境後,看看有那些合適的框架可以使用,從 ChatGPT 上的建議框下有以下幾項:

Jekyll

Github Page 預設支援最基礎的樣板畫面,畫面太過簡潔,沒有任何調整的空間。

Hexo

約略從 2012年推出,網路上還蠻多人分享的,只不過陸陸續續有看到有些人轉換到 Astro。

Hugo

約略從 2013年推出,程式語言為 GO,樣板

最多最豐富,只不過現階段我並沒有打算學習 GO。

Astro

既然有不少人從 Hexo、Hugo 轉換到 Astro,所以它就是我測試上的首選。

安裝並且嘗試改了幾個功能後,就決定是它了,選擇的理由大概是:

  1. 文章排版

    我喜歡這文章排版的效果,比起 Google Blogger 真的是好太多了,看起來就是舒服。

  2. 看得懂,改的動

    攤開程式碼,純粹的 HTML、CSS 會讓人產生一種『一看就懂』的錯覺,再加上架構簡單,降低了不少進入的門檻,只要稍有前端的開發經驗,馬上就可以開始開發了。

Next.js

由於我已經選擇 Astro 了,後續就沒有再研究 Next.js,從鐵人賽的文章中,兩者相比好像複雜了一點。

iT邦幫忙:從零開始學習 Astro, 打造個人Blog (部落格)

iT邦幫忙:從零開始學習Next.js 系列 - iT 邦幫忙

後記

在 Astro 的架設上,建議還是先參考官方文件。我曾多次偷懶想要直接照抄 ChatGPT 給的建議,它卻常常會瞎掰一些不存在或是無法使用的套件,導致我浪費不少時間在試錯。

接下來就陸續把原本 Google Blogger 的文章搬移過來。

    Blogger Comment

0 意見: