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