Mac下Hexo+GitHub搭建博客图文教程

尊重劳动成果,转载请注明出处:http://blog.csdn.net/growth58/article/details/50708451
关注新浪微博:@于卫国
邮箱:yuweiguocn@gmail.com
github:yuweiguocn

安装Node

官网下载好一步步安装就行了,或者从这下载node-v4.3.1安装,密码: 3n33。

安装Git

Xcode自带Git,详细安装方法自行搜索。

安装Hexo

Node和Git安装完成后,在终端下输入下面的命令:

sudo npm install -g hexo

看到如下图所示效果,就说明安装成功了
这里写图片描述

初始化hexo

在用户目录下创建名为hexo的文件夹,然后cd到此目录下,执行下面的命令:

hexo init

这里写图片描述

安装依赖

正如上图所提示的,部署前不要忘了安装依赖

npm install

生成静态页面

执行下面的命令,生成静态页面

hexo generate

开启服务

开启本地服务器。Ps:停止服务使用Ctrl+C。

hexo server

这里写图片描述

本地查看效果

打开浏览器,输入网址http://0.0.0.0:4000/
这里写图片描述

创建repository

名称格式:your_user_name.github.io
这里写图片描述

安装git部署器

npm install hexo-deployer-git –save

修改配置文件

打开_config.yml文件,在文件末尾修改为如下效果,Ps:yuweiguocn改为你自己的用户名

deploy:
  type: git
  repo: https://github.com/yuweiguocn/yuweiguocn.github.io.git
  branch: master

这里写图片描述

部署

在hexo目录下执行部署命令:

hexo deploy

这里写图片描述

最终效果

打开浏览器输入网址:http://yuweiguocn.github.io Ps:yuweiguocn改为你自己的用户名
这里写图片描述

注意:
1.hexo相关的命令需在hexo目录下执行
2.hexo命令支持缩写模式:

hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new

发表新的文章

my-first-blog为文件名称

hexo new “我的第一篇文章”

创建成功会有如下提示:

INFO Created: ~/hexo/source/_posts/我的第一篇文章.md

编辑好后,执行如下命令,重新生成并部署:

hexo clean
hexo g
hexo d

看看效果吧

这里写图片描述

参考链接:
http://www.zipperary.com/2013/05/28/hexo-guide-2/
http://www.jianshu.com/p/465830080ea9

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值