說(shuō)說(shuō)我的網(wǎng)站升級(jí) https、及圖床搬家歷程

二話不說(shuō)先上圖:

是的挺峡,升級(jí)完之后得到的就上面幾把小綠鎖葵孤。當(dāng)然,只是幾個(gè)小站橱赠,如果看官誤解為大站的 https 架構(gòu)升級(jí)尤仍,抱歉了…

有必要這么折騰嗎?

先說(shuō) 2 則消息提提神:

  • 2017 年 1 月 1 日蘋果 iOS 應(yīng)用推行 ATS 安全標(biāo)準(zhǔn)狭姨,將強(qiáng)制使用 HTTPS 安全連接宰啦;
  • 谷歌 Chrome 將把所有的 HTTP 網(wǎng)站標(biāo)記為「不安全」

可見全站 HTTPS 化是大勢(shì)所趨。就算是小博客饼拍、小網(wǎng)站赡模,也不想被拍為「不安全」吧。于是师抄,在 2016 年的尾巴時(shí)漓柑,折騰了一把。

Https 證書

其實(shí)叨吮,更應(yīng)該說(shuō)「免費(fèi)」的 Https 證書更合適辆布。因?yàn)楦顿M(fèi)的證書其實(shí)很多,而我等小博主茶鉴,還是用用免費(fèi)的好了锋玲。可能大家都知道蛤铜,目前最有名的免費(fèi)證書就是 Let's Encrypt 了(另外一個(gè)免費(fèi)嫩絮、但有黑歷史的我就不說(shuō)了)

可以使用 Certbot 來(lái)自動(dòng)更新 Let's Encrypt 證書丛肢,服務(wù)器端我用的是 Ubuntu,直接照著官網(wǎng)教程就可以生成證書了:https://certbot.eff.org/#ubuntuxenial-nginx

有了證書之后剿干,就是如何應(yīng)用到網(wǎng)站中蜂怎,這個(gè)就要看大家具體是如何搭建、托管博客的置尔。我是用的 Nginx杠步,照著這里的步驟就可以了:https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-14-04

有了上面這 2 步,就完成 https 升級(jí)本身的在部分事情了榜轿∮募撸可能你并不知道,https 和 https 也是不同的谬盐,主要是安全級(jí)別上不一樣甸私。具體的,可以到一些測(cè)試網(wǎng)站上查查自己的 https 是什么級(jí)別飞傀,比如 https://www.ssllabs.com/ssltest/analyze.html 我的小站是 A-皇型,雖然可以再加把勁升級(jí)到 A+,想想 2/8 原則也就算了砸烦。

Https 與小綠鎖

做了上面的事后弃鸦,瀏覽器中并不一定會(huì)顯示可愛(ài)的小綠鎖。為什么幢痘?因?yàn)榫W(wǎng)站可以還引用了別的 http 資源唬格,比如 js、css颜说、圖片购岗、等等。必須全站資源均是 https脑沿,才會(huì)在瀏覽器地址顯示小綠鎖藕畔。

圖床搬家

好了马僻,來(lái)到遷移最麻煩的部分:圖床搬家庄拇。因?yàn)樽约旱牟┛鸵呀?jīng)有好幾年了,搬家 N 次韭邓,還由 WordPress 遷移至 Markdown (Hexo 引擎 + Next 主題)措近,其中混雜著又拍云、新浪微博圖床女淑、七牛瞭郑、一般圖片、等各種來(lái)源的圖片鸭你,想把這些圖片全找出來(lái)屈张、重新上傳至支持 https 的圖床擒权、更新文檔中的鏈接,還是挺絕望的阁谆。

不管怎樣碳抄,已經(jīng)搞定了,來(lái)回顧下我的方案吧场绿。

圖床選擇

國(guó)內(nèi)

國(guó)內(nèi)選的是 七牛

另外一個(gè)強(qiáng)勁的候選是阿里云 OSS剖效,因?yàn)槲铱偸怯X(jué)得阿里云 OSS 比七牛快(之前的一些感性經(jīng)驗(yàn)焰盗,并無(wú)實(shí)測(cè)數(shù)據(jù)璧尸,況且這和網(wǎng)絡(luò)情況嚴(yán)重相關(guān),在你那快熬拒、而你的用戶不一定快爷光,很難有權(quán)威的測(cè)試數(shù)據(jù))

