HEXO與Github.io搭建我的博客

HEXO與Github.io搭建我的博客 html

HEXO搭建
    HEXO是基於Node.JS的一款簡單快速的博客框架,可以支持多線程,支持markdown,能夠將生成的靜態網頁發佈到github.io以及coding上。
要使用搭建HEXO博客,先安裝hexo
1.安裝node.jsnode

sudo apt-get install -y python-software-properties software-properties-common
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs
python

2.安裝npm
    npm全名:Node Package Manager,是Nodejs的包管理器。
ubuntu16.04LTS自帶nodejs和npm,可是版本較低,假如要安裝最新的,先移除自帶的。 linux

sudo apt-get remove nodejs && sudo apt-get remove npm git

再清理依賴包: github

sudo apt-get autoremove web

官網上下載nodejs: 數據庫

cd  /opt && wget https://nodejs.org/dist/v4.4.5/node-v4.4.5-linux-x64.tar.xz
xz -d node-v4.4.5-linux-x64.tar.xz && tar vxf node-v4.4.5-linux-x64.tar npm

讓任意目錄能夠訪問,先配置環境變量 json

sudo vim /etc/profile

文件最後加上

export PATH=$PATH:/opt/node-v4.4.5-linux-x64/bin

也能夠經過軟連接,使得任意目錄可訪問
將node和npm連接到系統默認的PATH目錄下的一個,軟連接方式以下

ln -s /home/simon/node-v4.4.5-linux-x64/bin/node /usr/local/bin/node
ln -s /home/simon/node-v4.4.5-linux-x64/bin/npm /usr/local/bin/npm

同步文件配置:

source /etc/profile

查看版本:

node –version && npm –version

3.安裝hexo
國外站點網速較慢,建議換成淘寶站點

npm install -g npm –registry=https://registry.npm.taobao.org
npm –version

接下來安裝hexo-cli
切換到一個合適的目錄下

npm install -g hexo-cli

下載完畢以後能夠檢測一下:
hexo –version
4.配置
hexo本地文件在安裝插件的時候,最好都是用root身份執行,否則常常遇到一些問題
初始化本地路徑

cd /home/simon/hexo && hexo init

生成node_modules

npm install

生成本地博客

hexo g
hexo server

在瀏覽器下輸入http://localhost:4000,成功的話就生成hexo的標準界面

###部署到github
    新建一個repository,例如web(網上說要把名字設置成your_github_name.github.io這種格式,不然會404,可是我沒有采用,也能生成)
修改hexo根目錄下的_config.yml,新增關聯倉庫
deploy:
type: git
repository: https://github.com/yourID/web.git
branch: master
注意了,變量名以前要有兩個空格,參數值前要有一個空格,經過:分割
假如格式不對,不能被識別,好比:
You should configure deployment settings in _config.yml first!

Available deployer plugins:
git

這樣的錯誤
或者:FATAL remote: Repository not found.
完成以後,到github上完成部署
在項目的setting項找到Github Pages,生成項目
回到終端部署

hexo deploy

若是報錯說缺乏deployer:npm install hexo-deployer-git –save
打開 https://yourID.github.io/web/ 就能夠看到效果,同時本身的github項目也會有文件更新
注:中途可能遇到github的配置問題,請嘗試用ssh
ssh-keygen -C 「username@email.com」 -t rsa

Note: 「username@email.com」須要更換成你在Github上註冊的Email地址或者是Username
這樣會在家目錄生成一個公鑰文件夾.ssh,其中id_rsa.pub是Github須要的SSH公鑰文件。複製後粘貼到github上
hexo簡寫命令格式:

hexo g == hexo generate(生成靜態網頁)
hexo d == hexo deploy(部署)
hexo s == hexo server(測試)
hexo n xxx (new article)
hexo clean
hexo help

    還有其餘選項:
init 建立一個hexo項目
migrate 從其餘系統向hexo遷移
version 查看hexo的版本
–config參數,指定配置文件,代替默認的_config.yml
–debug參數,調試模式,輸出全部日誌信息
–safe參數,安全模式,禁用全部的插件和腳本
–silent參數,無日誌輸出模式
hexo有許多的主題和插件,能夠經過npm、git工具來進行下載,放在theme下
hexo根目錄的目錄及文件說明:

scaffolds 腳手架,也就是一個工具模板 scripts 寫文件的js,擴展hexo的功能 source 存放博客正文內容 source/_drafts 草稿箱 source/_posts 文件箱 themes 存放皮膚的目錄 themes/landscape 默認的皮膚 _config.yml 全局的配置文件 db.json 靜態常量

_posts目錄:Hexo是一個靜態博客框架,所以沒有數據庫。文章內容都是以文本文件方式進行存儲的,直接存儲在_posts的目錄。Hexo天生集成了markdown,咱們能夠直接使用markdown語法格式寫博客,例如:hello-world.md。新增長一篇文章,就在_posts目錄,新建一個xxx.md的文件。

themes目錄:是存放皮膚的,包括一套Javascript+CSS樣式和基於EJS的模板設置。經過在themes目錄下,新建一個子目錄,就能夠建立一套新的皮膚,固然咱們也能夠直接在landscape上面修改。

###全局配置

_config.yml是全局的配置文件:不少的網站配置都在這個文件中定義。

站點信息: 定義標題,做者,語言
URL: URL訪問路徑
文件目錄: 正文的存儲目錄
寫博客配置:文章標題,文章類型,外部連接等
目錄和標籤:默認分類,分類圖,標籤圖
歸檔設置:歸檔的類型
服務器設置:IP,訪問端口,日誌輸出
時間和日期格式: 時間顯示格式,日期顯示格式
分頁設置:每頁顯示數量
評論:外掛的Disqus評論系統
插件和皮膚:換皮膚,安裝插件
Markdown語言:markdown的標準
CSS的stylus格式:是否容許壓縮
部署配置:github發佈
 
參考:http://www.tuicool.com/articles/y6JJV3Z(最詳細)
http://www.cnblogs.com/purediy/archive/2013/03/07/2948892.html
http://www.aichengxu.com/other/10706481.htm
 
Technorati Tags: 博客
相關文章
相關標籤/搜索