【感想】年末大掃除時間，過去的創作也一併大掃除，原始碼優化計劃

如篇名，這一陣子主要在忙碌的事情
在熟悉交互使用《所見所得》、《原始碼》兩種編輯模式之後
瀏覽過去幾篇在小屋語法還不是很成熟的那個時期所發的文
或是在《所見所得》直接貼入外面連結、文章、word文件移過來的句子
會發現雖然表面上看不出來，原始碼卻會是亂無成章的龐然大物
雖有「清除文字效果」這項好道具，不過有時仍會出現擦拭不掉的情況
當創作屬於很長的文章時，管理起來簡直慘不忍睹
無形之中，就在自己的創作中產生了不少語法垃圾

---

有鑑於此，筆者就將過去的創作在不影響排版的情況下做大幅度修改

更改內容包含：
文章原始碼徹底優化，包含字型、連結方式、表情符號等
拿掉早期圖片連結會多餘的連結語法
砍掉用不到的語法垃圾，減輕系統的轉換負擔
內嵌影片調整成最適大小
『局部』失效網址、影片汰換
表格語法最佳化

小屋改版後的相關調整：
因應被擠壓的排版寬度，增加長句斷行
小屋創作相關外連網址修正成改版後的

這樣講可能有點抽象
下面就舉例一些過去創作(現在也可能？)會出現的編排問題
進來觀看的版友們若有空的話，不妨也試著將過去的作品修整到更加精煉吧

---

推薦工具
Notepad++
超強化版記事本，能更加方便修改和管理文字檔案
雖然有無法直接打日文的缺陷，用貼上的話則安定
不過仍無法顯現一些極特殊的符號就是
這部分就配合Word交互使用吧

---

字型篇

小屋的創作，文字當然是幅度占最大的部分
多樣化的字型搭配自然是讓創作風格變得更加豐富的元素

大小
例如以下Ｔ設定為「大」的句子
神鷹天翔腳

最理想的狀況
[size=4]神鷹天翔腳[/size]

不過如果一次轉換不完全(例如『神』『鷹天』『翔腳』這樣逐字變動的失誤)
[size=4]神[/size]鷹天[size=4]翔[/size][size=4]腳[/size]

或是反覆跟換幾次(這狀況現在比較不易發生，除非配合上者就另當別論)
[size=5][size=3][size=4]神鷹天翔腳[/size][/size][/size]

就會變成如上面出現多餘語法的狀況
在單獨使用的狀況下換色跟粗體等標籤的狀況也大同小異，下面就不做贅述

＊標籤效果是以最裡面的優先


換色
雷魚游泳彈

