終于要更新了，刷了好久牛客...
關(guān)鍵字：GitHub Pages Jekyll SSL https
前言
小綠鎖是啥？HTTPS鏈接的網(wǎng)頁是比較安全的網(wǎng)頁，遂發(fā)一個(gè)小綠鎖。HTTPS是以安全為目標(biāo)的HTTP通道，簡單講是HTTP的安全版。即HTTP下加入SSL層，https的安全基礎(chǔ)是SSL。SSL(Secure Sockets Layer 安全套接層),及其繼任者傳輸層安全（Transport Layer Security，TLS）是為網(wǎng)絡(luò)通信提供安全及數(shù)據(jù)完整性的一種安全協(xié)議。TLS與SSL在傳輸層對(duì)網(wǎng)絡(luò)連接進(jìn)行加密。雖然我們博客里面沒啥東西需要傳輸加密的，但是有個(gè)小綠鎖好看啊！總之好看最重要。
背景
本文只針對(duì)使用自定義域名的博客，主要介紹了GitHub Pages + Cloudflare、Coding Pages兩種實(shí)現(xiàn)方案，我個(gè)人是使用GitHub Pages托管的博客，而且習(xí)慣把東西放在一起，不喜歡東西東一塊西一塊，所以我個(gè)人是使用A方案。
Plan A - GitHub Pages + Cloudflare
- 首先你得有個(gè)自定義域名，然后再在 GitHub Page 的設(shè)置中
custom domain填入,萬網(wǎng)相關(guān)的跳轉(zhuǎn)設(shè)置就不說了。
-
創(chuàng)建CloudFlare帳戶，并且添加自己的網(wǎng)站域名,等待1分鐘，完成后點(diǎn)擊
Continue Setup。
A-2.png -
看到DNS Records后，按下圖設(shè)置（僅供參考），點(diǎn)擊 Continue 下一步。
A-3.png -
選擇免費(fèi)服務(wù)，當(dāng)然你土豪的話我也不攔你使用收費(fèi)項(xiàng)目，選好點(diǎn)擊 Continue 。
A-4.png -
更換DNS服務(wù)器，我本人的域名是在萬網(wǎng)買的，所以需要到阿里云修改DNS,根據(jù)cloudflare網(wǎng)站提示將下圖左邊的設(shè)置改成右邊的即可，請(qǐng)?zhí)鎿Q為您打開網(wǎng)頁實(shí)際顯示域名服務(wù)器,然后點(diǎn)擊 Continue 。
A-5.png -
設(shè)置完成后狀態(tài)應(yīng)該會(huì)變成Active。
A-6.png -
接來下開啟SSL，將SSL選項(xiàng)改為Flexible，這一步生效需要比較長的時(shí)間，我是睡了一覺，第二天早上才OK的。
A-7.png -
將http請(qǐng)求重新定向至https，還有記得加通配符*，或者在 開啟Cyypto中將Automatic HTTPS Rewrites 開啟。
A-8-1.png
A-8-2.png 至此Plan A就完成了，由于設(shè)置生效比較慢，需要耐心等待；Cloudflare還提供免費(fèi)的CDN和緩存技術(shù)，也可以設(shè)置開發(fā)模式關(guān)閉緩存使數(shù)據(jù)實(shí)時(shí)變更。
Plan B - Coding Pages
Coding國內(nèi)訪問速度比較快，還有設(shè)置SSL也更簡單，不過我還是習(xí)慣放GitHub上，一般需求用Coding更方便快捷。
- 在 Coding Page 的設(shè)置中
自定義域名填入域名，萬網(wǎng)相關(guān)的跳轉(zhuǎn)設(shè)置就不說了。
-
Coding設(shè)置（開啟HTTPS加密）
B-1.png
B-2.png 然后...就沒有然后了，PlanB就這么簡單??,如果不能實(shí)現(xiàn)不要來打我，畢竟這條路我沒自己走過，實(shí)在不行看看我的小綠鎖解解饞??大帥比的博客。
總結(jié)
程序員為了裝逼啥事情都干得出來，趕緊開啟你的裝逼之旅吧。
呃，還有正經(jīng)的，如果在博客當(dāng)前頁面里有非https鏈接的圖片，那小綠鎖會(huì)變成小黃鎖,強(qiáng)迫癥的話把圖片也換成https的。
