gp-image

1.0.4 • Public • Published

使用 Github Pages 來管理圖片

project name: gp-image [Demo Page]

你是否有曾經遇過電腦硬碟壞掉,造成硬碟裡面的圖片全部不見,救不回來的情形,有一次公司 IT 把一台存放圖片的雲端硬碟刪除,造成圖片全數消失,還好我手上還有備份檔,為了避免慘狀再次發生,我改用 Github Pages 功能來存放所有的圖檔。

建立一個 Github Pages

點擊 Github 右上角有一個 Settings ,進入設定頁面,頁面往下拉就會看到 Automatic page generator (如下圖),點下去就可以建立一個 Github Page ,過程中需要選擇 layout ,隨便選選就好。

將所有圖片上傳至 gh-pages 這個 branch 中的 "src" 目錄。

將預設建立的資料夾都刪除,自已建立一個 src 目錄,然後把圖片都放到這個目錄下。

使用 gp-image 自動產生 Web 介面與檔案列表

先安裝 gp-image

npm install gp-image

建立基本的頁面與 UI,這個檔案只要做一次就好,除非 UI 有修改才需要重新建立。

gpImage --init

建立檔案列表,執行時必需帶目錄(src) ,這個目錄下的所有資料夾都會建立一個叫 filelist.json 的檔案,全部 git add, commit 到 gh-pages 即可。

gpImage --find src

Readme

Keywords

none

Package Sidebar

Install

npm i gp-image

Weekly Downloads

6

Version

1.0.4

License

MIT

Last publish

Collaborators

  • puritys