Indie Web
前幾天,我在找關於 Indie Web 的資訊的時候,看到了 Marighoul 的 YouTube 影片:
沒想到,影片裡面的 Indie Web 跟我要找的根本就不是同一個東西。
這個 indie web,指的是大多架在 Neocities、很有 Y2K 的風格的個人網站,而且他們已經形成獨特的文化。
放幾個網站在這邊,你大概就能明白了:
Lazer-Bunny

AP’s Hub

Hill House

PetraPixel

每一個都超!可!愛!而且都很有特色 ><
我看到的當下就被燒得不要不要,馬上就決定也要做一個了。
反觀社群平台
- 為什麼「關於我」只能放少少的幾行字?
- 為什麼 banner 不能放好幾張圖片輪播?
- 為什麼寫任何東西都只能用「貼文」或是「圖片」的方式?而且還不能分類?
- 為什麼圖片的比例不能自己決定?
社群平台能被吐槽的地方太多了,但這些問題在個人網站都不存在。
自己寫一寫,或者去偷抄別人怎麼寫,上傳上去就有了。
這也是為什麼 neocities 上的每個網站幾乎都長得不一樣。
誰要玩什麼大家都長得一模一樣的社群平台啊?
做自己的 Y2K 烘焙雞才是最ㄅㄧㄤˋ的事情!
註:烘焙雞 = homepage
你可以決定一切
在 Neocities 上,有很多人是手刻 HTML 的,雖然也有一部分的是用 SSG,甚至是用 WordPress 之類的 CMS。
但這都不影響這些個人網站的核心價值:你可以決定網站上的一切
對,就是一切。
包含背景、配色、字型、排版、指標、網站架構。
圖片要幾張、要什麼比例都可以;文章要寫什麼、要多長也可以;
要在頁面上放寵物也可以;想要圖和字穿插在一起也可以;
整個網頁轉 57 度也可以;變成 Win 98 系統也可以。
只要你做得出來、有辦法放上伺服器,唯一的限制就是你的想像力。
特別的社交文化
而讓這些個人網站與其他網站不同的地方,除了獨特的視覺風格以外,還有另一個很重要的元素:社交文化。
獨立的個人網站要怎麼社交呢?
除了透過一般的 留言區、誰來我家、chatbox 以外,大家還會做網站的徽章、放上友站的徽章,也會加入各種 Webring、Fanlisting,凸顯個人的屬性或特色。

至於 Webring 和 Fanlisting 到底是什麼,我也還沒有了解得很透徹,也許我可以在之後再分享,或是有大大清楚的也可以告訴我 XD


這是在 Y2K 的時候就存在的一些文化,大家因為想找到有某個屬性或興趣的人,透過這些串連,去找到不同的網站,然後再從每個網站完整地認識不同的人。
這真的超酷!對吧?
為什麼還要再做一個網站?
問題來了:我已經有一個部落格了,為什麼還要做個人網站?
這得說回 Blog 的核心「Log」,就是「紀錄」,也就是一篇一篇的文章。所以我的選擇是用 Hugo 這樣的 SSG、套一個順眼的 theme,這樣我就可以用 Markdown 開始寫文章了。
而個人網站的核心是「個人」,目的是透過一頁一頁的「網頁」,讓網路世界知道你是誰、你是怎麼樣的人?
雖然我也可以透過修改 theme,甚至是自己重寫一個,來把這裡變成個人網站。但不得不說,面對像 Y2K 那種需要大量手刻 HTML 的情況,Hugo 這種針對 blogging 設計的 SSG 還真的不是非常適合。
我當然也可以換 SSG,但短期內還是算了吧。我還是先另外再搞一個個人網站,不同的網站就針對不同的目的。而這個社群幾乎都使用英文,我也可以趁這個機會,做一個英文的網站,就不會和這個部落格太重疊了。
而且再怎麼說,拿 “blog”.giveanornot.com 來當個人網站總覺得怪怪的。也慶幸我當初把 “giveanornot.com” 留下來,不然我這個時候可能就是在煩惱要不要再買一個 domain XD
開工…?
雖然我也算略懂前端開發,但要開始的時候,我還是有點 panic。
技術只是一部分的原因,主要是能做這件事情的方式太多了!也有很多事情要決定:
- 架在哪裡?
- 叫什麼名字?
- 用什麼語言?
- 風格怎麼樣?
- 放哪些東西?
- 用什麼技術?
- 要不要和部落格整合?
在這種情況下,我想到了我附近最接近 Y2K 的那個網站:廢文小天地 XD
這個站可是 DIY SSG,而且有自己的 徽章:
![]()
我寫了封信過去,想要請教一些經驗。來回了幾次之後得到的結論是:
先做就對了
就是做下去就對了。很多事情還沒決定也沒關係,先把能做的事情做完再說(謎之音:怎麼有種敏捷開發的味道 ww)
所以我就先弄了一點東西,放到 neocities 上面去了。傳送門:https://giveanornot.neocities.org
(裡面有很高機率和下面的截圖不一樣)

現在只是拿個 template 套一套而已,還醜醜的,還需要花不少時間慢慢去修。等到我搞出一個樣子之後,再來分享我是怎麼做的吧~~
至於上面的一大堆問題,就交給未來的自己吧 ˊˇˋ