利用碼雲Pages服務輕鬆搭建自己的靜態博客

很多同學應該都聽說過Github Pages,它可以用來搭建自己的靜態博客和網站,但是因為服務器在國外,所以部署和訪問比較慢。其實我們國內的代碼託管服務碼雲也提供了類似的功能,使用起來同樣非常輕鬆,而且訪問速度非常快。如果你想要自己做個靜態博客玩玩的話,完全可以來試試。


新建碼雲倉庫

首先到碼雲上創建一個倉庫,然後將其克隆到本地。


利用碼雲Pages服務輕鬆搭建自己的靜態博客


創建hexo項目

hexo是一個非常流行的靜態博客框架,使用方便,而且還有大量主題可供挑選。它需要NodeJS環境,如果你沒有安裝的話,首先安裝NodeJS。安裝完畢之後,運行下面的命令安裝hexo工具。

<code>npm install -g hexo-cli/<code>

假如下載速度慢的話,可以使用淘寶鏡像。添加方法很簡單,運行下面的命令:

<code>set-content ~/.npmrc registry=https://registry.npm.taobao.org/<code>

安裝完畢之後,創建hexo博客項目。

<code>mkdir blog
cd blog
hexo init/<code>

等博客項目創建完畢之後,將剛剛克隆的倉庫裡的所有文件複製到博客文件夾中。複製的時候記得開顯示隱藏文件,如果沒有複製.git文件夾的話,後面是沒辦法正常推送項目的。


利用碼雲Pages服務輕鬆搭建自己的靜態博客


現在你已經擁有了一個博客項目了,使用你喜歡的編輯器或者IDE開始編輯吧。文章全在_posts文件夾中,文章語法使用markdown格式,用起來也很簡單。


利用碼雲Pages服務輕鬆搭建自己的靜態博客

下面是幾個常用命令。特別地,如果你本地編寫完了文章,想看看效果,可以啟動本地服務器,然後就可以在瀏覽器裡實時看到文章的變化了。

<code># 新建文章
hexo new name
# 啟動本地服務器
hexo server
# 生成靜態文件
hexo generate/<code>

推送博客

打開博客項目裡的_config.yml配置文件,在最下方找到deploy設置,然後添加類似下面的內容。


  • type就是要推送的類型,因為我們用的是碼雲的git倉庫,所以就寫git;
  • repo就是倉庫的地址,這裡是我的倉庫,大家改成自己的地址;
  • branch就是要推送的分支,寫成gt-pages就行了,這項必須寫,不然推送的時候會直接推到master分支,覆蓋我們的博客代碼就麻煩了。
<code>deploy:
  type: git
  repo: [email protected]:techstay/hello.git
  branch: gt-pages/<code>

編輯完成之後,運行下面的命令即可生成靜態文件並推送到項目的對應分支上去。

<code>hexo clean && hexo deploy/<code> 

啟動碼雲Pages服務

好了,下面就是最後一步了。現在博客代碼和生成的靜態文件都已經準備就緒了,最後要做的事情就是在碼雲裡開啟Pages服務。訪問我們的碼雲項目主頁,在項目菜單上找到服務,然後點擊Gitee Pages。


利用碼雲Pages服務輕鬆搭建自己的靜態博客

然後選擇部署分支,因為hexo的部署功能會將文件直接推到部署分支上。所以部署目錄那裡留空即可。設置完成後點擊確認,稍等一下,就可以查看生成的靜態博客了。不得不說國內的服務訪問速度是真的快。

利用碼雲Pages服務輕鬆搭建自己的靜態博客

如果覺得本文有用的話,歡迎關注+轉發哦,感謝大家的支持!


分享到:


相關文章: