Hexo安裝教程（一）

小編最近一直都在忙於各種雜七雜八的事情，一直都沒辦法靜下心來好好學習，而且每次忙完事情後總是沒能來的及將自己的經驗進行總結歸納，主要是因爲東西過於雜亂，並且每次任務間隔的時間都很短，逐漸消磨了我寫博客的意志（看來我和鹹魚已經沒有什麼區別了）。不過小編近期發現了hexo：一個十分簡單就能搭建個人博客的博客框架，在美化自己的博客之餘，逐漸也找到了寫博客的動力。

Hexo安裝教程（一） -> 小白上手Hexo

因爲是新手教程，所以這裏不對除Hexo以外的內容做過多的說明

1. Hexo安裝

1.1 Node.js安裝

因爲Hexo是基於Node.js的靜態博客框架，所以如果電腦沒有Node.js的話請務必安裝一下

• 1.1.1 檢查自己電腦是否已經安裝好Node.js

  • 打開執行終端，輸入命令

    # 查看Node包管理器版本 npm -> node.js package management
    npm -version
    
    # 查看Node.js版本
    node --version
    

    如果能正常顯示版本號則說明安裝成功

• 1.1.2 Node.js官網

• 1.1.3 Node.js快速安裝方法（目前只適用於Windows和macOS，Linux需要通過源碼編譯）

  • 從官網下載自己系統的node.js

  • 下載後打開安裝包.pkg或.exe一路繼續就行（windows保險起見還需要查看一下環境變量）

    Node.js在Windows中默認安裝在C:\Program Files\nodejs\ 中，配置環境變量的話可以加以參考

  • 如果上述方式不行的話可以嘗試以下方法(linux或者想通過源碼直接編譯的夥計們也可以參考這篇文章`)

    • 菜鳥教程|Node.js 安裝配置

1.2 Hexo項目安裝和啓動

Node.js安裝好後就可以安裝Hexo了，這時候你需要選擇一個空文件夾（可以自己創建一個）來保存將來屬於你自己的博客

• 1.2.1 Hexo官網

• 1.2.2 這裏我創建了一個文件夾叫myblog

• 1.2.3 在終端中cd到你創建的文件夾前一個文件夾中

• 1.2.4 首次安裝的時候還需要在終端中輸入指令，安裝一下Hexo

  #安裝Hexo -g代表全局可以訪問Hexo
  npm install -g hexo-cli
  
  #如果安裝完畢檢查一下Hexo是否安裝成功
  Hexo -v
  

• 1.2.5 在確保Hexo已經安裝後，就可以開始安裝自己的博客了

  • 先初始化一下自己的Hexo

    #hexo init myblog
    hexo init [你的博客文件夾名稱]
    

  • 初始化完後打開博客文件夾，並安裝node.js依賴

    #cd myblog
    cd [你的博客文件夾愛名稱]
    
    #安裝node依賴
    npm install
    
    #如果覺得安裝慢點話可以嘗試使用淘寶鏡像源 效果和 npm install 一樣，會更快
    npm install --registry https://registry.npm.taobao.org
    

  • 安裝好以後打開myblog文件夾可以看見自動生成的文件目錄結構

    文件名稱	實際作用
    _config.yml	博客主題配置文件
    node_modules	node.js依賴包文件夾
    scaffolds	文章模板
    source	存放你的博客文章
    themes	博客主題文件夾

    你新建的博客文章全部放在source/_posts文件夾中，格式爲Markdown格式

  • 這個時候已經可以在本地運行你的博客了只要輸入指令

    #生成hexo博客
    hexo g
    #運行hexo博客
    hexo s
    
    #創建新的博客文章名稱
    hexo new [你新的博客文章名稱]
    

    **啓動hexo後打開瀏覽器，輸入localhost:4000即可查看你的博客 **

    如果需要停止輸入ctrl+c即可

1.3 git的安裝和簡單使用

因爲hexo要和GitHub結合在一起使用，所以git安裝和簡單指令的使用是必不可少的

• 1.3.1 git的安裝

  • git官網

  • git全平臺安裝|菜鳥教程

  • windows安裝git：

    • 官網下載完.exe安裝包後直接安裝即可

  • macos安裝git：

    • 打開終端輸入git如果沒有安裝會自行提示你安裝git

  • Linux如果不是安裝的極簡版的話基本上都配有git

• 1.3.2 git的基本指令

  • git基本操作|菜鳥教程

1.4 GitHub賬號

• 1.4.1 github官網

• 1.4.2 點開官網選擇Sign up註冊屬於你自己的賬號即可

• 1.4.3 爲了方便以後使用git這裏我們把本機的ssh key提交到GitHub倉庫上

  • 1.4.3.1 先檢查本機是否存在ssh key

    ls -al ~/.ssh
    

    如果能顯示id_rsa.pub則說明ssh key已經存在，如果沒有則需要自行創建

  • 1.4.3.2 生成ssh key

    • 在終端中輸入

      #這裏[email protected]替換成你的郵箱
      ssh-keygen -t rsa -C  [email protected]
      

      輸入完後可以一路回車

    • 獲取你本機當前的ssh key

      • 在終端中輸入

        cat ~/.ssh/id_rsa.pub
        

        顯示的內容爲你ssh的公匙

  • 1.4.3.3 將你的ssh key導入到GitHub中

    • 登陸GitHub賬號，點擊右上角頭像->setting

    • 在setting頁面中選擇SSH and GPG keys->New SSH key

    • 填入對應到title和ssh key內容，點擊添加即可

      
      

1.5 創建Github倉庫，存儲Hexo博客信息

• 1.5.1 創建一個新的博客倉庫

  • 登陸GitHub賬號選擇右上角+號->New repository

  • 填寫好你倉庫名稱後選擇添加倉庫即可

• 1.5.2打開剛創建好的倉庫，拷貝倉庫http鏈接，下面會用到

2. 將Hexo的博客發佈到Github

2.1 配置Hexo配置文件_config.yml

• 2.1.1 打開_config.yml

  在配置文件中找到(ctrl+f)：deploy將對應段落修改成以下內容

  # Deployment
  ## Docs: https://hexo.io/docs/deployment.html
  deploy:
    type: git
    repo: 你的github倉庫鏈接
    branch: master
  

2.2 安裝deploy-git

• 2.2.1 終端中輸入

  npm install hexo-deployer-git --save
  

  等待安裝完畢後即可將項目部署到GitHub上，只需在終端中輸入

  #hexo g是 hexo generate的縮寫，用於生成你寫的博客文章
  #hexo d是 hexo deploy的縮寫，用於將你的文章部署到GitHub上
  #連起來就是生成你的博客並部署到GitHub上
  hexo d -g
  

  執行完以上指令後打開瀏覽器訪問你的GitHub賬號名+github.io即可查看你的博客

  如果你線下又寫了新的博客，只需要執行hexo d -g即可部署到github上

3. 參考文章

• 文檔|Hexo
• 廖雪峯git詳細教程
• hexo史上最全搭建教程