开始之前先在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
解决方法:
- D:\MyBlog>npm install hexo-deployer-git –save
- 将deploy 的 type由github改为git
eg: 我的deploy配置
deploy:
type: git
repository: https://github.com/stefory/stefory.github.io.git
branch: master
最后,附上博客初步搭建效果:http://stefory.github.io/
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。