Hexo+Github的搭建與配置

【Hello,hexo】忙活了好多天,查了無數資料,終於搭建完成啦。現整理下搭建過程分享出來,但願可以幫助須要的同窗,同時本身也再順一遍。若是有錯誤歡迎指正~。html

軟件準備

  • node.js
  • git若是下載速度過慢,請移步百度下載,只是版本差別
  • 文本編輯器,我的用的sublime text(其實用記事本也能夠)
  • 註冊github賬號

安裝node和git

node和git一路默認安裝便可,安裝完成以後,在命令輸入終端分別鍵入node -vgit --version出現版本信息就說明安裝成功。node

cnpm(用來安裝hexo)因爲npm速度有時候使人堪憂,因此建議安裝淘寶源的cnpm,在git bash中輸入下面整段git

$ alias cnpm="npm --registry=https://registry.npm.taobao.org \
    --cache=$HOME/.npm/.cache/cnpm \
    --disturl=https://npm.taobao.org/dist \
    --userconfig=$HOME/.cnpmrc"

安裝完以後驗證,輸入:cnpm info express,若出現一大堆信息則代表成功了github

安裝Hexo

  • 全局安裝。在git bash 下輸入:cnpm install -g hexo-cli

安裝完以後,輸入hexo-v,出現版本信息則代表安裝成功express

  • 建立hexo項目。在D盤(你能夠在任意盤,這裏只是舉個栗子^_^)新建一個文件夾hexo。進入到此文件夾右鍵點git bash而後輸入hexo init,走完命令行以後輸入:cnpm install(不知道爲何個人最後一步一直安裝不成功~^~,不過不影響使用,須要的插件能夠單獨安裝。)

建立github pages與配置ssh

  • 建立博客倉庫。登錄到github上新建一個倉庫,名稱爲:你的用戶名.github.io
  • 本地生成ssh密鑰。git bash下輸入ssh-keygen -t rsa -C "你的郵箱地址"
  • 上傳公鑰串。在你的電腦C: Users你的計算機用戶名.ssh目錄下打開剛剛生成的id_rsa.pub,複製裏面的內容。而後在這裏https://github.com/settings/keys 新建一個ssh key,title隨便寫,把公鑰串粘貼到文本框,保存便可。

將本地博客同步到github上

  • 安裝必要插件。進入到本地的hexo目錄,在git bash下分別輸入cnpm install hexo -server --savecnpm install hexo-deployer-git --save

(這裏在安裝hexo-deployer-git的時候一直提示hexo中的有個文件沒有訪問權限,換了管理員仍是不行(多是該文件掛到電腦上的某個服務上了),若是你也遇到了相同的狀況,能夠重啓了一下電腦。npm

deploy:
  type: git
  repo: git@github.com:你的github用戶名/你的github用戶名.github.io.git
  branch: master

以後從新部署一下。在git bash中依次執行 hexo clean(清除舊的public生成文件)hexo generate(或者hexo g 生成靜態文件)hexo server(本地預覽)hexo deploy(部署到github上,第一次會有彈框提示,輸入yes,點擊ok)提交成功後就能夠訪問了,好比個人是:http://gyl-coder.github.io/至此,博客搭建結束!能夠稍微休息下,慶祝一哈了~.bash

關於Hexo主題的配置

Hexo 是高效的靜態站點生成框架,基於 Node.js。 經過 Hexo 你能夠輕鬆地使用 Markdown 編寫文章,除了 Markdown 自己的語法以外,還可使用 Hexo 提供的 標籤插件 來快速的插入特定形式的內容。在這篇文章中,假定你已經成功安裝了 Hexo,並使用 Hexo提供的命令建立了一個站點。
能夠直接參考next主題的官方文檔Next文檔hexo

博客優化以及配置: 框架

zcore's blog
王輝的博客
hexo next主題配置
Hexo Docs 用法
Never_yu'Blog
tc9011
Devin_
blue_zy
關於next主題加載速度慢的解決方案
打造個性超讚博客Hexo+NexT+GithubPages的超深度優化
hexo的next主題個性化教程:打造炫酷網站ssh

相關文章
相關標籤/搜索