從 vocus 到 wordpress,再到 docusaurus

更新 發佈閱讀 4 分鐘

重要通知

這到底該算是一篇簡單的心得文還是通知文 XD。

事情是這樣的,我上次在 vocus 發文已經是 12/4,哇,已經是去年的事情了。將近 40 多天沒在這裡發文,不是因為沒寫文章,而是我把新的文章都放在 CodeFictionist,一個我用 docusaurus 建立的部落格。

雖然我不是什麼厲害的作者,但在 2023 下半年還是看到陸續有ㄧ些人開始追蹤我,尤其是網頁開發的系列,我得說聲抱歉,因為寫文章需要時間,我最近也稍微忙碌 (其實也都是在忙自己的學習啦 ><),恐怕沒什麼時間把筆記紀錄轉為比較口語化的部落格文放上來 vocus,所以要是願意的話,還是麻煩前往 CodeFictionist 觀看吧!(那邊的風格會偏技術文件,因為很多都是我開發時順便寫的)。

為何要搬遷

如我這篇文章 (Hello, Docusaurus) 所述,我覺得在 Vocus 上寫筆記就是少了一味,大概就是少了 Notion 或 Gitbook 那種感覺,而且我也需要一個更自由、更方便管理的文章、管理檔案的部落格網站。

我想過要自己寫一個部落格,畢竟我是前端工程師嘛,但想到還要搞資料庫、還要寫 API 有的沒的,我就覺得算了,還有太多專案要寫,部落格就從簡吧!

後來我一開始是先使用 wordpress 架站,畢竟在我幾年前還在用 Blogger 時就耳聞他的大名,但實際使用之後,大概一周左右,我就把 Cloudways 主機和 Elementor Pro 給退掉了。

為何?這玩意兒方便是方便,但自由度好低啊!想要更多自由度,哼哼,麻煩你多花一些錢解鎖!

不要說為什麼不選擇去改 wordpress 的 pHp 檔案,問就是我嫌麻煩 XD。

我粗估了一下,用 worpress 架站,一年大概要花將近 7000 台幣:網域平均一年 510、cloudway 14 美/月、Elementor Pro 59美/年。要建出我夢寐以求的網站要花好多錢啊...。(想看更多 wordpress 心得,看這篇)

Why docusaurus

再決定要棄用 wordpress 後,我有優先考慮 Hexo,畢竟當初其實就有思考用 Hexo 架站,但聽說他的文件管理稍微沒那麼直覺,我才會在最初選用 wordpress。

後來某天上班再找資料,逛到 PJ 老師的技術站,對於那個網站的風格驚為天人,這種排版、這種分類,不就是我想要的嗎!看了一下,是用 docusaurus 建的,於是開始查資料,越看越喜歡,因此有了 CodeFictionist 誕生。

docusaurus 是什麼?他是 React 的開發團隊,也就是 Meta 所開發的靜態網站產生器,所以他的一切都是基於 React。這對我簡直是個福音!我最一開始會的 framework 就是 React!

這不只給予工程師一個極大的自由度,其實對於那些不會寫程式的人來說,只要你看得懂英文,你也可以照著官方文件一步一步做出來,只是會稍微辛苦一些,因為還要學 Git、學 VScode、學會一點 debug,如果想像工程師一樣可以自由掌握整個網站,你還要會寫一點 JSX。(但你可以選擇看我的文章 XD)

關於 Vocus 之後的安排

至於會不會放棄 Vocus?原則上不會,但是我大幅減少發文頻率以及內容。

基本上技術文章不會繼續在 Vocus 更新了,畢竟寫筆記跟寫部落格紋的風格還是有差,我有點懶,也沒那個時間 (我給自己在 2024 安排了好幾個專案與目標 ><)。

之後大概只有向本身就是部落格文的內容才會同步發到這裡,比如說讀書心得或是一些其他心得。

結語

說實在的,我是一個部落格菜鳥,有時也會想到底有沒有必要發這篇文解釋一下,解釋了有點自作多情,部解釋又有點不負責任,但反正我後來還是決定發了。

如果大家不嫌棄的話,可以把 CodeFictionist 存起來,之後的技術文章都存在那了。

該說的說完了,下台一鞠躬,謝謝大家!小弟的 Vocus 要進入半隱居狀態了。





留言
avatar-img
Jeremy Ho的沙龍
20會員
37內容數
這個專題用來存放我在學習網頁開發時的心得及知識。
Jeremy Ho的沙龍的其他內容
2023/12/04
Basic python data structure
Thumbnail
2023/12/04
Basic python data structure
Thumbnail
2023/12/03
從 leetcode 學資料結構堆疊 (stack)
Thumbnail
2023/12/03
從 leetcode 學資料結構堆疊 (stack)
Thumbnail
2023/11/25
從 JavaScript 到 Python
Thumbnail
2023/11/25
從 JavaScript 到 Python
Thumbnail
看更多
你可能也想看
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
本文整理了有關技術文件寫作的重要觀念,包括 docs as a product、內容優先,並說明如何構思文件架構。
Thumbnail
本文整理了有關技術文件寫作的重要觀念,包括 docs as a product、內容優先,並說明如何構思文件架構。
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
Thumbnail
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News