Pixel GIF – 烘焙雞
最近全心全意在做我的烘焙雞1。
一週前我滿懷雄心壯志，開始用 Publii 做我的個人圖庫。其實在設定好主題的那一刻，網站就已經完成了，但接下來我想把網站佈置成我想要的樣子，才發現困難重重。
首先 Publii 新增文章的方式有所見即所得、區塊、Markdown 三種編輯器，然而這三種編輯器在同一篇文章中並不能隨時切換，在 Bear Blog 可以寫 Markdown 的同時加上 HTML 來實現一些想要的效果，但在 Publii 不能這樣做。
再來 Publii 的主題並不像 Bear Blog 這樣把 CSS 全部寫出來給大家看，所以雖然它有自訂 CSS 的功能，但實際操作時常常遇到寫了卻沒有反應的情況。比如我不想要精選圖片重覆顯示在內文中，找 ChatGPT 求救，一開始在自訂 CSS 的欄位寫 .post-template .featured-image { display: none; } ，一點都沒有用。後來才學會要先從瀏覽器 F12 裡面撈圖片真正的 class，對應它的 class 寫法，最後是寫 .content__featured-image { display: none !important; } 才終於把文章內的精選圖片拿掉了。
整個自訂主題過程對半年前還在用 Blogger，最近才知道 HTML、CSS 和 JS 有什麼不同的小白來說，實在太挫折了。可是我又不想就這樣吞下不喜歡的版面。就在這時，我想起了廢文小天地的文章〈設計極簡部落格〉。
我在上個月讀到這篇文章時，有將皮皮的示範網站下載下來觀摩，雖然看起來不複雜，卻不知道從何下手。直到這個月用了 Publii 突然開竅，發現只要能做出一個 index.html 加一個 style.css，應該就是一個網站了（吧！？）。所以我想，與其繼續在 Publii 這邊當個「我要一個鮪魚蛋吐司，加玉米起司和火腿，不要小黃瓜不要番茄醬，美乃滋多一點，吐司換成全麥的，要切邊烤焦一點」要求很多的客人，不如自己動手，做一個完全客製化的網站！
有了這樣的構想以後，我畫了一張圖，告訴 ChatGPT 我想做一個長得像這樣的圖庫，然後描述想要的功能。
經過一週的修修改改，目前首頁長這樣。
看著網站漸漸成形，我居然開始能體會 JN 之前做 Y2K 網站時說的，「可以決定網站上的一切」的快樂。然而如果沒有 AI 協助，即使腦袋裡有想法、讀了網頁設計的教學書，肯定還是無法憑一己之力用 HTML+CSS 做出網站，在這個過程中我感受到自己真是享盡了時代的紅利，感恩的心。
雖然一個大外行做的網站大概就像三隻小豬的茅草屋一樣一吹就倒，也許我最後還是得回到 SSG 的懷抱，但至少體驗過客製化的樂趣了，心滿意足。
想起以前在學校用 Dreamweaver 做班級個人網頁就覺得自己是個電腦小天才，現在早就沒有人在用了。真希望當初學的是 HTML，歷久彌新。
← Previous | →