hexo在git上搭建我的博客

公司實習第一天接到的任務是:搭建一個基於Nodejs的開源項目的開發環境,接到任務時覺得不是很困難,後來才知道該項目已於去年被廢棄,搭配環境的時候遇到了很多問題,折騰了兩天仍是沒有最終完成...
不過也不是沒有收穫的,起碼對Nodejs多了些瞭解,正好也想本身弄個Blog,就乘着週末搭建了個,這裏記錄下過程。node

Windows下Git的配置

因爲這裏只是搭建個環境,不須要其餘的一些工具,簡單的安裝GitForWindows就好了,須要注意的時,在安裝時選擇Run Git from the windows command Prompt,這樣在Windows的命令行能夠直接使用git命令。git

  1. 配置用戶名和郵箱
git config user.name "username"
git config user.email "email"
  1. Github SSH Key配置
    在推送文章到Github時,使用ssh進行驗證能夠免於輸入帳戶和密碼。
    1. 首先在Git Bash使用命令ssh-keygen -t rsa -b 4096 -C "your email"生成公鑰和私鑰,運行該命令後會有提示的輸入信息,能夠直接回車跳過。
    2. 添加私鑰到ssh。這時有可能ssh-agent沒有啓動,能夠如今Git Bash中運行命令eval "$(ssh-agent -s)來啓動,而後運行ssh-add 私鑰名稱添加私鑰。(默認的私鑰名稱是rsa,若是在生成私鑰時設定了名稱,就輸入上次設定的名稱)
    3. 添加公鑰到Github的帳號。首先使用命令clip < rsa.pub 將公鑰的內容複製到剪貼板,而後登陸Github,選擇settings > SSH Keys > New SSH Key ,將公鑰內容粘貼過去,點擊 Add New SSH便可。
    4. 驗證ssh的配置是否成功。上述步驟完成後,在Git Bash中運行命令ssh git@github.com,根據提示信息判斷ssh的配置是否成功。

hexo的配置

  1. 下載安裝Nodejs官網下載
  2. 使用npm安裝hexo npm install -g hexo (參數g表示的hexo是全局安裝),若是下載的比較慢能夠指定其餘的源,這裏提供我使用的安裝源npm install -g hexo --registry http://registry.cnpmjs.org
  3. 在創建Blog的文件夾下執行命令hexo init,進行hexo的初始化
  4. 在初始化完成後,文件夾會多了一些文件,這是執行命令npm install下載hexo所需的依賴項。(同上面同樣能夠指定別的源安裝npm install --registry http://registry.cnpmjs.org
  5. 上述步驟完成後,hexo的配置已經基本完成,能夠執行hexo server,而後訪問localhost:4000查看效果。(hexo默認的端口號是4000,可是4000端口若是被其餘進程佔用的話,這時訪問localhost:4000會得不到響應。解決這個問題的方法是指定其餘的端口hexo server -p 8081,訪問localhost:8081)
  6. 在github上新建一個repository保存Blog的頁面。這裏須要注意的是repository 的name有個特別的限定,就是你的github的username.github.io。(例如,個人github的用戶名是brookicv,那麼我新建的repsoitory name就是 brookicv.github.io)
  7. 修改配置文件。首先打開Blog根目錄下面的**_config.yml,在裏面添加deploy到Github上所須要的信息( 注意將username替換掉**)
deploy:
  type: git
  repository: ssh://git@github.com/username/username.github.io.git
  branch: master
  1. 將Blog部署到Github。在deploy以前,須要運行命令hexo generate從新生成(修改過_config.yml或者文章後都要記得執行下該命令),而後運行hexo deploy命令就會將Blog的內容推送到Githu。部署完成後,訪問usernmae.github.io就能夠查看你的Blog內容了。
  2. hexo主題的使用。hexo有不少的主題,而且使用也很是的方便。例如要使用yilia這款主題,能夠在Blog的根目錄下運行
    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    而後修改_config.yml的theme項爲yilia就能夠了。
  3. 添加新文章。運行命令hexo new articlename會在source/_posts/articlename.md,編輯該md文件後,運行hexo generatehexo deploy命令就能夠在github上看到你的新文章。

後面的話

流水帳似的記錄下使用hexo在Githu上搭建我的博客的過程。也是一個新的開始,從校園走向社會,開始本身的第一份工做,這幾天仍是挺迷茫的,不知道之後的技術選擇是什麼方向,而且感受本身對第一份工做的選擇的技術方向是否是太過看重了...github

之後堅持記錄本身的學習過程!!!npm

相關文章
相關標籤/搜索