ETH官方钱包

創作內容

11 GP

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

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




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

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

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

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




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




字型篇

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

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

最理想的狀況
[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]標籤內,不然會沒有效用
另外,小屋改版之後,創作的ID有作變化,也一併更新吧


圖片篇


早期會發生貼圖時直接自動生成連結的狀況
肥大文章的主要元兇之二
也要注意直接貼圖的話,偶爾會把字型效果一併貼入
[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
【考據】熱血時代劇各場景BGM原出處 前14685  後13431
【心得】MD蝙蝠俠大顯神威       前58221  後53193
炎之鬥球兒!彈平 日本境內隊伍     前40871   後39222
炎之鬥球兒!彈平 外國菁英隊伍     前55081   後53541
格鬥四人組2 招式輸出研究       前70136  後48186


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



最後,祝各位春節愉快^^
引用網址:http://www.jamesdambrosio.com/TrackBack.php?sn=1220557
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:日誌活動|春節假期計劃|年假|苦行|優化|最佳化|原始碼|自我更新

留言共 9 篇留言

medicine
原來有這回事 ~
我的文章應該很慘 寫文時一直換色換行換大小... 囧

祭大的文章從沒讀入困難的感覺
背後做的功夫不少呀 0.0

爬了一下舊文
http://www.jamesdambrosio.com/creationDetail.php?sn=1107854
上年純粹只是看圖 結果最後跳抗還要祭大幫轉成人類男可以用
回看後世事奇妙呀 XD~

01-30 11:18

祭JAPAN
看你要不要找一篇把其原始碼存成txt檔後郵寄給筆者修修看

往後還會跳哪些坑真的是難以預料啊
總些事物總是意外的遇上→不出所料的迷上了[e5]01-30 15:54
黑白鬼
好厲害的祭哥哥[e13]

01-30 11:38

祭JAPAN
理工體系環境下成長的不免會對程式碼這類的縝密度斤斤計較[e6]01-30 15:56
哈哈小熊
GJ

01-30 12:51

祭JAPAN
要不要試著幫忙『推上精選』呢?[e5]01-30 15:59
鯊魚男
實用

01-30 14:00

祭JAPAN
只不過流程會比較費工就是[e8]
看各人的創作長度和總數做斟酌01-30 16:01
絕倫逸群
我有幫你按精選[e12]
上不上就不知道了

01-30 23:54

祭JAPAN
謝啦[e7]
接著就等待時間的考驗吧~~01-30 23:55
NUTIEN
對電腦白癡的我來說.....這文比外星文還艱深啊XD

01-31 14:25

祭JAPAN
學習其他語言必定會體驗之心境啊~~02-02 19:32
又回歸人間的老骨灰
我都是用原始碼編的,比較沒這方面的問題

02-08 22:16

祭JAPAN
的確如此[e7]02-08 22:24
雷穆斯
今年過年.....
回顧一年來發生了不少事情

11-28 18:19

祭JAPAN
人生的經歷總是如此~~11-28 20:31
星空幻月
版主你好,
我想要詢問有關於「縮排」的原始碼,
因為縮排後「與前段跟後段的間隔」系統會自動加入,
同時在斷句上也會與未縮排不同。

所以在排版起來會與預期不太相同,有嘗試修改原始碼使其精簡,
但不熟悉巴哈姆特的原始碼,導致沒辦法確實了解每個中括弧的意義。

04-14 11:04

祭JAPAN
近年來巴哈的原碼已經進步很多[e34]
誤差算是減少許多,不太需要像當時這篇的作法"費工"

不過Enter→[div][/div]這個還是在[e39]
盡量在原始碼環境下編好文(個人是用Notepad++)再排版

...說是這樣,不過近期編文上也懶了[e42]04-14 12:31
我要留言提醒:您尚未登入,請先登入再留言

11喜歡★kidus 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【情報】熱血高校躲避球 ... 後一篇:【勇造】勇造布偶系列第七...


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情? 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】