2021-07-10 奇幻小說「雨火」插畫完稿

好多年前， 當我因為自己完成的第一部小說幸運得獎而獲得實體出版機會的時候， 最期待的就是看到自己創作的故事能被視覺化。

現實往往不如想像來得美好， 至少從我的個人經驗而言， 實體出版的插畫工作有很多都不是文字的作者能夠掌控的， 包括時間規劃、溝通流程、規格指定，以及最殘酷的——預算。

我的第二部出版作品《悖理紅的女孩》甚至是找知名日本插畫師合作的。 這當然在那時候也不是來自作者的我的提案， 但我哪有什麼好拒絕的理由？ 其實還真的有。 請日本插畫師的預算鐵定是比請國內插畫師還要更高， 那就代表能畫的張數更少， 就更別提跨語言跨文化的溝通問題。 這些，在當時，全都不是我來決定的。 從商業出版的角度來講，我的作品其實不全然是我的作品。

擺脫實體商業出版這道枷鎖之後， 我總算能夠更自由地思考要如何替自己的小說追加視覺側寫。 呃，當然，我還是有預算考量的。 但我沒有商業上的預算考量。

那是真的很開心。

配合插畫的上線，小說文本也做了一些小更新！ 歡迎前往首頁或從以下介紹的連結進入小說頁面閱讀喔！

雨火

「只要時間沒有盡頭，我們一定會再相遇。」

女孩離家出走，不顧一切穿越戰區，只為抵達遠方那座神靈之山，而無人知曉其目的。

男人於邊境之都面臨空前的死亡危機，然後遇見來自敵國的她。


2020-06-23 正式上線

本站以R Markdown打造，再配合Github-Page直接佈署上線。

原本其實是打算用blogdown，但發現沒有想像中無腦，就放棄了。 然而rmarkdown目前的主幹還沒有支援Bootstrap 4，讓我想要在主頁上做的一些效果變得有點費工。 所以目前採用的是#1706分支，有若干問題仍待解決。

rmarkdown#1706的若干問題

第一個問題是這裡， 關於上方navbar的top margin。 目前只能將調整用的CSS寫死並刪除原本的link rel。 另外考量到對子目錄的不友善，因此在rmarkdown::render_site之後要做一些後處理（刪檔）才能把站體結構變得比較乾淨。 _site.yml的exclude參數對子目錄的內容顯然並不生效。 最後就是viewport的meta tag產生似乎有問題，目前所有頁面都配合metathis順便另外生成來解決。

其他特化部分

除了rmarkdown本身提供的框架內容，我另外特化了幾個地方，幾乎都是用Bootstrap 4實作。

2. Preloader

小說頁面載入時的轉圈圈。 本來想隱藏整個頁面只有圈圈直到完整讀取，後來懶了。

3. Grid & Cards & Hover Effect

主頁的小說頁面連結是直接用html另外刻的。 花費最多心力的是那個Hover效果，尤其是在嘗試如何把效果只作在圖而不是整張卡上。

4. Google Fonts

為了求簡，所有小說頁面都是self-contained: yes，但如果加入網路字型，因為文本龐大會導致內嵌字型後頁面變得超級肥大。 十萬字中文大概會需要總共15MB的內嵌（兩套）字型檔。 為此探索了一陣子，才發現pandoc可以用data-external="1"這個屬性來作各別的例外處理。 所以目前只有Google Fonts仍然自外部讀取，其他資源（主要都是Javascript套件）都是內嵌。