1. 程式人生 > >白嫖碼雲Pages,兩分鐘的事,就能搭個百度能搜到的個人部落格平臺

白嫖碼雲Pages,兩分鐘的事,就能搭個百度能搜到的個人部落格平臺

為了攢點錢讓女兒做個富二代(笑),我就沒掏錢買伺服器,白嫖 GitHub Pages 搭了一個部落格平臺。不過遺憾的是,GitHub Pages 只能被谷歌收錄,無法被百度收錄,這就白白損失了一大波流量!

從 2 月份到 9 月份,基本上保持了日更的節奏,接近 200 篇的原創文章,但總的瀏覽量只有 10 萬+(寶寶心裡苦)。

谷歌搜尋帶來的訪問量佔比 8.47%,百度搜索的貢獻可以忽略不計。對於我們國內使用者來說,會用谷歌搜尋的還是少啊!一想到自己辛辛苦苦寫的那麼多原創文章無法被百度搜索加持,內心就在滴血。。。。。。

小夥伴們應該知道了,上週,工信部官宣把開源中國的碼雲 Gitee 作為 GitHub 的備胎。我就想著,為什麼不利用碼雲 Pages 再搭一個部落格平臺的映象呢?仍然可以白嫖啊!

碼雲 Pages 是一個免費的靜態網頁託管服務,可以用來託管部落格、官網等靜態網頁,關鍵是還支援 Jekyll、Hugo、Hexo 等優秀的開源部落格系統來編譯靜態資源。

建立碼雲 Pages 有兩種方式,一種是沒有 GitHub Pages,另外一種是有 GitHub Pages。(我這種寫作手法是參照魯迅先生的:在我的後園,可以看見牆外有兩株樹,一株是棗樹,還有一株也是棗樹)

我本身就已經有 GitHub Pages 了,所以就直接以這個為例。沒有 GitHub Pages 的小夥伴可以參考下面這個連結:

https://gitee.com/help/articles/4136#article-header2

我的 GitHub Pages 地址如下所示:

https://github.com/itwanger/itwanger.github.io

感興趣的小夥伴們可以去 star 一下,裡面收錄了我所有的文章,以及我精心準備的大廠面試題,還有寶藏版的電子書哦。

第一步,把 GitHub Pages 倉庫複製到碼雲。

登入碼雲,點選右上角的 + 號,選擇「新建倉庫」,如下圖所示:

出現以下介面後:

點選「匯入已有倉庫」,在輸入框中填寫 GitHub Pages 地址:

碼雲會自動將 GitHub Pages 的一些資訊複製過來,比如說倉庫名稱、路徑等,見下圖:

點選「建立」,會跳轉到以下介面,靜靜地等待即可(也可以跑出去抽根菸,一根回來後發現還在後臺處理,就可以去忙別的事情了)。

隨後(或者隨後的隨後),倉庫就複製成功了。

第二步,啟用碼雲 Pages。

在選單欄找到服務,選擇「Gitee Pages」,見下圖:

點選「啟動」,見下圖:

稍等片刻。

這個過程可能會出現一些錯誤,我就遇到下面這個。

sidebar-popular-repo.html 檔案的第 55 行內容如下所示:

{% assign sorted_repos = (site.github.public_repositories | sort: 'stargazers_count') | reverse %}

這行程式碼的作用是從 GitHub 上獲取公開的倉庫,並按照標星倒序。

我的 GitHub Pages 是通過 Jekyll 載入的靜態資源,裡面用到了 Liquid 語法,在 GitHub Pages 環境下是可以正常使用的。但經過三番五次的嘗試後發現,碼雲 Pages 是不支援的,site.github.public_repositories 的值為 null,就報錯了。

研究了一會 Liquid 語法後,我對 site.github.public_repositories 進行了判空:

{% if site.github.public_repositories != null %}
{% assign sorted_repos = (site.github.public_repositories | sort: 'stargazers_count') | reverse  %}
{% endif %}

重新提交了 GitHub 倉庫後,我在碼雲的倉庫上點了同步按鈕。

強制更新完成後,碼雲會重新部署,繼續等待。如果沒有其他錯誤的話,就會出現以下提示。

碼雲 Pages 服務啟用成功了!(好激動,好開心)

可以直接點選碼雲 Page 生成的網站地址:

http://itwanger.gitee.io/itwanger.github.io

進行訪問,可以確認 GitHub Pages 已經成功同步到碼雲 Pages 了。

第三步,讓碼雲 Pages 的訪問地址不帶二級目錄。

通過上面兩個步驟,碼雲 Pages 就設定成功了,但有一點讓人覺得不那麼舒服,就是訪問地址有些長:

http://itwanger.gitee.io/itwanger.github.io

假如能把 itwanger.github.io 去掉就好了,對不對?能做到嗎?

重複第一步中的動作,只不過需要把倉庫名稱和路徑改成你的碼雲賬號。比如說我的碼雲賬號是 itwanger,那倉庫名稱和路徑就填寫 itwanger,見下圖。

其餘操作不變,當碼雲 Pages 啟動成功後,提示資訊如下所示:

訪問該地址,可以確認碼雲 Pages 已經 OK 了(預設已經啟用了 HTTPS)。

這樣的話,自定義域名也不需要了,本身碼雲 Pages 也不支援自定義域名(苦笑)。碼雲 Pages 的升級版碼雲 Pages Pro 是支援自定義域名的:

但因為“業務調整”已經關閉了個人使用者購買的入口,看來碼雲作為 GitHub 的官方備用方案還需要一段時間優化啊!

第四步,讓百度收錄更快一些。

百度提供了一個提交連結的入口,地址如下:

https://ziyuan.baidu.com/linksubmit/url

填寫碼雲 Pages 的連結:https://itwanger.gitee.io/,並「提交」,見下圖:

這樣做的好處是,網站可以主動向百度搜索推送資料,縮短爬蟲發現網站連結的時間。

另外,進入到百度的站點管理,地址如下:

https://ziyuan.baidu.com/site/index#/

按照對應步驟將 https://itwanger.gitee.io/ 新增進來。

當然了,百度收錄需要一段時間,現在去搜“沉默王二”的話,應該是沒有碼雲 Pages 的。不過,讓我們拭目以待吧!希望這篇手摸手的教程能夠對小夥伴們白嫖碼雲 Pages 有所幫助,我們下期見。