鯊士比亞

漫無目的

在我很小的時候，這件事純停留在點子的等級。我當時對於程式，甚至是網頁設計的了解都很淺，所以只是漫無目的的在網路上搜尋「Free Website」「免費網頁製作」。

國中時參加過一個自主學習的課後班，我當時給自己的目標是我要當一個 Youtuber，我還很認真的拍了一隻 Minecraft 教學影片，不過真的很爛就是了。我想到好像有一個屬於自己的 Youtuber 網頁很不錯，所以我就開始瘋狂找資源。這時候還沒有太注重部落格，因為當時的目標是 Youtuber 的個人網頁。結果我一頭栽進去做網頁這件事，後來我也沒有成為一名 Youtuber。

我很清楚我真的不會寫網頁，所以我就很看重「拖移式建構」，比如說知名的 Wix 和 Weebly 都有提供。不過他們都只提供免費子網域，無付費方案連結到自己的網域，加上功能和元件真的太多了，才國中而已哪有什麼經歷和內容可以放，真的要建立網站時反而不知道如何做。總之這件事漸漸厭式微了。

Google Site

雖然我沒有繼續當個 Youtuber，不過我仍有很多想法想要做成網頁。後來我尋到了 Google Site 這個東西，算是一個很簡單的網頁製作工具。但基本的元件和排版，比如說大標題、目錄、按鈕、分隔線還有一堆 Google 服務的嵌入非常吸引我，甚至還可以分頁面，所以我有好一陣子都在用這個工具，有很多現在都還保留著。

當時我也宣稱我會做網頁(現在看起來真的很天真)，我身邊的人或是網路上的朋友會找我幫忙做網頁，我就當成免費接案在做。有些作品我至今仍保留著在雲端硬碟內

以下所有內容所屬的專案現在都已經沒有在維護或是被拋棄了，就不再多贅述。

免費網域

後來找到 Freenom 這個網站，提供 .tk .cf .gq .ml .ga等頂級網域的註冊，我就註冊下來之後用 Name Server 轉去 Cloudflare 管理。所以你看到上面那些舊的網站有的附有自訂網域，都是拜這個網站所賜。

我本來是打算自架在電腦上，但是我並沒有申請固定 IP，所以我的網域很難綁定到我的電腦本身，所以我又去找了 No-IP 的 DDNS，但幾乎都是一邊做一邊摸索，技術知識基本為零。所以這個服務真的幫了我

不過我其實有發現 Domain Parking 這個東西，大致上就是把閒置的網域交給服務商放廣告，有人點了就可以賺錢。而得利於免費的這個特性，freenom 所持有的頂級網域大量被拿去做這件事，以及許多釣魚詐騙的應用。而且 Freenom 並不會停止供應域名給因為釣魚詐騙而被下架網域的擁有者，所以後來因為種種因素被告了。 新聞在這

總之 Freenom 現在處於死透狀態，網站還在但沒用了。所以我的自訂網域名也大致上死亡，但那是很後來的事了。

Wordpress: 自架

後來我接觸到 Wordpress，被廣告說「30%的網頁使用 Wordpress 建置」而吸引，於是開始使用。 但 Wordpress.org 提供的只是一個 CMS，實際上你要自己找託管或是在自己電腦開。

我照著安裝步驟一步步來，可是 Wordpress 涉及資料庫和 PHP 等技術，我當時根本不知道怎麼做，也看不懂除錯訊息，於是只能一直刪掉重來。期間我還不曉得從哪裡知道了 xampp 這個東西，我到現在還是不知道如何使用。

InfinityFree

後來我意識到我不可能24/7開著我的電腦，所以我就瘋狂挖免費託管。挖到的不是在網頁下方塞廣告，就是限制一堆。後來挖到 InfinityFree，我看中的就是其他託管商的限制他都沒有，而且後台面板可以一鍵安裝 Wordpress，這可是大好消息啊。

我從這裡才開始真正使用 Wordpress 當作我的寫文章網站。雖然現在沒有在用 InfinityFree 了，不過我還是很讚嘆它帶給我這個免費仔的好處。現在介面變清爽了，沒有那種老舊感，不曉得服務是否還是一樣。

小缺點是他們提供的子網域辨識都都太高了，很明顯看得出來這個網站掛在一個主機商之類的下面，這是我的個人美學不允許的，所以我使用當時還活著的 Freenom。

Wordpress: 從入門到放棄

