基於Hexo搭建自己的博客主頁

搭建自己博客分爲兩類,一種是託管到github上的,以hexo爲代表,另一種是需要自己購買服務器,主要使用wordpress框架。有不花錢的效果也很不錯,就沒必要自己再購買服務器了,下邊主要介紹下使用hexo搭建個人博客。

hexo支持Markdown,使用Markdown來編寫文章,最終生成的是一個靜態html頁面,發佈到服務端,訪問效率有天然優勢。

步驟:

  • 安裝git

  • 安裝nodejs

  • 安裝hexo

  • github上創建倉庫

  • 發佈博客到github上

 

安裝Git

  1. 使用yum安裝git客戶端

    yum instal git
    

     

  2. 查看安裝是否成功

    git --version
    

     

     

安裝nodejs

  1. 下載nodejs安裝包

    wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz
    

     

  2. 解壓安裝包

    tar -xvf node-v10.9.0-linux-x64.tar.xz
    
    mv node-v10.9.0-linux-x64 /opt/nodejs
    

     

  3. 設置軟連接

    ln -s /opt/nodejs/bin/npm /usr/local/bin
    ln -s /opt/nodejs/bin/node /usr/local/bin
    

     

  4. 查看安裝是否成功

    npm --version
    node --version
    

     

 

安裝hexo

  1.  npm安裝

    npm install hexo-cli -g
    

     

  2. 設置軟連接

    ln -s /opt/nodejs/lib/node_modules/hexo-cli/bin/hexo /usr/local/bin/hexo
    

     

  3. 創建博客目錄,初始化

    mkdir blog
    
    cd blog
    
    hexo init
    

     

     

  4. 啓動博客

    hexo s
    

     

     

  5. 瀏覽器裏訪問

 

Github上創建倉庫

  1. 登錄github官網,沒有賬號的先註冊個賬號

  2. 新建倉庫,倉庫的名字必須是你的(id).github.com,如id爲woniu201,則倉庫的名字woniu201.github.com。

  3. 這時github的倉庫已經創建完成。

發佈博客

hexo自帶的主題很多小夥伴可能並不喜歡,首先推薦給大家一個主題yilia,個人比較喜歡的。

更換主題的方式:

cd blog
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

 

修改blog根目錄下的_config.yml,theme: landscape改爲theme: yilia

 

執行指令hexo g重新啓動hexo,hexo s後效果如下:

 

創建博客文章:

hexo new "優秀的程序員一定要有自己的博客!"

 

編輯source/_posts/目錄下的md文章

 

修改根目錄下的_config.yml中deploy項

注意type:與gihub中間有空格。

安裝hexo的deployer插件

npm install hexo-deployer-git --save

 

發佈博客到github上

hexo g

hexo deploy

 

瀏覽器訪問地址:http://woniu201.github.io

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章