1. 程式人生 > >Ghost 開源部落格使用七牛、又拍雲、阿里雲OSS雲儲存

Ghost 開源部落格使用七牛、又拍雲、阿里雲OSS雲儲存

該文章介紹的是GHOST部落格的圖片儲存,並不是CDN加速哦!

為什麼要用雲儲存?

1、ghost原本圖片上傳,圖片是儲存在ghost/content/images目錄下面的,也就是說圖片儲存在自己伺服器上面的,萬一服務重灌系統咋辦?萬一不小心刪掉咋辦?是不是就完蛋了!

2、一般自己的部落格配置比較低,圖片載入很佔寬頻的啊,有免費的雲儲存的話,壓力會減少很多,頁面載入就快了,多特麼好!

3、部落格文章遷移圖片是相對路徑,那特麼是多麼頭疼的一件事,圖片如果是絕對路徑,那多好!

這裡不會詳細介紹雲儲存註冊使用,本文示例是七牛雲儲存,使用又拍雲、阿里雲OSS在本文最後有配置介紹。

Ghost7.4中文版

剛開始使用ghost的時候,使用的是中文版的,因為中文版是已經添加了七牛、又拍雲、阿里雲OSS雲儲存外掛的,依照配置可以直接使用了七牛雲儲存。

中文版下載地址:
http://www.ghostchina.com/download/  

中文版使用就不多說了。

下面說重點!

0.11.3官方版本

目前官方版本測試都可以使用,以下方法使用是在0.11.3版本,以後的版本不知道能不能正常使用,下載並且安裝完成ghost。

ghost的github:  
https://github.com/TryGhost/Ghost  

首先安裝nodejs的qiniu依賴,在ghost根目錄下執行下面命令:

npm install qiniu  

使用中文版已經編寫好雲儲存外掛:

下載雲儲存外掛程式碼:
http://oh6t6o35a.bkt.clouddn.com/storage.rar  

部落格部署完成後,找到ghost/core/server/storage目錄,該目錄就是處理上傳圖片的,解壓上面下載的程式碼,把該目錄的程式碼全部替換。(注意:替換前要做備份哦,萬一出錯了呢?)

替換完成,接下來就是配置七牛雲了,在ghost根目錄找到config.js配置檔案,新增以下內容(該配置使用的是七牛雲,如果有其他可參考後面的配置):

storage: {  
    provider: 'qiniu',
    bucketname: 'XXXX',//在七牛雲建立的bucketname
    ACCESS_KEY: 'XXXX',//七牛雲的ACCESS_KEY
    SECRET_KEY: 'XXXX',//七牛雲的SECRET_KEY
    root: '/qianxun/',//自定義字首,隨便寫也可以
    prefix: 'http://XXXX.clouddn.com'//七牛雲的域名
}

獲取七牛雲ACCESSKEY、SECRETKEY:



獲取七牛雲prefix:

新增玩後完整配置:

var path = require('path'),  
    config;

config = {  
    production: {
        url: 'http://qianxunclub.com/',
        mail: {
            from: '[email protected]',
            transport: 'SMTP',
            host: 'smtp.qq.com',
            options: {
                port: 465,
                service: 'QQ',
                auth: {
                    user: '[email protected]',
                    pass: 'XXXX'
                }
            }
        },
        database: {
            client: 'mysql',
            connection: {
                host     : 'XXXX',
                user     : 'XXXX',
                password : 'XXXX',
                database : 'XXXX',
                charset  : 'utf8'
            },
            debug: false
        },
    storage: {
            provider: 'qiniu',
            bucketname: 'XXXX',
            ACCESS_KEY: 'XXXX',
            SECRET_KEY: 'XXXX',
            root: '/qianxun/',
            prefix: 'http://XXXX.bkt.clouddn.com'
        },
        server: {
            host: '127.0.0.1',
            port: '2368'
        }
    },

    development: {
        url: 'http://qianxunclub.com/',
        mail: {
            from: '[email protected]',
            transport: 'SMTP',
            host: 'smtp.qq.com',
            options: {
                port: 465,
                service: 'QQ',
                auth: {
                    user: '[email protected]',
                    pass: 'XXXX'
                }
            }
        },
        database: {
            client: 'mysql',
            connection: {
                host     : 'XXXX',
                user     : 'XXXX',
                password : 'XXXX',
                database : 'XXXX',
                charset  : 'utf8'
            },
            debug: false
        },
    storage: {
            provider: 'qiniu',
            bucketname: 'ghost',
            ACCESS_KEY: 'XXXX',
            SECRET_KEY: 'XXXX',
            root: '/qianxun/',
            prefix: 'http://XXXX.bkt.clouddn.com'
        },
        server: {
            host: '127.0.0.1',
            port: '2368'
        },
        paths: {
            contentPath: path.join(__dirname, '/content/')
        }
    }
};

module.exports = config;

接下里重啟就OK了,下面再使用圖片上傳試試,就會自動上傳到七牛雲了。

這裡我們能看到圖片的URL已經是七牛雲的圖片地址了。

完成!!!!

又拍雲、阿里雲OSS雲配置

以下配置依然是storage標籤,因為我自己使用的是七牛雲,所以一下雲儲存我自己沒有測試使用,如果有問題,可以反饋。

又拍雲:

安裝nodejs的upyun依賴,在ghost根目錄下執行下面命令:

npm install upyun  

配置

storage: {  
    provider: 'upyun',
    bucketname: 'XXXX',
    username: 'XXXX',
    password: 'XXXX',
    root: '/image/',
    prefix: 'http://XXXX.upaiyun.com'
}

阿里雲OSS:

安裝nodejs的oss依賴,在ghost根目錄下執行下面命令:

npm install oss  

配置

storage: {  
    provider: 'oss',
    bucketname: 'XXXX',
    ACCESS_KEY: 'XXXX',
    SECRET_KEY: 'XXXX',
    root: '/image/',
    endpoint: 'http://XXXX.aliyuncs.com',  //阿里雲的上傳端點是分地域的,需要單獨設定
    prefix: 'http://XXXX.aliyuncs.com'
}

ghost最新版本0.11.7安裝七牛雲端儲存外掛

這裡我就直接複製作者的做法了

安裝方式一:直接安裝七牛雲外掛

npm install ghost-qn-store  

建立目錄

mkdir content/storage  

把外掛複製到目錄

cp -vR node_modules/ghost-qn-store content/storage/qn-store  

安裝方式二:

在新建立的content/storage目錄裡面執行

git clone https://github.com/Minwe/qn-store.git  

下載完成進入外掛目錄安裝

cd qn-store  
npm install  

ghost配置

上面安裝完成,就可以在ghost的config.js裡面配置外掛了

storage: {  
  active: 'qn-store',
  'qn-store': {
    accessKey: 'your access key',
    secretKey: 'your secret key',
    bucket: 'your bucket name',
    origin: 'http://xx.xx.xx.glb.clouddn.com',
    // timeout: 3600000, // default rpc timeout: one hour, optional
    // if your app outside of China, please set `uploadURL` to `http://up.qiniug.com/`
    // uploadURL: 'http://up.qiniu.com/'

    // file storage key config [optional]
    // if `fileKey` not set, Qiniu will use `SHA1` of file content as key.
    fileKey: {
      // use Qiniu hash as file basename, if set, `safeString` will be ignored
      hashAsBasename: false,
      safeString: true, // use Ghost safaString util to rename filename, e.g. Chinese to Pinyin
      prefix: 'YYYY/MM/', // {String | Function} will be formated by moment.js, using `[]` to escape,
      suffix: '', // {String | Function} string added before file extname.
      extname: true // keep file's extname
    }
    // take `外面的世界 x.jpg` as example,
    // applied above options, you will get an URL like below after uploaded:
    //  http://xx.xx.xx.glb.clouddn.com/2016/06/wai-mian-de-shi-jie-x.jpg
  }
}

完成!

相關推薦

Ghost 開源部落使用阿里OSS儲存

該文章介紹的是GHOST部落格的圖片儲存,並不是CDN加速哦! 為什麼要用雲儲存? 1、ghost原本圖片上傳,圖片是儲存在ghost/content/images目錄下面的,也就是說圖片儲存在自己伺服器上面的,萬一服務重灌系統咋辦?萬一不小心刪掉咋辦?是不是就完蛋了!

Maven倉庫搭建(二):GitHub雲端儲存

在上一篇博文中,主要介紹了Maven倉庫搭建原理,除了Nexus外,隨意使用一個HTTP伺服器,例如Tomcat或Nginx,都可搭建一個自己的Maven倉庫。 無論是用Nexus還是HTTP伺服器搭建Maven倉庫,總歸需要一臺伺服器,一臺伺服器需要花錢買和

Maven學習總結(37)——利用GitHub或阿里OSS物件儲存雲端儲存等搭建個人Maven倉庫

無論是用Nexus還是HTTP伺服器搭建Maven倉庫,總歸需要一臺伺服器,一臺伺服器需要花錢買和花時間維護,成本比較大。Nexus一般是公司用的比較多,個人不推薦使用。本文就是介紹一些適合個人搭建M

使用 開源部落系統 typecho

使用 開源部落格系統 typecho 官方地址http://typecho.org類似部落格有 WordPress emlog Ghost開源部落格平臺等現在開始部落格搭建教程前提條件:1.主機: 主機購買比如騰訊雲 或者阿里雲 或者景安等 伺服器系統centos7.4 伺服器使用bt面

SSM(Spring+Spring MVC+Mybatis)開發前臺後功能完整的java開源部落管理系統

專案描述 本專案通過SSM(SpringMVC+Mybatis+Spring)框架編寫的一個人部落格管理系統,使用hexo主題,以及MAVEN進行對專案管理,並且前端具有粒子和點選愛心效果.後端的頁面框架為bootstrap.資料庫為mysql. 執行(執行)環境 jdk8+tomcat8+mysql+

開源部落系統 Solo 2.9.7 釋出,新面板 Jane

   Solo 是一款一個命令就能搭建好的 Java 開源部落格系統,如果你想開個獨立部落格,請一定不要錯過!v2.9.7 加入了一款新面板 Jane: 案例 D 的個人部落格 Jiahao.Zhang's Blog 子兮子兮 鉛筆的個人部落格 洗澡狂魔

