從 WordPress 搬家到 Ghost 的記錄和體驗心得

從 WordPress 搬家到 Ghost 的記錄和體驗心得
Ghost 後台介面。資料來源:Ghost 官方部落格

前言

從 2021 年開始使用 WordPress + Google Cloud Platform 的方案,對於自己用虛擬伺服器架站遇到的困擾是 WordPress 在去年 10 月份的升級時,我在 2021 年一開始選的主機內的 PHP 版本過舊,系統提示要升級,由於我自己對於程式比較苦手,自己摸索未果後還找了工程師朋友來幫忙解決這件事,勞心又勞力,就埋下了我想放棄自己架站的這個種子。

而真正下定決心從 WordPress 搬家到 Ghost 服務的真正原因,是我在年末時看到 WordPress 外掛(Jetpack, Rank Math SEO, Site Kit by Google)一直報錯說我因為 10 月份搬移主機後,有兩個 IP 指向同一個網域,我怎麼修復都修復不了。

於是我基於下方這 3 個理由

  1. WordPress 外掛多難以維護
  2. 自己架站的軟體更新麻煩
  3. 資料備份風險

在 2022 年 12 月 31 日從 WordPress 搬家到了 Ghost,原本想說先採用官方提供的入門方案 US$11/月,如果使用了 1 ~ 2 個月後沒遇到太多問題,再轉成年繳方案這樣只要 US$9/月,結果才試用了 3 天左右覺得 Ghost 的介面實在是太美了,腦波一弱就直接買了年方案。

可能會有人覺得說覺得自己維護麻煩為什麼不直接改成買 WordPress 官方提供的服務方案,但因為 WordPress 官方的方案要能夠自己裝外掛的話,年繳要 NT$799/月,比 Ghost 貴許多,而不能自己裝外掛的 WordPress 對我來講就跟無名小站一樣。

從 WordPress 搬家到 Ghost 的步驟

  1. 匯出 WordPress 文章:Ghost 在 WordPress 上有提供匯出資料的外掛,可以將你 WordPress 所有的文章的內容匯出。[1][2]
  2. 匯入 WordPress 文章至 Ghost:創辦 Ghost 帳號,並且在後台 Settings > Lab 功能內找到 Import content,來匯入從 WordPress 匯入的檔案。我匯入 53 篇文章大概 10 分鐘內就匯入完畢了,處理速度非常快。
  3. 到 Ghost(Pro) 的 Domain 頁籤設定自動網域:這邊就要到你的網域註冊服務商去更改 DNS 指向設定,詳細可以參考 Ghost 的官方文件Adding a custom domain
  4. 設定 301 轉址或撰寫搬家公告:因為 WordPress 和 Ghost 的文章網址結構不同的關係,會導致同一篇文章的連結不一樣。可以到 settings > Labs > Beta Features > Redirects > Download current redirects 下載你現在網站上的 redirects 的文件,或是自己開一個 redirects.yaml 的檔案也可以。
  5. 串接 GA:到後台的settings > intergrations 去找到你要連結的功能,一般來講 Google Analytics 絕對是必要的,這樣你才會知道網站的流量和文章瀏覽數。

基本上完成前三步驟就算搬家成功了,前後只花了 15 分鐘。第四步驟則是看個人覺得需不需要,對我自己來講因為我之前的網站流量集中幾篇在介紹「Ctypto dot com」這間加密貨幣交易所的文章,而目前加密貨幣的市況不是很好,所以這部份的流量原本就往下掉,是我可以割捨掉的(雖然還是有點心痛)。[3]

Ghost 介面及體驗

流暢的後台以及網頁渲染速度

跟 WordPress 的後台相比,Ghost 顯得陽春很多,尤其是少了 WordPress 最強大的外掛功能!但也因為功能相對單純,所以在後台使用上的流暢度是 WordPress 望塵莫及的。WordPress 真的是成也外掛,敗也外掛[4]

Ghost 後台設定
Ghost 後台設定畫面。資料來源:自己的網站後台截圖

在網頁讀取速度上,我自己覺得跟 WordPress 讀起來的差異不大,可能是因為我的網站內容原本就不多,加上圖片都是放在圖床上,比較少直接吃到伺服器的資源。

Google PageSpeed 電腦版網頁分數

Google PageSpeed 行動版網頁分數
使用 Ghost 後的電腦版(上圖)和手機版(下圖)網頁速度跑分。資料來源:Google PageSpeed Insight

極簡又精美的網站主題但缺少可自訂性

我所購買的 Starter 方案官方共內建 17 個免費主題,每個主題都具有現代網頁所需的設計感。

Ghost 在後台的主題功能裡面,可以透過介面自定義設計設定的跟 WordPress 比起來少了許多,他所能設定是以下四大塊

  1. Brand:網站 title、敘述、favicon、LOGO 以及強調色(accent color)
  2. Site-wide:導覽列的 Layout 以及字體
  3. Homepage:首頁 header 的呈現方式以及文章列表的呈現方式
  4. Post:文章內的圖片大小、註冊標語以及是否在 footer 呈現最新文章

