9999.11.27
這個站，本來是用bootstrap寫的。只寫了半頁，只有一句話。然後就沒了，所有其它的功能，都用域名的方式，獨立的放在別的站台。甚至，文章、小說、故事，直接放在其它的平台上。
後來有想到要把它們全部都放回來，但是光用想的就想了很久。選擇框架和熟悉它，是一件漫長的旅程。學了又丟，重寫一次再來一次，嘗試，再修改。在這個循環裡無止盡。 為了讓網頁小動畫的作品有個地方放，用svelte kit寫了一次SPA(single page application)。
找了幾個framework，不要reactjs寫的，也不要vuejs寫的。一個學習曲線長，學了幾次也忘了幾次，有點沒信心；另一個，我只是不喜歡它官網的配色，和一些無關緊要的小細節，總之，感覺不對。不要ruby寫的，也不要只是template而以的，有套好的版面，一開始的樣式的，都不要。
網頁，的第一個要點，就是視覺，要有我想要的樣子。畫面的可控性是必要的。
第二，才是功能性。它要放小動畫、要放文件，可能還有小說，和一些碎碎唸。 寫文章的時候，不要用html標籤，放網頁小動畫的時候，不能用script把程式碼放進來。這樣才能專注在內容上，程式寫好放在react component裡面，文章用markdown做低度的格式化。最後用上了mdx，可以把兩者放在一起。
暫時會先放一些實驗性質的網頁動畫，放在外面的文章，有點和這裡風格相差太大，暫時先放小動畫和支字片語就好了。
這個站的動畫大部分會用p5js製作，站本身是用astrojs、tailwindcss搭建，動畫都是寫成component。每一篇夾帶p5js component的mdx，會使用playwright+create loop，將在開發模式下產生的gif檔案下載回來，以mdx檔名命名後用ffmpeg轉換成webm和webp，為了讓每個地方都能是透明背景的。
好的，不小心又說多了。單車地圖都還沒放上來呢！ 它是個有地圖和日期的腳踏車行經軌跡播放器。用php寫server event推送單車現在座標。而海浪是在練習NOC (nature of code)亂數的產物。接下來，會再一邊讀，一邊實做出小東西出來。