用hexo搭建了個人線上博客

前言

  • 看見好多人的博客下面都有hexo的標誌,因此我就想他們是怎麼有這麼樣的一個又精美,又簡單的線上博客呢?node

  • 抱着這樣的心理,就去Google了發現了是有一個hexo的基於node.js的開發部件。而後就照着官方文檔去學習了一下。git

記錄下開發流程

  • 首先你必需要先安裝一個hexo-cli的命令行工具github

    npm install hexo-cli -g
  • 採用官方給的資料面試

    $ hexo init blog
    $ cd blog
    $ npm install 
    $ hexo s

    按照提示打開https://127.0.0.1:4000就能顯示一個原始的blog頁面。這個頁面只有home頁和archives頁面可是這種風格也是挺喜歡的。npm

  • 選擇主題https://hexo.io/themes/
    官方文檔提供了不少的主題咱們能夠用git添加到咱們的項目裏邊。hexo

    1. 我這裏選擇了minos主題,這個主題主要吸引個人是頁面。看着挺清爽的,可是有些人可能會不喜歡,第一色澤比較單一,主色調爲黑色。工具

    2. 下載到本身項目的主題文件夾下學習

      $ git clone https://github.com/ppoffice/hexo-theme-minos.git themes/minos 
      $ cd themes/minos
      $ git pull
    3. 修改_config.ymlspa

      將這個文件下的theme的主題改爲theme: minos
    4. 將minos主題下的_source裏邊的所有複製到source文件夾下命令行

    5. 主目錄下運行hexo s

搭載到github.io上去

  • 先建立一個[yourgithubname].github.io

  • 將blog裏邊的public目錄下的文件所有拷到這個項目倉庫裏

  • 訪問[yourgithubname].github.io

  • 大功告成,你的hexo博客搭建好了

項目實現後的截圖

  • home頁
    圖片描述

  • archives頁
    圖片描述

  • categories頁
    圖片描述

  • tags頁
    圖片描述

後記

  • 我在about裏邊插入了個人簡歷,有要招兵買馬的能夠給個面試的機會,若是對着個感興趣也能夠給我個star。若是你也想搭建這麼一個博客咱們也能夠聊聊~吹吹牛逼~

相關文章
相關標籤/搜索