今天終於將 blog 上面的圖換掉，換成東方project中的三位魔女，左至右分別為魔理沙，帕秋莉和愛莉絲，Pixiv ID:51596801 。

在一開始隨便將圖放上，效果其實是非常差的。因為上面呈現的範圍只有一小區塊，而且預設是置中呈現，會對原圖人物的頭部部份給切掉，而且色彩偏向明亮，對文字會干擾模糊。因此就要根據這張圖來調整網頁呈現。

在準備開始調整時，其實我內心一點頭緒也沒有，對前端網頁呈現一丁點也不懂，這時候就只能先把 firefox 的網頁開發者工具開啟，觀察頁面元素，找出上頭呈現範圍所對應的 html 元素。如下圖：

然後看到右邊分隔頁的 rule ，看起來是 css 設定，於是去找其他網頁來比對設定。接著就是開始 google 大法，找這些關鍵字要怎麼設定，再利用 firefox 提供的開發工具可以隨手改動數據，立刻顯出效果。經過幾番嘗試後，開始知道要怎麼調整了，後面就開始邊調邊想像我想要做成的畫面。結果就做出感覺還不錯的成果，這也歸功於於設計者先天設計良好，隨便調都好看。

到這邊為止算是稍微撇到前端千變萬化的一小小部份，不過能改變別人寫好的程式，內心會開始沾沾自喜起來。接下來想要在右邊欄位放上個人簡介，將會是另一番工程要奮鬥。