用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/

智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告