誰想玩社群平台?我要做超酷超ㄅㄧㄤˋ的 Y2K 個人網站 :3

這個部落格要被廢棄了?

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,凸顯個人的屬性或特色。

PetraPixel 的芳鄰

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

Lazer-Bunny 的 WebringLazer-Bunny 的 Fanlists

這是在 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 套一套而已,還醜醜的,還需要花不少時間慢慢去修。等到我搞出一個樣子之後,再來分享我是怎麼做的吧~~

至於上面的一大堆問題,就交給未來的自己吧 ˊˇˋ

與你的連結,是我寫部落格的動力

喜歡這篇文章的話,歡迎 在下方留言 或是 寄 Email 回饋給我!

也可以去 誰來我家 簽個到,或是去 看看其他文章 ~~

使用 Hugo 建立
主題 StackJimmy 設計