不像 WordPress 會有 menu、widget 可以讓你新增,或是你可以選擇側邊欄要在左邊、右邊,甚至是可以插入自定義的 javascript 或 css。

這是優點也是缺點,優點是對於只想專注寫文字的人來說,選了一個自己對眼的版型就可以專注於寫作,不用想太多要怎麼樣去幫網站配色、調整字體大小。但缺點也是你只能找到一個最適合的自己的版型,而不是可以調整出最適合自己的版型。

當然如果你會寫一些簡單的 code 來編輯主題的話,還是可以設計出自己的風格,但這個門檻就會比較稍微高一些。或是可以掏出魔法小卡,到網路上找到你喜歡的 Ghost 網站主題,也可以讓你的網站煥然一新。

對我來說很方便的文章編輯器

Ghost 後台的文章編輯器對我來講超級方便,跟 Notion 一樣輸入/就會跑出文章編輯器的功能,當然基本的插入圖片、分隔線、影片都有,更有趣的是內建插入 Spotify、NFT、YouTube 等功能。

但對我來講最實用的還是他可以插入一個 Markdown 語法區塊。讓我直接把在 iA Writer 或其他 Markdown 編輯器上撰寫的文章直接複製貼上,不用經過任何編輯就可以直接做送出。(之前尚未使用 iA Writer 的時候,因為 WordPress 的 Markdown 支援有限,我發佈文章前都還要在 WordPress 內的編輯器進行微調)

Ghost 文章編輯器
Ghost 文章編輯器。資料來源:Ghost 後台

有得必有失

俗話說的好:「有得必有失」,在這兩個 CMS 系統之間的轉移沒有 100% 完美,我也是做了一些衡量後才認真的決定轉移。

我失去的

  • WordPress 內原生的上百則評論(這時候顯現第三方留言板的重要性)
  • 由於 301 轉址尚未設定成功,讓我少了許多自然流量,也失去了之前的 SEO 分數(2023.01.09 已解決)
  • WordPress 多元的外掛功能,例如文章 SEO 結構建議、網站 JS 優化、Google 服務串連等

我得到的

  • 由於 Ghost Stater 方案比我自架主機便宜,我省下了一些費用(這一年的股市好慘必須節流)
  • 沒有太多維護性的事情要做,可以更專注在寫作
  • 真正可以開始培養自己的受眾(前提是要有人加會員就是)

結論

這次搬家的時候很慶幸自己原本的圖片就都是存在 Cloudinary 這個圖床而不是直接上傳到 WordPress 裡面,這讓我搬家的過程變的輕鬆許多。這也更加讓我意識到做任何事情都要想到這件事有沒有彈性

像我前陣子從筆記軟體 Bear 搬家到 iA Writer 之所以可以很輕鬆是因為兩套軟體都支援 Markdown 格式,所以內容格式不會跑掉,省去很多換新成本。

從 Ghost 搬家到 Wordpress 也是因為圖片不用一篇文章一篇文章重新上傳而很快速輕鬆的搬完。

不過前述也有提到,我之前在 WordPress 是使用原生功能,導致我之前文章所累積的留言不能匯出。這是一個不彈性的做法,所以這次轉到 Ghost 後我也在思考留言這塊該怎麼辦,因為難保自己之後不會再有想搬家的念頭啊!(本文撰寫當下還沒想到比較好且免費的第三方留言系統解決方案)

如果你想試用 Ghost 的話,現在註冊有 14 天的免費方案,但要注意的是 14 天後如果你沒有轉成付費方案,所有資料都會被刪除

或是你也可以採用自架主機(虛擬伺服器)的方案,Ghost 本體是開源免費的,只是麻煩的是升級和檔案備份要自己維護。

以上是我從 WordPress 搬家到 Ghost 的心得感想,如果你有什麼問題想要詢問,都歡迎你留言與我討論。如果喜歡我的文章,也歡迎至右下角的按鈕訂閱我的網站。


  1. 不過這邊要注意的是因為 Ghost 沒有 WordPress 的分類概念,而是用 Tag 來將文章分類,所以建議可以先用Categories to Tags Converter這個外掛來將既有的分類轉成 Tag。 ↩︎

  2. 如果你原本的文章圖片是直接上傳到 WordPress 內的話,這邊在匯入 Ghost 的時候也不會自動匯入。 ↩︎

  3. 花了 1 週左右跟客服來回聯繫後,終於把 301 的轉址問題解決了!現在網站可以順利轉址了。 ↩︎

  4. 關於 WordPress 外掛的議題,如果我一次要更新比較多外掛的時候,我用 Google Cloud Platform 架的虛擬主機很容易直接掛掉(我買的主機是很初階的共用 CPU 主機)。除了重開機之外,還要透過終端機連進虛擬主機內去清除 WordPress 的維護檔案,才能讓網站脫離維護模式,這也是讓我覺得麻煩的地方。 ↩︎

