Hexo+GitHub搭建博客

一直想要嘗試搭建我的博客,在搜索方法的過程當中,知道了能夠經過GitHub+Hexo的方法搭建,便嘗試着作作。雖然教程說的是20分鐘搭建好,但我卻用了一個下午,囧。html

 

搭建過程當中主要遇到了如下三個問題:node

1. 安裝了Git與Node.js後,在Git Bash中輸入 npm install -g hexo-cli 安裝Hexo時,發生錯誤:bash: npm: command not found。搜索了一下,重裝Node.js,仍然不行,接着再重裝Git,在cmd中輸入 node -vnpm -v 以及 git -v 均顯示對應版本號,證實已經安裝成功。最後發現,原來是在重裝後沒有重啓,重啓後便能按照正常順序成功安裝Hexo。看到安裝成功的窗口,才發現我居然花了那麼長時間。git

2. 打開 http://localhost:4000/ 進行本地預覽時,頁面無響應。後來經過輸入 npm install hexo-server --save 獲得解決,緣由是須要先安裝servergithub

3. 在輸入 Hexo deploy 準備部署到網上時,出現瞭如下一些錯誤:
- ERROR Deployer not found: git
  解決:輸入 npm install hexo-deployer-git –save 再註銷一下,但又出現下一個錯誤:
- fatal: could not read Username for 'https://github.com': no error
- 解決:deploy 的 repo 改成SSH地址(參考了 這裏)修改。npm

 

簡單回顧安裝步驟:瀏覽器

1. 安裝 Node.js緩存

2. 安裝 Gitbash

3. 註冊 GitHub:點擊右上角 New 建立倉庫(repository),倉庫名格式:yourname.github.io服務器

4. 生成SSH密匙:ssh-keygen -t rsa -C "你的郵箱地址"hexo

在C:\Users\Administrator.ssh下找到生成的id_rsa.pub,打開復制全文,粘貼到 Add SSH key 。

5. 安裝Hexo:在文件夾中打開Git Bash,輸入 npm install -g hexo-cli
能夠再經過輸入 hexo 查看是否安裝成功。

6. 建站:
hexo init <folder>     // 新建網站存放的文件夾
cd <folder>              // 進入文件夾
npm install               // 配置依賴包
hexo new "文章標題"  // 新建一篇文章(也能夠到 source/_posts 裏手動建立)。

7. 配置:
在  _config.yml 文件中修改一些配置(使用 sublime text 或其它打開):

# Site
title: 網站標題
subtitle: 網站副標題
description: 網站描述
author: 您的名字
language: 網站使用的語言
timezone: 網站時區。(Hexo 默認使用您電腦的時區)時區列表,好比說:America/New_York, Japan, 和 UTC 。

# URL
url: http://yoursite.com/

# Deployment
deploy:
    type: git
    repo: 剛纔新建的github倉庫地址.git
    branch: master

注意:冒號後要空一格

8. 本地預覽:
npm install hexo-server --save  // Hexo 3.0 把服務器獨立成了個別模塊,必須先安裝 hexo-server 才能使用。
hexo server

9. 部署博客到網頁:
hexo deploy

最後在瀏覽器地址欄輸入網址,就能夠看到在線的博客啦。效果例如 個人博客

 

參考資料:
Hexo文檔
手把手教你建github技術博客
20分鐘教你使用hexo搭建github博客

 

==更新1======

更新後想要部署到網上時發生錯誤:

Error: fatal: Not a git repository (or any of the parent directories): .git

解決:

git config --global user.name "用戶名"

git config --global user.email "郵箱地址"

再使用  hexo clean 清楚緩存,從新部署就能夠了。

相關文章
相關標籤/搜索