我的博客https://lihel.github.io/歡迎來交流 : )
首先要安裝node環(huán)境,安裝git,注冊自己的github帳號
開始安裝Hexo
sudo npm install hexo -g
創(chuàng)建一個文件夾挖诸,如:Blog,cd到Blog里執(zhí)行hexo init
hexo init
在這里我遇到了一個錯誤
根據(jù)提示執(zhí)行命令,執(zhí)行完要等一段時間酿联,這里下載比較慢
npm install hexo --save
執(zhí)行成功后用hexo -v
查看hexo版本
繼續(xù)再Blog目錄下執(zhí)行如下命令,生成靜態(tài)頁面
hexo generate
//或者hexo g
執(zhí)行命令hexo server扮饶,提示:Usage: hexo<Command> ....
這里要安裝一個依賴包:
sudo npm install hexo-server
然后再執(zhí)行hexo generate
訪問http://localhost:4000/具练,正常情況下應該是最原始的畫面,但是我的頁面顯示:
原因: 由于2.6以后就更新了甜无,我們需要手動配置些東西扛点,我們需要輸入下面三行命令:
npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save
又遇到錯誤了(崩潰臉)
查了錯誤原因:
解決方法
在終端出入命令:
npm config set proxy http://proxy.company.com:8080
npm config set https-proxy http://proxy.company.com:8080
查看:
關于npm代理
http://www.cnblogs.com/huang0925/archive/2013/05/17/3083207.html
如果任何不在代理層下的人先執(zhí)行下面的命令,將代理設置為null岂丘。
如果你超越你的npm這里就不會拋出任何網(wǎng)絡錯誤了陵究。
npm config set proxy null
執(zhí)行sudo npm install
命令,或者執(zhí)行上述的三條命令安裝依賴包
重新執(zhí)行
hexo generate
重新生成靜態(tài)文件奥帘,執(zhí)行下面命令
hexo server
啟動本地服務器铜邮,然后訪問http://localhost:4000/,就可以看到自己的blog啦寨蹋,此時是默認界面
至此我們的本地部分就搭建好了
配置github
建立與你用戶名對應的倉庫松蒜,倉庫名必須為【your_user_name.github.io】,固定寫法 然后建立關聯(lián)
現(xiàn)在我們需要_config.yml文件:
vim _config.yml
翻到最下面已旧,改成這個樣子秸苗,注意: 冒號后面要有空格,userName為你的github用戶名
deploy:
type: git
repository: https://github.com/userName/userName.github.io.git
// 或者你也可以使用SSH Keys命令
// repository: git@github.com:userName/userName.gitbub.io.git
branch: master
完成后執(zhí)行下邊命令進行部署:
sudo npm install hexo-deployer-git --save
執(zhí)行配置命令:
hexo deploy
然后在瀏覽器中輸入http://userName.github.io/
但是我的頁面又出現(xiàn)了404錯誤
去訪問本地4000端口頁面可以正常顯示
原因是github倉庫中沒有設置gitpages
默認為None运褪,將這里改為主分支并保存
然后就可以通過https://lihel.github.io來訪問你的博客啦
lihel是我的github名惊楼,這里需要改為你自己的用戶名
更改主題
默認的主題太丑了玖瘸,來這里換一個吧
https://github.com/hexojs/hexo/wiki/Themes
我用的是yilia這個主題
cd 到你的本地倉庫的themes中新建一個文件夾yilia,在這個目錄下運行命令:
git clone git@github.com:litten/hexo-theme-yilia.git
將這個主題克隆到本地
克隆完成后要將yilia
中的目錄hexo-theme-yilia
中的文件剪貼到yilia
目錄下檀咙,刪除hexo-theme-yilia
空文件夾雅倒,(否則會出現(xiàn)路徑錯誤) 完成后目錄結構如下:
重新執(zhí)行下列三條語句
hexo clean
hexo generate
hexo deploy
訪問https://lihel.github.io/就可以看到效果了
在這里的_config.yml中可以修改你的名字和網(wǎng)頁的title等信息在此處的_config.yml中可以修改頁面顯示的東西
添加和發(fā)表新文章
創(chuàng)建文章:
hexo new "Github Pages+Hexo搭建個人博客"
執(zhí)行完后會在\Hexo\source_posts文件夾下創(chuàng)建一個后綴.md文件,你可以在里面添加任何字符串攀芯。這其實是一個markdown類型的文件屯断,使用markdown語言編寫.
添加完成后執(zhí)行下列命令發(fā)布文章:
hexo clean
hexo generate
hexo deploy
這時大工程基本完成了,接下來配置博客文章目錄吧
配置文章目錄
按照提示操作就可以了殖演,要確保node版本大于6.2
在博客的根目錄下執(zhí)行命令
sudo npm i hexo-generator-json-content --save
在根目錄下的_config.yml中添加如下配置:
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true
重新提交就好啦