用Hexo搭建我的博客

遇到困難就要想着怎麼去解決它而不是置之不理。
個人連接:我的博客簡書CSDN博客園html

1、安裝Nodejs

下載地址: https://nodejs.org/node

2、安裝Git for windows

下載地址: https://git-for-windows.github.io/
一路Next安裝就好git

3、安裝Hexo

一、打開Git Bash,執行命令:github

npm install hexo-cli -g

若是不行就先執行:npm

npm --registry http://registry.cnpmjs.org info underscore

再執行:json

npm install hexo-cli -g

而後執行:windows

hexo -v

看一下是否安裝成功,成功的話會出現相似下圖的Hexo信息
1瀏覽器

4、新建一個blog項目文件夾

  • 好比:在D盤新建一 個D:/myblog放置blog項目。點擊鼠標右鍵,選擇Git Bash Here。

而後依次執行如下命令:bash

hexo init
npm install
hexo g
hexo s

在本地瀏覽器上輸入地址:
http://localhost:4000/ 就能夠看到以下圖畫面了hexo

2

5、配置Git

一、登陸github,建立一個新的倉庫New repository,Repository name填寫: .github.io
二、打開Git Bash Here,依次執行如下命令設置name和email

git config --global user.name "<你的name>"
git config --global user.email "<你的email>"

設置好name和email就執行如下命令:

ssh-keygen -t rsa -C "你的email>"

按提示找id_rsa.pub文件,能夠用記事本打開,複製所有內容。在瀏覽器中打開 https://github.com ,登陸並打開settings,在SSH and GPG keys下New SSH Key,title隨便填寫,key就粘貼複製id_rsa.pub文件的內容。
在gitbash中執行如下命令驗證是否添加成功

ssh -T git@github.com

6、打開你的blog項目文件夾,修改_config.yml文件

  • 修改_config.yml文件最好用notepad++打開,由於後面可能須要修改language: zh-Hans,但title、subtitle、description等仍是會出現中文亂碼,由於在記事本中設置language是不能正確編碼的。
  • 打開_config.yml,在內容最下方修改保存:
deploy:
  type:git
  repo:
https://github.com/YourgithubName/YourgithubName.github.io.git
  branch: master

在blog項目文件夾下打開Git Bash Here,執行如下命令上傳到github:

npm install hexo-deployer-git --save

而後依次執行

hexo clean
hexo generate
hexo deploy

須要注意的是,每次上傳更新時最好都依次執行一遍以上三個命令。
如今在瀏覽器中輸入 http://yourgithubname.github.io 就能夠看到你的我的博客了。

7、寫博客

打開Git Bash Here,執行如下命令新建文章:

hexo new '文章名'

文章的編輯可查看hexo的寫做: https://hexo.io/zh-cn/docs/writing.html
咱們的博客都是用Markdown寫的,文件是.md文件格式,能夠下載Sublime或Markdown來寫,在你的blog項目文件夾\source_posts\下打開新建的文章,我是用MarkdownPad2編寫的,編寫完保存。
而後打開Git Bash Here依次執行如下命令:

hexo clean
hexo generate
hexo deploy

8、這裏補充一下Hexo的知識

  • blog項目文件夾下:
  • node_modules:是依賴包
  • public:存放的是生成的頁面
  • scaffolds:命令生成文章等的模板
  • source:用命令建立的各類文章
  • themes:主題
  • _config.yml:整個博客的配置
  • db.json:source解析所獲得的
  • package.json:項目所需模塊項目的配置信息
    命令總結:
hexo init   :初始化一個文件夾
hexo g   :即hexo generate,生成靜態文件
hexo s   :即hexo server,建立服務
hexo d   :即hexo deploy,發佈文件到github上
hexo n   :即hexo new,新建一篇文章

9、配置NexT主題

在你博客項目文件夾下,打開Git Bash Here,執行如下命令下載next主題。

git clone https://github.com/iissnan/hexo-theme-next themes/next

而後在站點配置文件_config.yml修改:

theme: next

再次打開Git Bash Here,依次執行如下命令:

hexo clean
hexo s --debug

如今在本地瀏覽器上輸入地址: http://localhost:4000/ 就能夠看到NexT主題了。

  • 具體配置請到 http://theme-next.iissnan.com/getting-started.html 查看。
    另外能夠在 https://hexo.io/themes/ 中選擇你喜歡的主題。

10、爲 Hexo 搭建的博客添加屬於本身的個性域名

具體能夠參考這篇文章:http://www.jianshu.com/p/f7b533b1769c

相關文章
相關標籤/搜索