看着同事们blog的好漂亮,自己也搭一个吧。
整个过程就是如果你在一台vps上搭,很容易碰到各种坑,各种版本不适配。
到mac下就感觉好很多,苹果大法好。
hexo介绍
hexo是一个基于hexo是一款基于Node.js的静态博客框架。
速度快
支持markdown语法
支持命令行的部署到 github pages, heroku 或者其它站点
丰富的插件支持
好看的主题
这是hoxo的官网https://hexo.io/
Git安装和设置
brew install git #Mac电脑使用brew安装
然后设置好git账户
使用Github Page搭建博客, 需要在github建立仓库,仓库名为username.github.io
Node.js安装
brew install node #最新版的node.js的包中已经集成了npm包管理工具
使用以下命令验证是否安装成功
node -v
npm -v
Hexo安装与设置
Node, npm和Git都安装成功, 开始安装hexo
npm install hexo -g #-g表示全局安装, npm默认为当前项目安装
如果遇到报错
{ [Error: Cannot find module './build/Release/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' }
{ [Error: Cannot find module './build/default/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' }
{ [Error: Cannot find module './build/Debug/DTraceProviderBindings'] code: 'MODULE_NOT_FOUND' }
则用下列语句安装
npm install hexo --no-optional
Hexo使用命令:
hexo init blog #执行init命令初始化到你指定的hexo目录
cd blog
npm install #install before start blogging
hexo generate #自动根据当前目录下文件,生成静态网页
hexo server #运行本地服务
浏览器输入http://localhost:4000就可以看到效果。
如果不想博文在首页全部显示, 并能出现阅读全文按钮效果, 需要在你想在首页显示的部分下添加
<!--more-->
添加博文
hexo new "postName" #新建博文,其中postName是博文题目
博文会自动生成在博客目录下source/_posts/postName.md
打开sublime 用markdown的方式去编辑blog吧
最后
hexo g #生成
hexo s #部署
在访问一次就能看到你刚才的博文了http://localhost:4000/
主题更改
默认的主题一般,换个喜欢的主题吧:
Hexo主题列表
自己用的这个,貌似使用人数是最多的,因为简介美观。
iissnan/hexo-theme-next
cd blog
git clone https://github.com/iissnan/hexo-theme-next.git themes/next
查看下效果
hexo g #重新生成静态网页
hexo s #服务器启动
部署到Github
将博客部署到github上 打开./_config.yml
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/seandeng/seandeng.github.io.git
branch: master
在配置文件中设置号部署设置后 打命令
hexo deploy #进行部署
以后直接可以在本地写好blog 打下面的命令 就上传成功了
hexo g -d
INFO Start processing
INFO Files loaded in 798 ms
INFO Generated: 2016/04/10/hello-world/index.html
INFO 1 files generated in 260 ms
INFO Deploying: git
INFO Clearing .deploy_git folder...
INFO Copying files from public folder...
[master 8d87c9c] Site updated: 2016-04-16 01:57:06
1 file changed, 12 insertions(+), 1 deletion(-)
To https://github.com/seandeng/seandeng.github.io.git
e3bd1ce..8d87c9c HEAD -> master
Branch master set up to track remote branch master from https://github.com/seandeng/seandeng.github.io.git.
INFO Deploy done: git