Read more

W 原則,工作和人生都適用的思考方式

W 原則,工作和人生都適用的思考方式

我自己因為做操作面的事情做久了,當任務一來第一時間想到的會是該怎麼樣去執行這個任務會比較有效率。但往往忘了問幾個最重要的問題:為什麼會有這項任務?這項任務是必要的嗎?如果不必要,是否可以換個任務目標? 最近公司因為在海外的電商業績成長上遇到了一些瓶頸,主管認為將海外原本的電商系統改成台灣現在在用的系統可能會好一些,畢竟台灣的電商業績比海外好上許多。但主管還是請我做一個比較看是否要換系統。 原本我對於這件事情沒有太多想法,單純做了一個海外電商系統和台灣電商系統的功能比較表,內容流於行銷活動案型支持、會員功能、搬遷時程、維護費用……等第一層思考會想到的事情。 直到前輩的指點後,才知道這些比較雖然是重要,但不是我們應該跟老闆層級討論的點。這些細瑣的事項我們自己 keep in mind 就好, 這時候前輩教導了一個 W 原則,我用此原則重新想了一輪,發現自己的思緒變得清晰,做簡報的邏輯也更暢通(考試也能考 100 分?)。我的簡報不再只是簡單的系統比較,而是有一個完整的脈絡埋補強我自己心中的結論。 W 原則 W 原則其實跟大家常聽到的 5W 原則 Why, What, Who ,

Setapp 2023 Mac Apps 使用調查報告

Setapp 2023 Mac Apps 使用調查報告

在蘋果生態系中推行一站式訂閱制的指摽性廠商 Setapp 在近期公布了 2023 的 Mac Apps 使用習慣報告,身為喜歡嘗試新應用的人,看到有廠商做了這樣的調查報告是十分興奮的,這邊來跟大家分享一下報告的內容,並且配上一點我個人的 murmur。 重點摘要 * 每個使用者平均每天使用 15 個 apps(我算了一下我是 24 個)。 * 在選擇和購買新 app 的時候功能很重要,但在要購買的時候價錢會變得稍微佔上風。 * 83% 的受訪者在上個月有購買過 Mac 軟體。 * 訂閱制比買斷制還更受歡迎。(我自己比較喜歡買斷制啊!) * 70% 的 Mac 使用者是用 M1/M2 晶片。(M 系列真的比 Intel 好太多了) * 40% 左右的受訪者有使用有應用到 AI 的 Mac apps。(Notion, OpenCat,

官方網站的 Press Kit 圖片

EveryDay,神還原《原子習慣》作者概念的習慣養成 App

EveryDay 是一款習慣養成 App,他比我之前介紹的 HabitKit 功能更加簡單,如果你有選擇障礙的話,你建立的習慣沒有 icon 可以選擇,就連配色都只有 7 種。需要設定的欄位只有:你想養成的習慣、敘述、顏色、是否需要提醒、習慣養成的頻次以及這個習慣是你想「養成」的習慣還是你想要「戒掉」的習慣。 一開始使用比較不順手的地方是在設定頻次的部分,因為開發者的設計方法不是讓你設定一週想要達成幾次,而是讓你直接選擇週間中有哪幾天要完成這個習慣。這對於某些還不確定能夠在哪一天完成的習慣來說,會有點不太知道怎麼設定。但當我實行了兩週之後,我才感受到指定好哪一天要做什麼習慣是一種「制約」的力量,讓你那天比較無法偷懶,反而更能夠驅使你要達成目標。當然如果你真的不小心偷懶了事後還是可以設定 Skip 來讓你的連續完成習慣的記錄延續。 另外開發者還有一個小巧思,就是你想養成的習慣顏色會因為你連續完成的天數,顏色從淺到深。反之想戒掉的是由伸到淺。這個設計幫助你可以很快地判斷你的習慣有沒有連續達成,你也會有那種不想讓習慣顏色鏈斷掉的那種好勝心。而 skip 的設定方式是用三角形呈現,也可以讓

Arc 瀏覽器融入 AI 功能,Max 限時免費推出

Arc 瀏覽器融入 AI 功能,Max 限時免費推出

Arc Browser 在 10/3 舉辦了一場發表會,推出了 Max 的功能,他們終於將近 1 年來很夯的 AI 議題融入產品裡面,希望能讓你在使用瀏覽器的過程中減少「滑鼠點擊」、「捲動頁面」等傳統瀏覽網頁時會有的行為。 從 10/3 號起為期 90 天,只要你在 Arc Browser 的 Command Bar 裡輸入「Max」,即可開啟 Max 的五個功能設定。 Arc Max 五大功能 1. Ask on Page:以往在用 Command+F 快捷鍵搜尋字詞時是比較沒有效率的,現在可以直接輸入你想問的問題,他就會用該頁面的資料來回答你的問題,並且會告訴你他的回答是出自頁面的哪邊。 不過,