[QNAP NAS] 把NAS當私人圖床的步驟:如何在網誌裡使用NAS裡的圖片

經過megaupload.com突然被查封之後,對於習慣使用所謂雲端服務的你來說,有帶來任何啟示嗎?我除了損失八個月的megaupload.com使用費用外,最大的啟發就是再度確認「所有的網站服務都是有風險的」,因此千萬不要把你寶貴的資料只放在一個地點,一定要分散風險,萬萬不可把雞蛋放在同一個籃子裡。除了穩定可靠的網站外,把資料放在自己周邊也是相當重要的,NAS設備因此能扮演重要的角色,本篇文章就試著以我使用的QNAP TS-219P II來說明如何善用NAS的龐大儲存空間和速度尚可的50M光世代來建立自己家的網路相簿,並且能將相簿裡的照片放到Blog裡使用。

網路相簿PhotoStation

要把照片檔案存入NAS有幾個方法:

  1. 經由多媒體中心網頁上傳
    多媒體中心(Multimedia Station)是Turbo Station內建的多媒體管理系統(http://NAS的IP/MSV2),除了照片檔案之外,其他影音檔案也能上傳。它的操作很簡單,先建立相簿再瀏覽、上傳就可以。不過,這個系統是用Flash做的,你必須先安裝Adobe Flash才能使用,第一次瀏覽時需要下載Flash,會較慢,另外,iPhone與iPad不支援Flash,則請安裝QMobile App
  2. 透過Samba網路磁碟機複製檔案
    用網頁上傳是第二方案,當出門在外又需要上傳檔案時就能用網頁上傳,或者如果有啟動FTP或SSH時,也能用FTP Client上傳,而最方便的當然還是在家裡用網路磁碟機的方式,直接在檔案總管裡將檔案複製進NAS,下列指令建立了兩個虛擬磁碟機q:與m:,開啟檔案總管就能找到NAS上的資料夾:
rem 舊版分享名是QMultimedia,新版是Multimedia
net use q: \\192.168.0.3\QMultimedia
net use m: \\192.168.0.5\Multimedia

在新版的3.6韌體裡,除了多媒體中心外,又增加專門呈現照片的photostation與處理音樂的musicstation兩個網頁服務,Photo Station(http://NAS的IP/photostation)不需要登入,可以用來瀏覽你公開出來的所有相簿資料夾,主要是顯示照片的功能,而Music Station(http://NAS的IP/musicstation)則必須登入成功後,才能播放你放置在NAS資料夾裡的音樂檔。

在網誌裡使用Photo Station內的圖片

  • 在Photo Station首頁先選取要瀏覽的相簿後,會進入該相簿的縮圖瀏覽模式,瀏覽縮圖後點擊要檢視的特定照片後,會顯示該照片的大張圖片。

    PhotoStation preview

    按下功能表上的【連結代碼】會彈出小縮圖、大縮圖與原始圖的網址連結,複製到剪貼簿後就能放到網誌裡使用,把家裡的NAS空間當做圖床來使用。
    PhotoStation copy link

    如果稍微比較一下縮圖網址,可以看出它的格式:

縮圖:

http://NAS的IP/photostation/api/get_file_api.php?size=圖片尺寸&type=thumb&f=圖片檔名

原圖:

http://NAS的IP/photostation/api/get_file_api.php?f=圖片檔名

縮圖的type參數固定為thumb,小縮圖的size參數是s100,大縮圖的則是default,原圖則拿掉type與size參數就可以。
我研究get_file_api.php程式一會,發現可以修改api/libs/inc_common.php(檔案實際路徑是/mnt/ext/opt/photostation/api/libs/inc_common.php)將小縮圖放大一點,好讓Blog裡能更容易使用。修改步驟如下:

  • 搜尋IMAGE_THUMB,就能找到下列程式。
define('IMAGE_THUMB_SMALL_SIZE',100);
define('IMAGE_THUMB_SMALL_PREFIX','s100');

define('IMAGE_THUMB_MEDIUM_SIZE',800);
define('IMAGE_THUMB_MEDIUM_PREFIX','s800');
  • 把100、s100改成400、s400就能把小縮圖改成400×300的大小
  • 如果有需要也能把800、s800改成別的尺寸,而原來的800×600仍可以用size=default來顯示

使用動態DNS給NAS的IP一個名字

如果要在Blog裡使用NAS的圖片,另一個要點是千萬不要直接使用IP,因為ISP配給你的IP不會永遠不變,如果文章裡用了很多IP,當一有變更時就必須全部修改,這可是勞心勞力的作法。中華電信光世代可以把8個浮動IP變更為一個固定IP加7個浮動IP,但這個配給你的固定IP不保證永遠固定,當你網速升級或ISP有任何需要時,你就可能收到變更IP的通知。

但每年花幾百元註冊一個網域名稱似乎又太浪費,因此使用動態DNS(Dynamic Domain Name Service)應該是更好的主意。以下是幾個使用DDNS的方法:

  • 方法1:到提供DDNS的網站替你的NAS IP註冊,例如http://www.no-ip.comhttp://www.dyndns.org等,再下載如Dynamic DNS Update Clients更新IP的工具,以確保IP與你註冊的網名保持一致。

  • 方法2:如果你的IP分享器或無線基地台有提供DDNS功能,就啟用它,輸入步驟一申請到的網名,它會自動把IP傳給DDNS網站。我使用的D-LINK DIR-655無線基地台就有提供DDNS功能,它也提供了一個免費的註冊網站http://www.dlinkddns.com

    dlink ddns

    在dlinkddns.com建立帳號時務必勾選【Subscribe to our mailing list】,否則會收不到啟用的電子郵件。

    dlink ddns register

  • 方法3:QNAP NAS也提供了DDND功能。實在是挺不賴的。
    QNAP DDNS

2012/02/12 補充:為何會找不到相簿資料夾?

使用檔案總管建立好資料夾並上傳照片檔案後,在多媒體中心卻找不到這個資料夾?我發現當資料夾的屬性是drwxr-xr-x(就是缺少w寫入權限)時就不會出現在多媒體中心或Photo Station,此時用SSH client連到後台/share/Multimedia裡,用chmod a+w 資料夾加上w權限就可以了。

##

您可能也會有興趣的類似文章

2 則留言 »[QNAP NAS] 把NAS當私人圖床的步驟:如何在網誌裡使用NAS裡的圖片

  • Anderson Windows other version Google Chrome 18.0.1025.3

    你好:

    不知道能否請教你一個關於DIR-655的問題. 我最近剛買了一台Synology 212j, 打算架個blog來玩玩看.

    當我用wordpress設定好blog之後, 在自己的區網裡面可以看到自己的blog (這個blog是放在/web/wordpress的目錄下面). 另外, 我也做了一個測試檔案, index.html 放在/web 下面 這個檔案在區網內也可以看到.

    因為我是用CABLE MODEM, 只有動態IP, port 80也被鎖了, 所以我有用no-ip設定轉址 如: port 80 -> 82

    在我的AP(DIR-655)端, 也設定了virtual server, 把外面的IP轉成 NAS的內部IP: 192.168.0.197 port 82 -> 80

    但是, 當我到公司之後, 開啟自己的網址, 如: myname.org 可以看到測試的檔案 (下面也有no-ip.com的廣告). 但是, 當我也開啟 myname.org/wordpress 之後 卻找不到這個網頁 (This webpage is not available) (下面也有no-ip.com的廣告)

    請問, 這是我的AP設定問題嗎? 因為都有看到no-ip的廣告, 所以我想往只是有被轉過來是吧?

    這個有可能是 NAT loopback的問題嗎? 聽說這台好像不支援.

    非常感謝, 希望可以給我一點蛛絲馬跡, 謝謝.

填寫回應

 

 

 

您可使用這些HTML標籤

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

隨機文章

  1. 修改WordPress外掛讓Markdown與HTML格式並存 
  2. FireFox擴充: FlagFox 顯示網站所在地的國旗 / Auto Copy複製文字 
  3. AutoHotkey的專屬論壇 (3)
  4. 滑鼠手勢症候群!方便的IDEA Mouse Gestures (2)
  5. [Tools] 移除NetMeeting的小工具 
  6. [設備] 開始使用藍牙耳機HT820 (7)
  7. Vista資料夾連接點運用實務 
  8. 祝大家聖誕快樂 
  9. [DVD] 令人動容的《翻滾吧!男孩》與《歌舞中國》 
  10. 網頁顯示程式碼的美容師:CodePress 

歷史熱門文章

  1. 如何手動輸入Plurk的表情圖示? (367,772 點擊/2008-09-29)
  2. 啟用&關閉中華電信ZyXEL P874的無線網路連線功能的步驟[修訂] (118,728 點擊/2011-06-01)
  3. Plurk CSS樣式自訂修改全攻略 (89,204 點擊/2009-07-04)
  4. 簡單放大Plurk輸入區的方法[修訂] (88,799 點擊/2008-09-29)
  5. 網路升級光世代50M/3M與設定ZyXEL P874 (71,283 點擊/2011-05-28)
  6. 輕鬆學會彈指神功-揭露AutoHotkey絕技 (50,586 點擊/2008-04-10)
  7. iPad新手入門技巧 (48,892 點擊/2011-02-05)
  8. iPad鍵盤輸入全攻略 (42,278 點擊/2011-01-01)
  9. 分享世博台灣館主題曲『台灣的心跳聲』MV(附歌詞+下載連結+新歌詞) (40,754 點擊/2010-04-27)
  10. 調整Windows 7環境: 加回工作列的「顯示桌面」圖示 (40,555 點擊/2010-01-02)