→ JasperAmos:我對上面這個面版很有興趣....可是都無法用成功 囧 10/20 21:31
推 JasperAmos:知道怎麼用的人還麻煩講一下...謝謝啦!! 10/20 21:33
→ EVA:點進去(會先試看)選你想要的那個網頁 下載xxx.TPL 10/21 01:09
→ EVA:回到妳的程式 選項>編輯html模板>匯入(然後先套用)開網頁試試 10/21 01:09
→ EVA:沒問題就按確認 10/21 01:09
→ EVA:我下載幾個來試玩囉~ 都有成功 10/21 01:10
→ EVA:剛發現,不支援中文檔名 (請試著用上方版有的方法試改囉) 10/21 01:12
HFS模板的功能讓我從晚上玩到現在,
來分享一下使用心得順便賺賺P幣XD
--簡介與設定--
網路上現成的模板,大致分成兩類:
第一類是僅改變語法樣式的模板,
檔案通常都只有一個tpl檔,可以直接匯入或是複寫編輯;
第二類則是加入了作者個人巧思與設計美感的模板,
檔案中除了tpl以外,往往還包含了各類的圖示與面板圖片。
而套用的方法也不會太困難,
一開始的準備工作,就是先將HFS打開,
點選工具列的Easy Mode成為Expert Mode進入專家模式,
接著在最右側的Menu內找到Edit HTML Template,
就可以打開模板修改功能了;
而裡面的任何一段語法都能夠根據自己的使用需求來作調整,
只要配合官方所提供的參數就可以完成自己所想要的版型了。
接下來就是要套用現成的模板啦,
第一類模板的設定較為簡單,
只要點選模板工具上面Import,選擇所想要的模板tpl檔,
之後再按下Apply、OK、重新整理頁面,就可以看到煥然一新的模板了;
至於第二類的模板設定則需要多幾個步驟,
除了匯入模板之外,還要將模板所需要的資料夾
以Virtual Folder的形式加入到HFS之中,才能看到完整的版型。
--設定範例--
拿Terayon這個模板設定為例,
首先先將tpl檔匯入之後,再將Template這個資料夾加入HFS之中,
要注意的是,一般來說,與模板相關的資料夾都是要放在主目錄下,
結構長得像是這樣個樣子:┌ folder1
├ Template
├ files…
並設定成為Virtual Folder,接著在該資料夾上按右鍵,
將Browsable取消,並勾選Hide以及Hide Tree,
避免使用者誤點選到這些設定資料,
最後重新整理自己的網頁,一切就大功告成了~*\( ̄▽ ̄)/*
補充說明一下為什麼要設定為Virtual Folder,
在HFS中資料夾的設定有兩種Virtual和Real:
Virtual Folder:指的是資料夾內部的檔案會與所指定之真實資料夾完全同步,
也就是說,當我在本機分享的資料夾內新增一筆資料時,
其他使用者在瀏覽你的分享網頁時,也會看到這一筆新增的資料,
不用自行新增檔案,而是直接從本機分享資料夾來作更新。
Real Folder:則是指定分享資料夾與內部的檔案結構之後,就算再次新增資料到本機,
資料結構與內容也不會自動更新,
使用者看得到的只有設定在Real Folder裡面所指定的檔案與資料夾,
需要透過手動新增檔案才能改變分享的檔案目錄結構。
因此常見的模板目錄多半需要設定為Virtual Folder,以便隨時更新模板的檔案內容。
--模板比較與心得--
而在試了官方論壇所提供的一些模板後,
感覺最有興趣的是HFS Terayon和Thunderchicken of Glory這兩個面板,
簡單的做了一下兩者的比較:
Terayon Thunderchicken
進階路徑 有 有
MP3串流預覽 有 有
圖片預覽 下載原圖後再縮放 需自行製作縮圖
(官方有縮圖工具)
影片預覽 預設無 有
檔案列表 預設無 有
資料夾打包下載 無 有
中文檔名/路徑 可 可
登入功能 有 有
特色 版面活潑 介面簡潔、功能豐富
官方範例 http://0rz.tw/933cA http://0rz.tw/6a3fJ
最後我是選擇了Terayon,原因不外乎面板好看再加上功能也不差,
不過TOG的打包下載功能讓我很心動,所以後來又參考TOG的語法,
把原本的Terayon加上了資料夾打包的功能,再把介面翻譯成中文,
就完成了讓自己還算滿意的面板哩~ http://0rz.tw/d03bY
而圖片預覽的形式長得像是這樣… http://0rz.tw/dc3aZ
(其實我也只做了剪貼和翻譯的動作而已( ̄▽ ̄")>)
圖中列表的資料夾快捷按鈕第二顆就是打包整個資料夾的功能,
詳細的作法是把模板中[folder]的版型作修改,
將原本進入資料夾的"%item-url%"語法加上了"~folder.tar?recursive"這一串,
變成"%item-url%~folder.tar?recursive"的連結形式,
這樣一來就可以將整個資料夾打包下載成為tar的壓縮檔了~
至於中文檔名以及路徑,自己的測試結果是沒有問題的,
而日文的話,測試雖然正常,不過由於有裝UAO所以可能不準這樣…XD
不過此模板的預設html編碼為UTF-8,所以基本上顯示多國語言應該是都沒有問題的,
這可能就要看連結的編碼能不能正常執行了…
希望這篇對於有興趣改模板的板友們能有所幫助囉~ <(_"_)>
--
◢█╱◢╱ ◢█╱◣ ◢╱◣◢╱ ◢█╱◣ ◢█╱◢╱ ◢█╱◢╱ ◢╱◣◢╱
██╱██ ◢██◣╱ █◣███ ◢██◣╱ ██◢█◤ █████ █◣███
█████ ██╱██ ██◣██ ██╱██ ███◤◣ ██╱██ ██◣██
█████ █████ █◥███ █████ ███◣╱ ████◤ █◥███
██◤█◤ ██◤█◤ █◤◥█◤ ██◤█◤ ██◥█◤ ◥██◤ █◤◥█◤
══ ㊣花˙君˙御˙印˙正˙字˙標˙記˙版˙權˙沒˙有˙自˙己˙做˙的㊣ ══
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 125.229.43.227
推 selwyndd21:謝謝 10/21 08:15
推 jalinvaux:真用心.有懶人包就更完美了!!! 10/21 08:17
--懶人包設定--
不太懶人的懶人包XD http://0rz.tw/893da
不過只要三個步驟就可以設定好了,
1.把壓縮檔解到C:\Program Files\HFS之後,打開同一個路徑下的HFS.exe
而在HTML Template資料夾內則是三種模板的VFS設定以及執行預覽;
2.在選單中選擇Load file system…讀取想要設定的模板之.vfs檔,
這個步驟的目的是把模板預設的目錄結構載入到HFS中;
3.打開HTML Template編輯器,選擇Import匯入與模板同樣名稱資料夾內的.tpl檔,
點選Apply再按OK,重新整理網頁即可完成~( ̄▽ ̄)∕*
推 nitrile:好強! 可以伸模組嗎? 10/21 11:40
模組的話官方論壇有整理喔~
http://www.rejetto.com/forum/index.php?topic=1750.0
推 shellmanchen:懶人包希望....^^ 10/21 11:48
推 Icarus4:讚~! 順便問一下 不知道有沒有哪個模板支援針對單檔 10/21 12:23
→ Icarus4:做留言或投票評分的功能^^?? 10/21 12:24
還沒注意到哪個模板有這個功能,或許廣大板友會有其他的想法也說不定:)
推 chris:推薦這篇文章!大感謝! 10/21 12:45
推 chris:請問怎麼把模版目錄設為,不通知下載(不發出音效提示)啊? 10/21 13:02
唔…這個我看不太懂意思耶…XD
推 ornv:強者!伸模版 <(_ _)> 不過我想請問一下, 10/21 13:42
→ ornv:怎麼我的檔名前的小圖示都顯示不出來… 囧a 10/21 13:42
這應該是模板所需的檔案目錄結構沒有設定好的關係,
找看看下載的套件內應該都會有說明檔喔~
推 EVA:伸模組+1 寫得真棒~~ 10/21 13:45
其實我也只做了剪貼和翻譯的動作而已…( ̄▽ ̄")>
推 ornv:謝謝Hanakun大。 10/21 14:27
推 MissXD:推啊~ 10/21 16:28
推 MissXD:我的圖片也無法顯示呢 但是依照h大上方的方法就成功了 10/21 16:50
推 EVA:感恩啊~ 您真是太謙虛了 剪貼和翻譯也是要某種專業呢 XD 10/21 16:55
推 ornv:謝問H大,如何開啟跟您一樣底下有統計資料的頁面呢?謝謝 10/21 17:12
→ ornv:試出來了,原來是要登入才會顯示,耍笨了。 囧a 10/21 17:19
推 squall021:推 10/21 17:38
推 nick5130:為什麼我用Terayon這個 跑出來的跟版大不一樣.. 10/21 18:16
推 Icarus4:推推推~! 10/21 19:38
推 ornv:推推推~~ 再回來推一下! H大太厲害了。受用良多 10/21 21:43
推 craig7351:請問要怎麼設定成 不用登入 就看得到圖片~ 謝謝 10/21 21:46
推 craig7351:後來發現是 因為用懶人包 把template加進去會有問題 10/21 21:59
→ craig7351:自己手動把template 加進去 去掉瀏覽 tree 就可以了^^ 10/21 21:59
推 fighter306:我直接套懶人包不行 不過從電腦加入Template後就可以了 10/21 22:32
這裡稍微解釋一下,之所以要把懶人包解壓縮到C:\Program Files\HFS底下,
是因為在懶人包中的三個模板的vfs檔案目錄設定,
會從C:\Program Files\HFS\HTML Template底下去抓取所需要的網頁圖片與檔案,
所以若不是解壓縮到指定位置的話,可能就會無法順利讀取這些模板必要的資源,
必須要額外透過手動加入目錄的程序才能正常執行,
但如此一來可能又多了個步驟,也有點難以解釋,更重要的是這樣還不夠懶XD
所以才想到利用vfs檔加上解壓縮到特定位置的方法來解決這個問題,
不過最重要的關鍵還是在於有沒有將模板所需要的目錄結構載入到HFS裡,
如果能夠正常顯示並執行的話那就沒有問題哩~\(⊙▽⊙)/
推 nick5130:能不能把下載的按鍵關掉阿? 10/22 00:47
→ nick5130:我是用Terayon這個@@ 10/22 00:47
→ nick5130:摸會了QQ 感謝 10/22 00:48
※ 編輯: Hanakun 來自: 125.229.43.227 (10/22 01:27)
推 ornv:H大,我有問題… MP3檔用mms好像故障了 一直都無法撥放 囧 10/22 18:53
→ Hanakun:這我也無解 囧 我的mms協定預設跑WMP 一樣也是開不起來XD 10/23 00:26
推 ornv:請問H大,如果要拿掉mms的話,語法是從哪裡開始拿? 10/23 17:39
→ ornv:因為我有試過要取消mms這功能,不過都沒成功。囧 謝謝 10/23 17:40
→ Hanakun:去模板編輯器 上面的搜尋功能找"mms://" 可以把它改掉 10/23 18:40
→ Hanakun:還是說要整段拿掉也可以啦XD 大致上是在.mp3 .wma段落都有 10/23 18:41
推 ornv:我有試過把整段mms語法拿掉,然後用flash試聽按下end後, 10/23 19:58
→ ornv:它又跑出來… 囧a 最後還是感謝H大解說。 10/23 19:59