hexo+github pages 搭建个人博客

本文以ubuntu系统为例:介绍个人站点的搭建过程

Node.js 安装

由于Hexo基于Node,所以需要先下载nodejs,nodejs可以去Nodejs官网下载最新的安装包安装(推荐)
当然也可以直接在shell中安装

$ sudo add-apt-repository ppa:chris-lea/node.js
$ sudo apt-get update
$ sudo apt-get install nodejs

nodejs安装完毕后会顺带有npm,在/etc/profile中配置nodejs和npm环境变量即可全局使用,安装hexo需要使用npm

Hexo安装

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
在安装之前
在终端输入以下命令

$ npm install -g hexo-cli
$ npm install hexo --save

安装完后建立一个自己存放博客的目录,如MyWeb,初始化hexo

$ cd MyWeb
$ hexo init

初始化完毕后输入

$ hexo g
$ hexo s

开启本地服务,即可在浏览器中输入http://localhost:4000看到生成的站点了。不过此时使用的是默认的主题,当然也可以更改主题,hexo提供了很多主题,可以访问hexo官网挑选自己喜欢的主题,我使用的是NexT主题,因为这款主题github start最多,简约大方。

按照Next的官方文档即可定制化你的个人站点。
当完成个人站点的定制后,便可以将静态网页发布至github pages。

github pages 使用

建立Repository
建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法
具体步骤可以参考http://www.cnblogs.com/lijiayi/p/githubpages.html

关联github pages

然后建立关联,MyWeb是我之前建的东西也全在这里面,有:

_config.yml    node_modules    public      source

db.json        package.json    scaffolds  themes

现在我们需要_config.yml文件,来建立关联,命令:

vim _config.yml

翻到最下面,改成我这样子的

deploy:
     type: git
     repo: git@github.com:zhangjianhao/zhangjianhao.github.io.git
     branch: master

然后执行命令:

$ npm install hexo-deployer-git --save
$ hexo deploy

便可以将自己生成的静态文件上传至github了,以后每次修改完之后都需要执行一遍

$ hexo g
$ hexo deploy

当然在本地调试时可以使用

$ hexo s

来预览效果

绑定自己的域名

当完成个人站点的搭建后,可能想使用自己的域名,这时可以将自己的域名关联至xxxxxx.github.io
在你购买的域名解析服务里边添加一条CNAME记录
如下图:
这里写图片描述
随后在/MyWeb/source目录下新建CNAME文件,无后缀名
文件内容问你的域名,如:zjianhao.cn
这里写图片描述
然后 hexo g hexo deploy提交至github。
稍等几分钟便可以直接使用域名访问了。
以下是我的博客的访问效果:
这里写图片描述

访问地址http://zjianhao.cn/

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值