開箱即用-簡潔實用的ImgURL圖床相簿程式和Zdir目錄清單程式(檔案管理器）

雖然說現在照片還有文件儲存等都可以上傳到網盤中，但是國內的網盤跟國外的網盤存儲還有點不一樣。以百度網盤與Dropbox比較為例，百度網盤頂多算是一個個人用來存放私人照片和文件的網絡硬碟，如果用來分享的話很容易被百度限製或取消下載。

很多的個人站長為了分享方便都會選擇自己搭建儲存下載中心，例如挖站否搭建的個人下載中心ucblog.net就是用Directory Lister程式搭建的，只要有PHP環境，不需要資料庫，就可以跑Directory Lister ，這樣的程序簡單但是搬家特別簡單，直接打包再上傳即可。

Directory Lister是國外人開發的，對於中文自然有不少的兼容問題。這篇文章就來分享一下兩款開箱即用、上手容易的圖床相簿程式ImgURL和線上檔案管理器目錄清單程式Zdir，由好友xiaoz.me開發並維護，非常適合個人站長用作圖床相簿和文件下載分享。

對於不是主要用來分享而來用來存儲，我們可以利用VPS主機搭建雲端儲存服務，相關的教學有：

DigitalOcean Spaces雲端儲存空間管理使用-可用於同步備份掛載擴容
Plex完美個人影音雲盤搭建教學課程-Plex Media Server安裝與使用方法
利用Pydio搭建免費私有雲儲存-多終端自動同步可線上播放音樂視頻

PS：2018年8月21日更新，微軟的OneDrive網路硬碟一直以大容量、很穩定著稱，不少人將OneDrive當成了網路儲存工具，這裡有一個將OneDrive打造成為外鏈網碟的方法：OneDrive變身外鏈網磁碟-Aria2+Aria2Ng+OneIndex自動上傳OneDrive。

一、圖床相簿程序：ImgURL

專案地址：https://github.com/helloxz/imgurl
演示網址：https://imgurl.org/

1.1 ImgURL介紹

ImgURL是一款簡單、純粹的圖床程序，使用PHP + SQLite 3開發，不需要複雜的配置，做到開箱即用。

環境要求

PHP >= 5.6
需要exif函數支持
SQLite 3

功能與特色

拉拖上傳，自動產生連接，一鍵複製。
圖片預覽與探索
基本的圖片管理
支援TinyPNG圖片壓縮

開發計劃

圖片上傳與預覽
一鍵生成連結
瀏覽與刪除圖片
限制訪客上傳數量
圖片壓縮
圖片鑑黃
圖片浮水印
API上傳

1.2、安裝與使用

安裝步驟：

訪問：master.zip下載最新版ImgURL程序，放到您的網站根目錄並解壓縮。
訪問http(s)://domain.com/check.php獲取配置信息，並記錄下來。
修改config.php設定自己的網域和密碼，造訪 http(s)://domain.com/ 即可，就是這麼簡單。

安全設定

設定完成後測試功能沒問題，請刪除根目錄的check.php
Apache預設已經透過.htaccess檔案來封鎖資料庫下載
Nginx用戶請在server段內新增以下配置，並重新啟動Nginx

location ~* .(db3)$ {  
    deny all;  
}

ImgURL點擊上傳圖片後就會顯示連結位址，圖片儲存介面效果如下圖（點擊放大）：

ImgURL也提供了後台管理圖片的功能，可以快速查看已經上傳的圖片。

1.3、圖片壓縮和調整上傳大小

啟用TinyPNG壓縮圖。 造訪 https://tinypng.com/ 官網註冊帳號，並取得自己的API KEY。 TinyPNG提供了優秀的圖片壓縮服務，並且提供API支持，普通用戶有500次/月的限制，不過ImgURL可以填寫多個TinyPNG KEY，讓API次數得到疊加以壓縮更多圖片。

ImgURL圖片壓縮

開啟config.php填寫自己的TinyPNG API key儲存即可。（支援非同步壓縮圖片，不影響上傳速度），設定檔範例如下：

// TinyPNG压缩图片
$tinypng = array(
"option" => true,
"key" => array(
"xxx", //支持填写多行key
"xxx" //如果只有一个key，请删除此行，注意最后一行没有逗号(,)
)
);

修改上傳大小。 ImgURL圖床相簿程式預設限制2M上傳大小，您可以透過以下方法修改限制。開啟/functions/upload.php 找到以下程式碼：

$handle->file_max_size = '2097152';

單位為字節，自行修改即可。為了確保上傳穩定性，不建議超過10M。繼續開啟static/embed.js找到下面這一行進行修改

,size: 2048

二、目錄列表程式：Zdir

項目：https://github.com/helloxz/zdir
示範：http://soft.xiaoz.org/

Zdir是一款使用PHP開發的目錄列表程序，支援Markdown文件預覽，可以在線刪除文件，在您訪問的頁面加上?admin或&admin 參數，文件後面會出現刪除按鈕，可以對檔案進行刪除。

2.1 安裝與使用

使用方法

下載原始碼放到網站根目錄
修改config.php設定自己的網站標題/關鍵字/描述
如果需要排除某個目錄，再修改config.php ，裡面有說明
更多說明請查看說明文件：https://doc.xiaoz.me/docs/zdir

主要功能

目錄瀏覽
MarkDown文件預覽
CSS/JavaScript一鍵複製
文件hash
圖片預覽
文件索引
二維碼生成
文件刪除

注意事項：不要使用中文命名目錄/文件，否則可能發生不可預測的錯誤。程式介面如下圖（點擊放大）:

2.2 功能詳細說明

MarkDown檔案預覽。如果是MarkDown檔案（.md）後面會出現一個小眼睛按鈕，點擊此按鈕可直接預覽。如果檔案以readme.md命名，會出現「使用說明」按鈕，點選也可以預覽，如下截圖。

連結複製。 複製按鈕會根據檔案類型判斷，最後回傳不同的複製結果，在用來建立前端函式庫的時候非常有幫助，例如：

<!–如果複製的是.js文件，回傳結果為–>
<script src = 'https://libs.xiaoz.top/jquery/2.0.3/jquery-2.0.3.js'>< /script>
<!–如果複製的是.css文件，回傳結果為–>
<link rel='stylesheet' href='https://libs.xiaoz.top/layer/skin/layer .css'>
<!–如果是圖片等檔案–>
<img src = 'https://libs.xiaoz.top/material/loading/loading0.gif' />
其它文件返回文件URL位址。

查看文件hash。 點檔案後面的「嘆號」按鈕，可以計算檔案md5和sha1值，驗證檔案hash值，可避免營運商劫持等風險。

圖片預覽。 滑鼠移動到圖片檔案會顯示圖片預覽，如下截圖。

檔案索引。 如果文件太多，查找不太方便，Zdir暫時未實現文件搜尋功能，不過透過“文件索引”功能加上“Ctrl + F”，找文件也是分分鐘的事情。「檔案索引」快取時間為24小時，若希望立即清除快取請造訪cache.php?del=cache。

三、總結

ImgURL特別適合圖片分享，不管是管理員還是遊客，都可以直接上傳圖片並分享連結。要指出的就是ImgURL還可以設定圖片鑑黃、壓縮圖片等，這樣都需要自己提前申請好API才可以正常應用。

Zdir有點類似Directory Lister，只要PHP就可以跑起來，而功能簡單但是非常實用，上手也很容易。想要更多的線上檔案管理器可以看看：三款優秀的線上檔案管理器(目錄清單)比較。