avatar
發佈

自架網站心路歷程:寫作動機和技術選擇

Table of Contents

為什麼要架設個人網站?

相信身為前端工程師的大家或多或少都有架設個人網站的想法(或夢想),但可能是因為知識的詛咒和完美主義的包袱,擁有了專業知識,知道建設網站的眉眉角角,以及要做得很極致可以做到什麼程度之後,就會想得太多或是想太客製化而遲遲沒有展開行動。

而且在 Medium 寫了一陣子後真的越來越受不了,諸如對中文圈太不友善,SEO 沒有很好,文章格式很難調等等因素,讓 Medium 反過來降低了我發文的動力。(藉口)

這次總算是趁著生日,想說送自己一個生日禮物就一頭熱地花了兩天把它建起來。

在建設過程中看著自己建過的半成品們,也真的感受到自己有所成長了呢,因為這次建置的更熟練也更快,成品也更滿意。

從 2019 年開始的每年都有一個「架設個人網站」的年度目標,總算是達成啦!

既然講完了架站的動機,下一個大哉問就是:為什麼要寫作呢?


為什麼要寫作?

先直接分享一些前輩們的文章,他們都是鼓勵我開始寫作的推手:

  1. 每一篇心得都有價值——為什麼初學者才更應該要寫心得筆記
  2. 寫一年技術文章的心得
  3. 我為什麼鼓勵工程師寫 blog
  4. 技術寫作六步驟 讓工程師撰寫流暢的技術部落格
  5. 你應該要嘗試的 WDL(Writing-Drive Learn,寫作驅動學習)

對我來説:

1. 滿足自己

我從以前無名小站開始就是個很愛寫東西的人,在 FB, IG 也是著名地愛發長文,我想我就是有股「寫」的慾望,只是一直沒覓到好的寫作空間。

2. 寫作不是思考的產物,而是你實際的思考過程

有在寫的人應該都會有類似體驗,越寫會有越多東西想寫,因為透過寫作我們可以自我對話、梳理思緒,我現在在釐清很多需求跟流程時也都習慣透過寫作,而且你寫得出來通常就代表你懂了。

3. 寫作是跨越時空的

我現在讀的這本摩登時代是伊坂幸太郎在 2008 年寫的作品,前陣子分享 Huli 的文章是在 2020 年分享的,而此刻 2023 的我正受到他們文字的影響。

我也開始期待起我的文字在時間的洪流下會起到怎麼樣的作用了,當然也可能完全沒有作用,但即使如此也無妨。

4. 拋磚引玉

把自己的所思所想所學寫出來,除了釐清思緒之外,偶爾說不到也會有路過的大神來提供想法並交流,能與他人討論的經驗無疑是寶貴且受用的。

(當然純粹想來指教,提出一些沒有建設性的批評的就敬謝不敏了。)

4. 練習英、日文

除了上述寫作的好處之外,其實練習其他外語也很有幫助。我認為做什麼都是從做中學最快、最有感悟,直接開始用目標語言來寫文章,絕對可以快速累積對單字、文法的理解,剛開始一定不輕鬆,但我相信寫到後面一定倒吃甘蔗。

討論完 Why 之後,接著就來講 How(技術上的選擇)!


技術上的選擇

由於自身就是寫網頁的工程師,所以就不會考慮 Wordpress 或其他套版網站,因為摸索那些工具的時間可能都比自己寫還久,而且很沒成就感又一堆問題哈哈

我依序嘗試過

  1. Next.js
  2. Hexo
  3. Astro
  4. Docusaurus

在繞了一大圈後,我又回來 Next.js ,選擇的原因主要是:

  1. 我本身就會寫,不用多學一套工具
  2. Next.js 在工作上是用得到的,而且越來越多公司採用
  3. 相較於其他工具,我認為 Next.js 是最自由最有彈性的,想要做得很簡單,或是做得很炫炮都可以。(雖然不一定會那樣做,但我想保有選擇的感覺。)

其實我的目標很簡單,要支援多種語系 、Markdown 格式、文章目錄、標籤、深色模式、搜尋功能、留言區......等等(完全不簡單啊!)

這些如果都要我自己一個個把功能寫出來的話真的太累了,但也不想去用新工具踩坑(Hexo 的 Theme 很多都沒在維護了、Astro 則是要理解一堆新語法),突然想到就算要用 Next.js 也不代表要全部手寫,一定也會有很多人幫忙寫好部落格的樣版。

於是我先參考了 一個炫砲技術部落格的誕生 - Modern Next.js Blog 系列,雖然含金量高,文章也寫很好,但真的太炫炮,對我來說有太多不需要的功能。

最後是使用 "nextjs blog template" 這組關鍵字找到了 tailwind-nextjs-starter-blog,以及他的 i18n 版本,以這個版本來修修改改成為你們現在看到的樣子!

網域在 GoDaddy (聽說很盤,歡迎推薦其他品牌)上買的,因為是紀錄生活,覺得選用 life 挺不錯的。

上線則是先使用 Vercel ,等流量有起來再看要不要換。


目前對網站的規劃跟期許

第一件事當然就是把之前寫過的文章都搬過來跟翻譯,預計一週一篇啦!一週練習寫一篇英文跟日文的文章剛剛好(但現實是很骨感的,就看我到時候能做多少了)

內容上,預計會涵蓋 Web 技術文章、讀書筆記、個人心得和一些乾貨分享!

功能上,會陸續開發「留言」、「側邊目錄(Table of content)」、「贊助我」、「電子報」等功能,以及不定時地進行樣式的改版(看能不能放一些炫砲動畫之類的)。

另外我個人很愛看動漫,也有在業餘寫小說,不過感覺都放在這裡的話會有點混亂,可能到時候再放到另一個網站吧(或是我懶了就都丟在這)。

感謝讀到這邊的你們,接下來就敬請期待囉!