github + hexo + yilia搭建我的博客

本篇主要記錄一些本身github博客搭建的過程。

一、配置 Node.js 和配置 Node.js 環境

二、安裝Git和配置Git環境

    注：本篇主要寫搭建博客，工具類的再也不贅述

三、github配置

• 咱們假設你已經有了一個 github 帳號，你須要添加一個新的 new repository。點擊建立一個新的 repository ，你須要將你的 Repository name 設置爲 ** 帳戶名.github.io ** ，這一步相當重要。

• 在建好的項目右側有個settings按鈕，點擊它，向下拉到GitHub Pages，你會看到一個 http://帳戶名.github.io 的網址，這樣，你已經有一個屬於本身的博客啦。

  四、hexo 配置

• 首先找一個合適的位置建立一個文件夾，經過 git 進入到該文件夾下
• 輸入 npm install hexo -g，開始安裝Hexo
• 輸入 hexo -v，檢查hexo是否安裝成功
• 輸入 hexo init，初始化該文件夾。看到 ** 「Start blogging with Hexo！」 ** 即成功
• 輸入 npm install,安裝所需組件
• 輸入 hexo g,對文件進行編譯

• 輸入 hexo s,輸入hexo s，開啓服務器，訪問該網址，正式體驗Hexo。
      個人默認端口是4000，若是你的頁面一直沒法跳轉，多是端口號被佔用，能夠經過 hexo server -p 端口號 進行修改。

  五、將Hexo與Github page聯繫起來

• 設置Git的user name和email（對於第一次設置的童鞋）

git config --global user.name "xxx"
    git config --global user.email "xxx@gmail.com"

• 輸入cd ~/.ssh，檢查是否有.ssh的文件夾，輸入ls，列出該文件下的內容。若是有id_rsa,id_rsa_pub,known_hosts,則說明存在。
• 輸入 ssh-keygen -t rsa -C "你的github郵箱地址",連續三個回車，生成密鑰，也會自動生成兩個文件：id_rsa和id_rsa.pub（默認存儲路徑是：C:\Users\Administrator\.ssh）
• 輸入eval "$(ssh-agent -s)"，添加密鑰到 ssh-agent
• 輸入ssh-add ~/.ssh/id_rsa，添加生成的 SSH key 到 ssh-agent
• 登陸Github，點擊頭像下的settings，點擊 SSH and GPG keys，點擊 右側的 new SSH key，用VS Code打開id_rsa，ctrl + A 所有複製粘貼到新建的 SSH key 中。
• 輸入ssh -T git@github.com，測試添加ssh是否成功。若是看到Hi後面是你的用戶名，就說明成功了。
• 配置Deployment，在其文件夾中，找到_config.yml文件，修改repo值（在末尾）,配置成以下效果。

deploy:
  type: git
  repo: git@github.com:limoon7/limoon7.github.io.git
  branch: master

• 新建一篇博客，在git下執行命令：hexo new post 「博客名」，這時候在文件夾_posts目錄下將會看到已經建立的文件。
• 在生成以及部署文章以前，須要安裝一個擴展：npm install hexo-deployer-git --save
• 使用編輯器編好文章，那麼就可使用命令：hexo d -g，生成以及部署了
• 部署成功後訪問你的地址：http://用戶名.github.io,就能夠看到你的文章啦
• 在實際的使用中，能夠修改過文件後能夠先在本地預覽預覽，經過hexo -s 命令
• 我的通常使用的順序爲： hexo clean ,hexo -g ,hexo -s, hexo -d

六、配置 yilia 主題

    是否是以爲配置好的不是很美觀，那就來一個優雅大方的主題吧！

參考資料:一個簡潔優雅的hexo主題 A simple and elegant theme for hexo.

七、遇到的一些問題

-hexo d 出現ssh鏈接問題，以下所示

ssh: connect to host github.com port 22: Connection timed out

解決方法：git 鏈接 github 超時問題

歡迎你們訪問個人博客：lemon的世界