💡 หลาย ๆ คนคงจะรู้จัก URL กันอยู่แล้ว แต่รู้หรือไม่ว่า..มีอีกคำหนึ่งในวงการอินเทอร์เน็ตที่สำคัญเช่นกัน นั่นคือ URI นั่นเอง
.
และวันนี้แอดจะมาสรุปให้ว่า URI นั้นคืออะไร และแตกต่างกับ URL ยังไง ?? ไปดูกันเลยยย !!
.
⭐ URI (Uniform Resource Identifier) คือ ข้อมูลที่ใช้ระบุตัวตนของทรัพยากรต่าง ๆ เช่น Data, Image, File, Service, และ Website
.
⚙️ ส่วนประกอบของ URI
scheme:[//authority]path[?query][#fragment]
.
🔹 Scheme Component : เป็นรูปแบบของ URI เช่น HTTP, HTTPS, Mailto, File, และ FTP ซึ่งต้องขึ้นทะเบียนกับ IANA (Internet Assigned Numbers Authority) ก่อนนั่นเอง
.
🔹 Authority component : เป็นส่วนย่อยของ Userinfo (ชื่อผู้ใช้และรหัสผ่าน), ชื่อ Host หรือชื่อ Port
.
🔹 Path : เส้นทางของ URI
.
🔹 Query component : ประกอบด้วย String และคำสั่งที่ใช้ Query ข้อมูล
.
🔹 Fragment component : ตัวกำหนดทิศทางไปยังทรัพยากรต่าง ๆ
.
✨ ประโยชน์ของ URI
- ใช้ค้นหาชื่อและตำแหน่งของทรัพยากร
- แยกความแตกต่างของทรัพยากรจากชื่อหรือตำแหน่ง
- เตรียมการเข้าถึงทรัพยากรในรูปแบบต่าง ๆ
.
📑 ตัวอย่างของ URI
urn:isbn:0-486-27557-4
.
⭐ URL (Uniform Resource Locator) คือ ที่อยู่ของโปรโตคอลเพื่อดึงทรัพยากรในเครือข่ายคอมพิวเตอร์ และเจ้า URL เป็นส่วนหนึ่งของ URI นั่นเอง
.
⚙️ ส่วนประกอบของ URL
http://www.domainname.com/folder-name/web page-file-name.htm
.
🔹 Protocol : เป็นส่วนแรกของ URL ในตัวอย่างคือ Hypertext Transfer Protocol (HTTP)
.
🔹 www.domainname.com : เป็นชื่อโดเมนของ URL เรียกอีกอย่างว่า Server ID หรือ Host
.
🔹 folder-name : ชื่อของโฟลเดอร์ที่เก็บไฟล์โปรแกรม
.
🔹 web page-file-name.htm : ชื่อไฟล์ที่เก็บโปรแกรมหรือส่วนประกอบต่าง ๆ ที่แสดงบนหน้าเว็บ อาจจะมีหรือไม่มีนามสกุลก็ได้
.
✨ ประโยชน์ของ URL
ใช้เปลี่ยนเส้นทางของเว็บไซต์ได้ในคลิกเดียว
ใช้เข้าถึงทรัพยากรบนเว็บไซต์
รับ-ส่ง Request กับ Web Application
.
📑 ตัวอย่างของ URL
https://google.com
.
💥 Source : https://www.guru99.com/url-vs-uri-difference.html
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
https file server 在 Re: [免費] HFS - Http File Server 大全- 精華區EZsoft - 批踢踢 ... 的推薦與評價
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串流預覽 有 有
圖片預覽 下載原圖後再縮放 需自行製作縮圖
(官方有縮圖工具)
影片預覽 預設無 有
檔案列表 預設無 有
資料夾打包下載 無 有
中文檔名/路徑 可 可
登入功能 有 有
特色 版面活潑 介面簡潔、功能豐富
官方範例 https://0rz.tw/933cA https://0rz.tw/6a3fJ
最後我是選擇了Terayon，原因不外乎面板好看再加上功能也不差，
不過TOG的打包下載功能讓我很心動，所以後來又參考TOG的語法，
把原本的Terayon加上了資料夾打包的功能，再把介面翻譯成中文，
就完成了讓自己還算滿意的面板哩～ https://0rz.tw/d03bY
而圖片預覽的形式長得像是這樣… https://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
--懶人包設定--
不太懶人的懶人包XD https://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，重新整理網頁即可完成～(￣▽￣)∕*
模組的話官方論壇有整理喔～
https://www.rejetto.com/forum/index.php?topic=1750.0
還沒注意到哪個模板有這個功能，或許廣大板友會有其他的想法也說不定:)
唔…這個我看不太懂意思耶…XD
這應該是模板所需的檔案目錄結構沒有設定好的關係，
找看看下載的套件內應該都會有說明檔喔～
其實我也只做了剪貼和翻譯的動作而已…(￣▽￣")>
這裡稍微解釋一下，之所以要把懶人包解壓縮到C:\Program Files\HFS底下，
是因為在懶人包中的三個模板的vfs檔案目錄設定，
會從C:\Program Files\HFS\HTML Template底下去抓取所需要的網頁圖片與檔案，
所以若不是解壓縮到指定位置的話，可能就會無法順利讀取這些模板必要的資源，
必須要額外透過手動加入目錄的程序才能正常執行，
但如此一來可能又多了個步驟，也有點難以解釋，更重要的是這樣還不夠懶XD
所以才想到利用vfs檔加上解壓縮到特定位置的方法來解決這個問題，
不過最重要的關鍵還是在於有沒有將模板所需要的目錄結構載入到HFS裡，
如果能夠正常顯示並執行的話那就沒有問題哩～\(⊙▽⊙)/
... <看更多>