最理想的狀況
[color=#800080]雷魚游泳彈[/color]　→用跳出式視窗選擇
[color=rgb(128, 0, 128)]雷魚游泳彈[/color]　→直接選色
視慣用的情況選一種

多種顏色混搭的狀況
蒼牙轟雷彈

可以是這樣寫
[color=#000080]蒼牙[/color][color=#FF0000]轟雷[/color][color=#000080]彈[/color]

也可以運用標籤包附的特性，優化複雜度
[color=#000080]蒼牙[color=#FF0000]轟雷[/color]彈[/color]


粗體、斜體等
ああああ　AAAA　正黑體

最理想的狀況
[b]ああああ[/b]　[u]AAAA[/u]　[font=微軟正黑體]正黑體[/font]


混合用法
上述的狀況在單獨使用場合幾乎大同小異
不過合在一起時用時就比較容易混雜了

舉例來說，超過一句的連續效果文字
幻想乙女囃子
鼬鐮疾走
獄魔神操

一般來說是這樣寫
[b][size=4][color=#FF0000]幻想乙女囃子[/color][/size][/b]
[b][size=5][color=#0000FF]鼬鐮疾走[/color][/size][/b]
[b][size=5][color=#008800]獄魔神操[/color][/size][b]

若有些語法接下幾句也會持續使用的話
就把它放在最外層做包覆，可以省下幾次重複的使用
[b][size=4][color=#FF0000]幻想乙女囃子[/color][/size]
[size=5][color=#0000FF]鼬鐮疾走[/color]
[color=#008800]獄魔神操[/color][/size][/b]

[b]、[size]、[font]、[color]等都能使用此方法
就看內文接下來的使用頻率
另外就是留意水平線標籤[hr]會自動截斷連續語法的動作

如
[b][color=#00FF00]第一排範例
第二排範例

第三排範例[/color][/b]

空白地方插入水平線就會自動變成
[b][color=#00AA00]第一排範例
第二排範例[/color][/b]
[hr]
第三排範例

Enter的奧妙
在《所見所得》模式下按Enter，等於自動生成一次[div][/div]包住接下來要寫的內容
另外，從外面貼上超過一句以上的文字時也會自動產生
一般情況，[div]標籤最大的用途在於對齊
沒做這動作的話，它就純粹只是肥大文章和加強管理難度的主要元凶之一


連結篇
Bahamut

最理想的狀況
[url=http://www.gamer.com.tw]Bahamut[/url]

直接貼連結會發生類似的狀況，連字體的語法都一併用進來
[font=Arial][url=http://www.gamer.com.tw][u][color=#FF0000]Bahamut[/color][/u][/url][/font]

偶爾會出現以下的連結網址
那是直接連到《巴哈姆特系統訊息》的畫面
當網址很長或是中文字網址時，那就很可怕了
且通常系統就會直接轉換，不用刻意去指定增加文字量
[url=http://ref.gamer.com.tw/redir.php?url=http://www.gamer.com.tw]Bahamut[/url]

有中文字的網址連結最好是用版面連結的方式貼
或是自己在原始碼模式內打中文字的部分
直接手動貼上網址會轉換成一長串的亂碼
然而，連到的位置是一樣的
[url=http://zh.wikipedia.org/zh-tw/Wikipedia:%E9%A6%96%E9%A1%B5]維基百科[/url]
[url=http://zh.wikipedia.org/zh-tw/Wikipedia:首页]維基百科[/url]

切記，顏色一定要包在[url]標籤內，不然會沒有效用
另外，小屋改版之後，創作的ＩＤ有作變化，也一併更新吧


圖片篇


早期會發生貼圖時直接自動生成連結的狀況
肥大文章的主要元凶之二
也要注意直接貼圖的話，偶爾會把字型效果一併貼入
[url=https://truth.bahamut.com.tw/s01/201008/27bffaf27b776a7523ab76191c7b7b1a.GIF][img=https://truth.bahamut.com.tw/s01/201008/27bffaf27b776a7523ab76191c7b7b1a.GIF][/url]

改版前一陣子這問題已做修正
[img=https://truth.bahamut.com.tw/s01/201008/27bffaf27b776a7523ab76191c7b7b1a.GIF]


表情符號篇


早期狀況跟圖片連結一樣
[url=http://pic.bahamut.com.tw/fckeditor/smiley/1.gif][img=http://pic.bahamut.com.tw/fckeditor/smiley/1.gif][/url]

前一陣子會自動修正為插入圖片的形式
[img=http://pic.bahamut.com.tw/fckeditor/smiley/1.gif]

目前已修正城能直接使用的理想狀況
[em=1]


影片篇


預設狀況
[movie=https://www.youtube.com/watch?v=T4XcZx3TiHU width=425 height=344]

基本上影片這邊沒有甚麼大問題，不過可以作內籤影片長寬調整
經由AJL測試，目前理想大小為height=380 width=500
討論叭啦


表格篇

Table

自動生成表格時，前面會有一些多餘的空白符號產生
[table width=98% cellspacing=1 cellpadding=1 border=1]
  [tr]
    [td]Table
[/td]
  [/tr]
[/table]

把他們拿掉也不會影響到排版，表格很大時切記做清除動作
[table width=98% cellspacing=1 cellpadding=1 border=1]
[tr]
[td]Table
[/td]
[/tr]
[/table]

---

後記

說這麼多，當然筆者也是得作實際測試才有說服力
以下分享修正過後，部分創作大小比較表

【攻略】魔法大進擊 Stage 1　　　　　　　前17103　　後15520
【攻略】魔法大進擊 Stage 2　　　　　　　前18187　　後15824
【同人音樂】kagerow & otokaz - Fly Away　前10061　　後9008
【考據】熱血時代劇各場景ＢＧＭ原出處　前14685　　後13431
【心得】MD蝙蝠俠大顯神威　　　　　　　前58221　　後53193
炎之鬥球兒！彈平 日本境內隊伍　　　　　前40871 　　後39222
炎之鬥球兒！彈平 外國菁英隊伍　　　　　前55081　  後53541
格鬥四人組2 招式輸出研究　　　　　　　前70136　　後48186


雖說過程有點苦行，不過相信做完之後除了減輕伺服器的系統負擔
同時也對過去創作做了規格化的管理，何嘗不是另外一種成就呢



最後，祝各位春節愉快^^