ruby.js - 讓 Hexo 更方便輸入旁註標記 <ruby>

(最近更新:2014-08-12)
緣起

對於使用漢字的語言,因為漢字並無法完美的表達發音,有些時候需要加拼注音(旁註標記,日語稱為ルビ)在字詞上或右方,以方便讀者閱讀或知道字音。由於日本漢字詞一字(詞)多音的情況挺複雜,因此有些日本小說有時會在一些字詞標音(如青空文庫太宰治《人間失格》)。HTML 中可使用 <ruby>、<rb>、<rp>、<rt> 等標籤,來支援加注音的效果,雖然有些瀏覽器如 Firefox 預設不支援。
現在 Holo 話(閩南語)或是客語的書寫體系有三大種:全漢字、全羅馬拼音、和漢拼混合(漢羅)。鑑於排版的整齊以及 Holo 話用字不一、形音對應複雜的現況,個人目前比較喜歡使用全漢為主、羅馬字為輔,但仿效日本的作品,加上大量旁註標記以表達生難字、多音詞等等的發音或意思。然而 <ruby> 的標籤插入複雜,光是輸入「{rb|中區|Tiong-khu}」就得插入「<ruby><rb>中區</rb><rp>[</rp><rt>Tiong-khu</rt><rp>]</rp></ruby>」,key in 標籤就要打 20 個左右的字母,容筆者說難聽的,code {rb|花貓貓|hue-niau-niau},光讀就夭壽煩,日後編改更加予人起{rb|痟|siáu}。