把網誌從Medium搬家到Hugo

終究是要有個自有網域的網站

作者 / 陳文學醫師    

我大概是從2022年初的時候開始經營網誌,主要是職涯上的考量,因為完成住院醫師的訓練升上主治醫師,多少也是要練習寫一些文章

雖然我之前有用過Wordpress架網站的經驗,但考量到架站成本,就還是先用Medium來經營看看

但是經營了一年多,確實遇到一些問題:

1.Medium版型配置更改

大概幾年前,Medium的版型有做過一次大更動,老實我覺得這個改動很差,因為它「強化了Medium的形象,淡化了寫作者的形象」,特別是之前能夠自定義版型的Publication,也被改得很奇怪(系統會推薦你使用新的版型,問題是新的版型真的不好看,然後舊的publication版型,Medium官方也沒有想要多新增什麼功能的樣子)

官方示範的新的Publication版型,可自訂的幅度小非常多:

整體來說,創作者更難在Medium上經營品牌形象了,讀者只會記得在Medium上看了一篇文章,不會記得是看了誰的文章


2.SEO

在2018~2020年那個時候,Medium在中文圈的SEO還蠻好的,基本上只要關鍵字寫得對,很快(1~2天)就可以排上Google搜尋前幾名

但最近幾年慢慢覺得有弱化的趨勢,很常發生寫一篇文章,但在Google上卻搜尋不到的狀況

我想這跟許多優質的中文創作者逐漸離開Medium有很大的關係,像是Gipi和Evonne跑去商業思維學院,王立在Vocus上開專欄等等,更多的是跑去自架站的KOL,再再的都弱化了Medium整體在中文圈SEO的優勢

再來是在Medium平台上,同樣題目的文章彼此會互相競爭,在Google上會直接顯示SEO較佳的那篇,而SEO比較差的那篇就會直接被忽略

最後讓我很困擾的是,儘管我精心設計了漂亮的Publication首頁,但是當我在在google搜尋我的名字時,跳出的搜尋結果都是導到其他的文章,或是很難優化的About頁面,這點真的讓我很不能接受


決定從Medium搬走

基於以上原因,我今年就開始思考要轉移陣地了,因為Medium真的比較適合單純地寫作,但不太適合經營個人品牌,礙於Wordpress架站的成本高昂,我就一直在尋找看看有沒有其他的替代方案

很幸運的,我在twitter發現到P.J.Wu,他是使用Zola+Github+Netlify的方式來取代Wordpress.com架站,而且架了一年多,感覺良好

仔細讀一下他的文章才發現和查資料後才發現,原來這種架站方式叫做靜態網頁,而Wordpress架站其實是動態網頁

動態網站架站模式

靜態網站架站模式

了解到這樣的差異之後,我終於搞懂為什麼wordpress架站要付那麼貴的主機費用(架站成本有75%都是花在虛擬主機上),因為瀏覽者不是單純直接看到網頁,而是要先連到虛擬主機,然後由主機去資料庫後台撈資料運算變成網頁來呈現給瀏覽者看 而靜態網頁則少了從後台撈資料這一步驟,瀏覽者是直接看到網頁本身的,大大減少運算資源,也因此伺服器運行的成本低很多,一些架靜態網站的伺服器,甚至提供使用者每個月100G的免費流量,這對一般架設個人品牌的網站來說,真的超級夠用了

選擇用Hugo架站

於是我就想說要用Zola來架站,但Google了一下,發現Zola的資源並不多,反倒是常被Zola拿出來比較的Hugo的資源超級多,光是網站的主題模板就有三百多個,而且hahow上還有課程教學要怎麼用Hugo架出免費的個人網站,還可以看別人架出來的成果

看到有課程手把手教學,我二話不說就趕快買課,嘗試用Hugo架站

不得不說,用Hugo架站真的會有一些小小的技術門檻,要申請Github帳戶、安裝VScode、跑終端機等等有的沒的,如果沒有程式底子,要靠自己查資料摸索真的會有難度,不過有課程手把手教學,跟著老師做其實就很簡單 運用平日下班晚上的時間,我大概花四五天就照著課程說明用Hugo把網站架出來,成果就是現在你看到的這個網站,自己覺得非常滿意


成果

再來是架站的成果,除了網站有比Mediium好看以外,最重要的就是要看新網站在google的SEO排名上到底有沒有優勢

首先是搜尋「陳文學醫師」這幾個字,我的目標是要排名第一,甚至要比醫院的搜尋結果還前面,下圖是搜尋的結果,可以很明顯的發現成功了,其實新網站上線大約一個月,我的網站就來到搜尋第一名了,這個SEO真的非常的強勁


再來是比較一下網站流量,前面提到之前在medium上幾乎沒什麼流量,下圖是我把網誌搬到hugo前的一個月,medium上的流量狀況:


再來是我搬到hugo後,透過google搜尋引擎獲取流量的狀況,可以明顯看到第一個月沒什麼動靜,第二個月逐漸成長,到第三個月已經遠超過medium時期的流量了


最後是最近一個月(6/20~7/17)的網站流量狀況,月瀏覽量797,是之前medium時期月瀏覽量的近20倍!!


以下統整一些用Hugo寫作時,會用到的Markdown語法


# 一級標題

一級標題

## 二級標題

二級標題

### 三級標題

三級標題

**兩個星號是粗體** 

兩個星號是粗體

*一個星號是斜體*

一個星號是斜體

1. 編號
2. 編號

* 爬山
    * 爬玉山
    * 爬雪山
* 看電影
  1. 編號
  2. 編號
  • 爬山
    • 爬玉山
    • 爬雪山
  • 看電影
> 大於符號是引言效果

大於符號是引言效果

[超連結](http://fm-cehn.tw)

超連結

圖片
![](/img/alishan.jpg)

三個點```號之間```是程式碼區塊
號之間

三橫線是分隔線


--- 


分享文章



關於作者

avatar

陳文學醫師,家庭醫學科專科醫師,任職於嘉義長庚,熱愛閱讀,對生產力工具也稍有涉獵。擅長口語化、視覺化複雜的抽象概念,讓病患能弄懂艱深的醫學知識,進而掌握自己的健康

了解更多 →


相關文章

瀏覽所有文章 →