Django個人部落開發之高階優化表單模型

表單自定義校驗 之前的學習過程當中講解了form表單的定義,首先,我們來回顧一下form表單的定義和使用的流程 以文章的評論為案例。 1、定義form.py檔案,在form檔案當中定義表單校驗類 2、在檢視當中呼叫form表單類 3、前端渲染表單類 總的看起來,學習的過程當中要注意以下幾點

RSP小組——團隊衝刺部落

衝刺日期:2018年12月12日 各成員今日(12.12)完成的任務 馬瑞蕃頁面佈局 李聞洲音樂程式碼的實現 趙乾宸,找bug,處理bug,使遊戲滑動,消除實現 蔣子行會議記錄 各個成員的任務安排 明日(12.13)任務安排 李聞洲對音樂程式碼的後臺應用進行修改 趙乾

開源部落Solo安裝詳細教程及注意事項

本文首發自個人部落格:https://blog.smile13.com/articles/2018/11/26/1543245616207.html 1.下載編譯好的solo的war包 下載地址:https://github.com/b3log/solo/releases

SpringBoot專案實戰之開源部落(一)多模組結構搭建

用springboot開發專案已經有挺長的一段時間了,不得不說boot是一個很好的應用層框架。之前也寫過一些關係Boot的東西,但是講的比較粗略,程式碼也沒有貼出來。最近我自己想做個開源部落格專案,所有就打算記錄點東西下來,把0到1,1到100的過程展現給大家,如有不足之處懇

很好,csdn的部落不錯,我回來了

以前由於csdn的部落格登入速度慢,寫了一個文章可能沒有發表成功而使我的書寫白白作廢了,今天回來一看,喲呵,變了不少,而且速度也上來了,以後針對技術類的文章,我還是要發表在這裡了。在百度空間上的東西,都放一些與技術無關,

基於nodejs的開源部落0.1釋出了!!!!

基於nodejs實現的開源部落格系統,主要用到的技術: 前端:自己寫html+css+js 後端: nodejs, express 模板引擎:handlebars 資料庫: mongodb 0.1版

一鍵安裝ghost部落

從強悍的全球最大的gaoji平臺GitHUB上找到這個一鍵安裝指令碼,可以在常規的Ubuntu/Debian/CentOS VPS主機中快速安裝Ghost輕部落格程式。我們一起看看如何配置的。 一鍵指令碼如下 wget -N --no-check-certi

安裝nodejs搭建ghost個人部落

記錄一下今天在linux下折騰nodejs的過程,相互學習: (不知道為什麼用原始碼安裝,呼叫npm的時候老是會出現找不到npmlog的 錯誤,後來換用下了個二進位制 來搞,如果那個牛牛知道為什麼,希望你能留個言,多謝啦) 第一步:下載nodejs二進位制庫 wget

網站域名備案雲圖床重新搭建與部落整理

最近碰上了一個問題,七牛雲開始回收測試域名,結果導致我的圖床有些失靈、一些軟體資源都無法下載。其實這個問題在前一段不蒜子統計修改的部落格裡已經有兆頭了。不過當時沒注意。最後還是被逼得只能購買了域名,各類備案,重新搭建圖床。 1 域名購買及備案 在阿里雲上購買域名備案就不具體說明了。詳情參加下

iOS開發 非常全的三方庫外掛部落等等

UI 下拉重新整理 MJRefresh- 僅需一行程式碼就可以為UITableView或者CollectionView加上下拉重新整理或者上拉重新整理功能。可以自定義上下拉重新整理的文字說明。具體使用看“使用方法”。 (國人寫) XHRefreshC

hexo+建立部落

今天一開啟blog發現一個總大問題,所有文章中的圖片全掛了,Hexo文章中的圖片,可以放在本地,然後和靜態檔案一起釋出(部署)到空間裡,原來就是這麼做的。 經過後來的仔細想想,我覺得文章中以前一直都是用的本地圖片,如果有一天我電腦不用了,或者轉移或者在出現這種情況,每個圖片不是還得重弄嘛,太費勁了,之前搭建

CSDN 部落開源控制元件(好東西啊)

開源專案 https://github.com/onurakpolat/awesome-bigdata 安卓有關 (不分排名)2014年7月2日13:32:25 安卓之星  其他 1.講Hadoop  http://blog.csd

springboot+mybatis+thymeleaf+docker構建的個人站點開源專案(集成了個人主頁個人作品個人部落

前言 My Site 主要功能有:個人首頁、個人作品、個人部落格為一體的站點,網站的文章和作品均由markdown進行編寫,可以滿足你的基本需求。如果覺得這個專案不錯,請為它點贊支援。 專案架構

基於視覺的 SLAM/Visual Odometry (VO) 開源資料部落和論文列表

以下為機器翻譯,具體參考原文:https://github.com/tzutalin/awesome-visual-slam----基於視覺的SLAM / Visual Odometry開源專案,庫,資料集,工具和研究列表指數開源庫資料集工具專案學習其他圖書館基本視覺和tra