最后選擇七牛最大的原因是:,也就是價(jià)格澎粟。阿里云 OSS 的流量?jī)r(jià)格大概是七牛的 2 倍瞎颗,即使買流量包也比七牛稍貴些。具體的捌议,大家可以看下面的官網(wǎng)鏈接:

需要說(shuō)明的是哼拔,七牛有所謂的免費(fèi)流量,但這免費(fèi)流量只適用于 http 流量瓣颅、不適用于 https 流量倦逐,算是個(gè)小坑 + 雞賊吧。

確定圖床后宫补,就在七牛上新創(chuàng)建了資源檬姥。并沒(méi)有使用自己域名的 https 鏈接,因?yàn)闆](méi)有備案(備案好可怕…)粉怕,直接使用了七牛的 https 二級(jí)鏈接健民,如 https://xxxx.qnssl.com

國(guó)外

國(guó)外選的是 Flickr

存儲(chǔ)方面,F(xiàn)lickr 有 1T 空間贫贝,絕對(duì)夠用了秉犹。

速度方面,之前在 http://www.17ce.com/ 上測(cè)試了下稚晚,即使是在國(guó)內(nèi)崇堵,F(xiàn)lickr 的訪問(wèn)速度尚可、比 Imgur 快客燕;國(guó)外應(yīng)該也沒(méi)問(wèn)題鸳劳。

于是,也就懶得再去用 Amazon S3 之類的專業(yè)圖床也搓,直接定 Flickr 了赏廓,并且鏈接還是支持 https 的涵紊。

統(tǒng)一圖片鏈接

這有什么說(shuō)的呢?

主要是為可能的再次搬家埋伏筆幔摸。如果直接使用七牛的二級(jí)鏈接( 如 https://xxx.qnss.com )栖袋,那么下次如果需要搬家,就要把之前文檔中的鏈接全部更新抚太,或者使用 Nginx 相關(guān)的代理塘幅、跳轉(zhuǎn)機(jī)制,總是有些麻煩尿贫,所以用了一個(gè)自己的域名進(jìn)行跳轉(zhuǎn)电媳。

方法就是,先確定一個(gè)固定的圖片域名:https://p.ilib.io 然后將其重定向至 https://xxxx.qnss.com 具體的庆亡,就是在 Nginx 中配置:

rewrite ^/cn/(.*)$ https://xxx.qnssl.com/$1;

這樣匾乓,訪問(wèn)如 https://p.ilib.io/cn/abc.jpg 時(shí),會(huì)重定向至 https://xxx.qnssl.com/abc.jpg

好處是:

  • 靈活又谋,之后如果再次搬家拼缝,只要修改這里的配置即可;
  • 另外彰亥,還可以為國(guó)外圖床配置對(duì)應(yīng)的跳轉(zhuǎn)咧七。

壞處是:

  • 慢了一點(diǎn),因?yàn)橐噙M(jìn)行一次 p.ilib.io 的域名解析任斋。
  • 不過(guò)继阻,這一方案也可以用域名解析的顯式 URL 跳轉(zhuǎn)進(jìn)行改進(jìn),會(huì)快很多废酷。只是我現(xiàn)在用的是 DNSPod 解析域名瘟檩,需要 30 天后才能進(jìn)行顯式 URL 跳轉(zhuǎn),到時(shí)再更新吧澈蟆。

已有圖片搬家

新圖床確定了墨辛,接下來(lái)就是要把已有的 Markdown 文件中的圖片遷移至新圖床。

這事怎么辦呢趴俘?

為了這事睹簇,我專門做了個(gè) App: iPic Mover,可以選擇 Markdown 所在目錄哮幢,一鍵遷移 Markdown 中所有圖片至新圖床带膀,具體看圖:

iPic Mover 更多介紹

插入新圖片

到這里,https 證書配置好了橙垢、已有圖片也搬家了,已經(jīng)可以看到可愛(ài)的小綠鎖了伦糯。那么柜某,之后新的圖片嗽元,該怎么插入到 Markdown 文件中呢?畢竟上面說(shuō)了喂击,又是七牛剂癌、又是 Flickr 的,直接插圖還是挺麻煩的翰绊。

還好佩谷,有了 iPic,可以一鍵上傳圖片至圖床监嗜、生成 Markdown 鏈接谐檀。

曬曬我的圖床吧(有些是測(cè)試用):

尾巴

說(shuō)說(shuō)博客吧。

折騰這么多裁奇,就為了小綠鎖桐猬,值嗎?尤其刽肠,現(xiàn)在還有人寫博客嗎溃肪?還需要專門搞個(gè)圖床搬家的工具嗎?