我其實有被 Wordpress 的高度自定義和豐富的社群驚艷到。佈景主題都超漂亮而且插件超級多，可以不只當作部落格，直接架一個購物網站都可以。當時 Elementor 應該算蠻紅的，是一個拖移式建構頁面的工具，不過很多元件都要付費。

我盡可能用不碰 php 的方式調整我的網頁，設定側邊欄和文章風格等等，去找了很多 Wordpress 外掛推薦等等教學。我同時也覺得 Wordpress 內建的寫作器確實不錯用。

我也嘗試把我的網頁上架到 Google，為此去研究了 Sitemap 和 Google 搜尋工具。不過我也漸漸意識到 SEO 真的很重要，我的網頁甚至要加關鍵字 site: 才能找到，而且索引超慢的。是有 SEO 專屬的插件，但我也研究了好一段時間。

但問題也漸漸顯現出來了：寫部落格終究是點子，我的人生經歷和知識不足以撐起我的內容。我花了大把時間設定樣式，但是我的內容寥寥無幾，打開寫作器就不曉得要寫什麼。我一直以來沒有寫日記的習慣，所以我的日常生活內容也不是那麼容易下筆。再加上我要會考了，這件事就慢慢被離開我的腦海裡了。

不過設定網站的過程也算是一種樂趣，有一塊自己的空間能夠變成想要的樣子，就算只是個空殼也沒關係

Github

後來上高中開始很認真的學程式，就接觸到了 Github 這個東西。當我發現有 Github Pages 時，我就覺得這就是我要的。雖然前面一直提子網域的頂級域名問題，但是如果是 github.io 我反而能接受。因為我已經決定入程式圈了，如果我自己的網站是 github 底下的，應該是蠻合理的。

所以我就開始研究怎麼在 Github 上放網站，本來還打算手刻了。但我想到一件事： Wordpress 充其量就是一個網頁檔案生成器，會不會有工具也可以做到生成純 html/css/js 的網頁？

Hexo

我首先找到了 hexo 這個工具，是用 node.js 做的部落格工具。有點忘記是怎麼找到的了，但可能是跟 和泉學長 有關，不過我真的下載之後發現很多佈景主題都不像是我要的樣子，我想要的功能都沒有。最後輾轉找到 butterfly，這同時也是和泉學長在用的佈景主題，不過他的網站比我當時做的華麗多了，我沒有去問他是怎麼做的，但第一次點開很驚艷。

學長的部落格在這裡 -> https://gallen881.github.io

我就開始在上面更新一些東西。Hexo 的文章主要是解析 Markdown，所以非常方便寫作。不過現在舊的部落格撤掉了，也許哪天會重新上架，但我比較想把文章搬過來就好。同時我在學校也開設了小社課，教 Discord 機器人，我把我的上課講義也用 Hexo 寫成部落格，有興趣可以去看看。我之後應該也會改寫我的講義，因為當時是一邊備課一邊寫出來的，甚至很多是上課前才寫的，超級隨便。

講義在這裡 -> https://shark-speare.github.io/dcbot

Astro

後來我發現了新東西，就是現在使用的 Astro。他的特色是減少客戶端的 JS 運算，讓網頁速度更快，同時也盡量採伺服器算繪。同時這個工具也接受 md 解析，這讓我不需要特地適應新工具，馬上就可以開始寫，甚至也可以把我用 Hexo 寫的文章搬過來。

最大特色是他能寫元件，做成自訂義的 HTML 標籤，而元件內可以用任意網頁框架，甚至還可以混用。這些元件會有自己的獨立 javascript，讓網站速度更快，同時保留速度。而且社群佈景主題也同樣很豐富，而且他不像 Wordpress 那樣有很固定的框架，基本上都是每個開發者自己寫出來的，而寫出來的東西也不會藏在後台，都是100%開放自己編輯，所以在保留美觀的同時自訂性又高到驚人，這正踩中了我要的。

我學會程式後可以看得懂 js 的邏輯(程式語言的邏輯都差不多，只是有些特殊用法我會另外查)，所以我幾乎是可以完全自己設定佈景主題的每個角落。現在在用的這個是我找了三四個佈景主題以後選到我最滿意的。因為提供很多小區塊，比如技能、專案等等，不過先前我找的也都很優秀，只是沒踩在我的點上。

現在我正在 Astro 上寫文章，我也有東西可以寫了，不論是我自己的開發經歷還是日常生活。我會慢慢練習把事情記錄下來，寫成有內容的文章。感謝你閱讀到這裡，想閱讀更多可以定期回來看看我 (≧∇≦)