用Hexo动手搭建自己的博客主页

开始之前先在Github上申请一个账号,并新建一个项目,以username.github.io 格式命名,然后进入settings创建Github Pages,如下图:
这里写图片描述
(图1)
这里写图片描述
(图2)

下面是主要搭建博客的主要步骤:
1. 安装node.js
安装完成后,在命令行输入npm查看信息
2. 直接在根目录下使用命令安装hexo

$ npm install -g --save hexo

3.部署Hexo
在本地新建博客文件夹MyBlog, 执行

D:\>cd MyBlog
D:\MyBlog>hexo init

这样Hexo就会自动创建博客所需要的文件,这时候还不能启动hexo,接下来需要安装Hexo所依赖关系:

D:\MyBlog>npm install

结束之后,就可以执行命令

D:\MyBlog>hexo s

来启动hexo了

在浏览器访问:http://127.0.0.1:4000/

4.打开yml配置文件
找到public_dir 将其值改为xxx.github.io
在MyBlog文件夹下把github项目同步到本地,并删除.git文件以外的所有文件。
这一步的目的是本地博文的目录设置为github的同步目录。

5.创建一篇新博文

D:\MyBlog>hexo new title
D:\MyBlog>hexo g
D:\MyBlog>hexo s

在浏览器输入http://localhost:4000可以预览博文
6. 发布博文

D:\MyBlog>hexo d -g

7.替换主题
进入到themes文件夹,将主题克隆下来,然后把网站的_config.yml里的theme标签改成新的主题名即可。
theme: next_es2015
这里有很多主题:
https://hexo.io/themes/
https://github.com/gfcocos/hexo-themes
https://github.com/hexojs/hexo/wiki/Themes

错误:
发布博文出现错误
D:\MyBlog>hexo d -g
INFO Files loaded in 719 ms
INFO 0 files generated in 524 ms
ERROR Deployer not found: github

解决方法:

  1. D:\MyBlog>npm install hexo-deployer-git –save
  2. 将deploy 的 type由github改为git

eg: 我的deploy配置

deploy:
type: git
repository: https://github.com/stefory/stefory.github.io.git
branch: master

最后,附上博客初步搭建效果:http://stefory.github.io/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值
>