誠(chéng)然音五,現(xiàn)在是快消費(fèi)時(shí)代惫撰,大家的注意力是渙散的,看個(gè)搞笑視頻都要快進(jìn)躺涝,更別說(shuō)讀長(zhǎng)文润绎,更更別說(shuō)寫長(zhǎng)文了,更更更別說(shuō)為文章配個(gè)合適的圖诞挨。

但莉撇,反過(guò)來(lái)說(shuō),大家對(duì)信息的渴求是一貫的惶傻,在網(wǎng)上搜索信息棍郎,都想能最快的得到權(quán)威的、組織優(yōu)良的答案银室。尤其是程序員這個(gè)行當(dāng)涂佃,簡(jiǎn)直是面向 Google 編程。而很多 Google 給出的答案蜈敢,都是一些優(yōu)秀的博客辜荠。

所以,我相信博客依然會(huì)有其一席之地抓狭;而寫博客的人伯病,值得被尊重、被關(guān)注否过,值得擁有趁手的工具午笛。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末惭蟋,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子药磺,更是在濱河造成了極大的恐慌告组,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,695評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件癌佩,死亡現(xiàn)場(chǎng)離奇詭異木缝,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)围辙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門我碟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人酌畜,你說(shuō)我怎么就攤上這事怎囚。” “怎么了桥胞?”我有些...
    開封第一講書人閱讀 168,130評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵恳守,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我贩虾,道長(zhǎng)催烘,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,648評(píng)論 1 297
  • 正文 為了忘掉前任缎罢,我火速辦了婚禮伊群,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘策精。我一直安慰自己舰始,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評(píng)論 6 397
  • 文/花漫 我一把揭開白布咽袜。 她就那樣靜靜地躺著丸卷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪询刹。 梳的紋絲不亂的頭發(fā)上谜嫉,一...
    開封第一講書人閱讀 52,268評(píng)論 1 309
  • 那天,我揣著相機(jī)與錄音凹联,去河邊找鬼沐兰。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蔽挠,可吹牛的內(nèi)容都是我干的住闯。 我是一名探鬼主播,決...
    沈念sama閱讀 40,835評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼寞秃!你這毒婦竟也來(lái)了斟叼?” 一聲冷哼從身側(cè)響起偶惠,我...
    開封第一講書人閱讀 39,740評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤春寿,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后忽孽,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绑改,經(jīng)...
    沈念sama閱讀 46,286評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評(píng)論 3 340
  • 正文 我和宋清朗相戀三年兄一,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了厘线。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,505評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡出革,死狀恐怖造壮,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情袁余,我是刑警寧澤其做,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布治筒,位于F島的核電站,受9級(jí)特大地震影響旨枯,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜混驰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評(píng)論 3 333
  • 文/蒙蒙 一攀隔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧栖榨,春花似錦昆汹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至居夹,卻和暖如春败潦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背准脂。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工劫扒, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人狸膏。 一個(gè)月前我還...
    沈念sama閱讀 48,921評(píng)論 3 376
  • 正文 我出身青樓沟饥,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子贤旷,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,286評(píng)論 25 707
  • 2016 年 7 月 4 日幼驶,圖床神器 iPic 上架 Mac App Store艾杏,雖說(shuō)這是個(gè)好記的日子:美國(guó)獨(dú)立...
    ITJason閱讀 856評(píng)論 8 8
  • 一、什么是事業(yè)盅藻? 實(shí)現(xiàn)經(jīng)濟(jì)獨(dú)立购桑,獲得尊重的一種途徑。 二氏淑、什么是女人勃蜘? 能夠成為老公、孩子假残、父母的驕傲缭贡,能幫老公、...
    快樂(lè)贏閱讀 319評(píng)論 0 0
  • 昨夜失眠了辉懒,輾轉(zhuǎn)反側(cè)中憶起了自己的學(xué)生時(shí)代阳惹,憶起了深藏在記憶深處的幾位老師…… 我的啟蒙老師是一位年輕漂亮的女教師...
    劉立宏閱讀 567評(píng)論 6 5
  • 文 / 贛南師范大學(xué) 黃佩婷 我不能永遠(yuǎn)披著白紗,踏著花瓣耗帕,走向紅毯盡處的他穆端,當(dāng)我們攜手走下這紅毯,迎人而來(lái)的是風(fēng)...
    舊時(shí)期閱讀 1,585評(píng)論 0 0