從 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
留言分享你的想法!
avatar-img
Jeremy Ho的沙龍
19會員
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
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
JSDoc 全名是 JavaScript Documentation,顧名思義是為 JavaScript 所使用的 API 文件,在程式碼內透過註解的方式撰寫,運行後 JSDoc 會自動掃描註解內容,並生成一份網頁版的文件,對於沒有使用 Typescript 開發的專案,也
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
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
本文整理了有關技術文件寫作的重要觀念,包括 docs as a product、內容優先,並說明如何構思文件架構。
Thumbnail
本文整理了有關技術文件寫作的重要觀念,包括 docs as a product、內容優先,並說明如何構思文件架構。
Thumbnail
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
本文主要在討論以 Docs as Code 方法來撰寫技術文件,此做法能否滿足企業內部對知識管理的需求。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
Thumbnail
列出一套完整的程式 程式設計有許多種方法,不過通常會先列出清單的再逐一執行,這樣會加快程式設計的速度。設計通常會採取順推的辦法。所以順推的程式設計方式就是經歷觀念溝通、系統分析、資料統合、權限管理、頻率與時間、後台管理、畫面設計等等階段後,將框架設計完了以後,先列出一套完整的程式,將所有使用者都確
Thumbnail
第一份正職工作 在iot公司擔任後端工程師,一上工就使用先前沒用過的php/laravel,也馬上負責公司產品的架構規劃,先前資料庫只有簡單記載使用者跟使用者的一些設定,很多地方有資料不一致的問題,產品內容還有很多實體的關係沒有被定義進資料庫都是這次改版我要做的事情。 改版納入公司、機器
Thumbnail
第一份正職工作 在iot公司擔任後端工程師,一上工就使用先前沒用過的php/laravel,也馬上負責公司產品的架構規劃,先前資料庫只有簡單記載使用者跟使用者的一些設定,很多地方有資料不一致的問題,產品內容還有很多實體的關係沒有被定義進資料庫都是這次改版我要做的事情。 改版納入公司、機器
Thumbnail
Vocus 新增了沙龍功能,目的是為了取代原本的「專題」,我這篇就來分享一下我目前摸索沙龍的經驗
Thumbnail
Vocus 新增了沙龍功能,目的是為了取代原本的「專題」,我這篇就來分享一下我目前摸索沙龍的經驗
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News