1.拥有一个GitHub账号
前往以下地址进行申请
2.创建博客仓库
2.1 New respository
2.2 填写信息
- 标注【1】处填写github_username.github.io。
- github_username用自己的用户名称代替。
- 点击【Create repository】创建仓库。至此github的仓库创建好了。
3.安装Hexo
3.1安装Node.js
- Node.js官方下载地址，并且配置环境变量。
- Windows环境变量配置,目前没有编写博客，后续补充。
- Liunx环境变量配置,目前没有编写博客，后续补充。
3.2设置npm淘宝镜像站点
- npm默认源的下载速度可能很慢，建议使用淘宝镜像替换。
- 执行下面命令，将npm的源设置成淘宝镜像站点
npm config set registry "https://registry.npm.taobao.org" - 配置Node.js的环境变量
3.2安装Hexo
- 执行一下命令安装Hexo，Hexo是安装在shell打开的当前路径下的
npm install hexo-cli g - 初始化博客，初始化的博客是在shell打开的当前路径下创建目录
hexo init blog - 进入blog的主目录中
cd blog - 安装Hexo扩展插件
npm install - 安装其它插件
1
2
3
4
5
6
7
8
9
10npm install hexo-server --save
# 可视化博客编辑插件
npm install hexo-admin --save
npm install hexo-generator-archive --save
npm install hexo-generator-feed --save
npm install hexo-generator-search --save
npm install hexo-generator-tag --save
# git发布插件
npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save
至此安装完毕！！！
4.Hexo基本使用
4.1启用Hexo服务
- 静态页面生成
hexo generate - 启动本地服务
hexo server - 打开浏览器，地址栏中输入：[http://localhost:4000 ],应该可以看见刚刚创建的博客了
4.2问题答疑
- 如果出现无法访问的情况，可能是4000这个端口被占用了。解决方式，关闭服务，修改端口，再次启动服务器。相关代码如下
1
2
3
4# 修改端口
hexo s -p 5000
# 关闭服务
Ctrl+C
5.将Hexo博客部署到GitHub上
5.1配置
修改配置文件blog/_config.yml，修改deploy项的内容，如下所示：
1
2
3
4
5
6
7
8
9# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
# 类型
type: git
# 仓库的地址
repo: https://github.com/Sunshineuun/Sunshineuun.github.io.git
# 分支
branch: master注意：yml的语法要求各个标签【:】分号必须有空格。
- 注意：repo是对应仓库的地址，在
hexo deploy的时候会提示输入密码。
5.2部署
执行以下命令：
1
2
3
4
5
6# 清空静态页面
hexo clean
# 生成静态页面
hexo generate
# 部署
hexo deploy打开网页，输入http://github_username.github.io ，打开github上托管的博客。如我的博客地址是：http://Sunshineuun.github.io。
