一直以为想写博客来锻炼自己的写作能力和总结平时工作中遇到的问题。最近比较闲,通过业余时间也,算把自己的博客搭建起来了。 百度上有很多很多教程,太乱太杂,所以我准备总结一下搭建Hexo+Github搭建过程,希望能帮到大家。
效果图
准备工作
- 创建Github账号,创建库
- Node.js和Git环境
- 安装Hexo
- 配置Hexo文件.和Github建立联系
创建Github账号,创建库
如果有github账号的老司机 可跳过此目录,和我一样的纯小白可以跟着步骤走.
1 登录Github Github
2 注册
3 创建库
4 填写库相关信息
5 这里的这个Url要保存 后面会用到,点击ADD REMAD创建一个描述,然后点击Setting
6 给库创建分支
Node.js和Git环境
请根据自己的电脑平台相关安装包
安装过程请自行百度,还是比较容易的.
安装Hexo
- 在电脑硬盘上创建一个文件夹用来作为Hexo的根目录,例如我是D:MyBlogs。
- 点击鼠标右键 如果你安装了Git 应该会是下面这样
- 在命令行输入
<pre>
npm install hexo-cli -g
</pre>
中间可能会出现很多警告 这都是正常的不要慌,然后继续输入
<pre>
npm install hexo --save
</pre>
Hexo配置
1 初始化
<pre>
hexo init
</pre>
2 安装组件
<pre>
npm install
</pre>
3 体验本地Hexo 博客
<pre>
hexo g (编译)
hexo s (本地部署)
//编译完会出现
INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
</pre>
打开浏览器进入会发现
然而
配置Hexo文件.和Github建立联系
怎么样才能和Github建立关系呢
- 配置git个人信息
- 添加ssh
- 配置Deployment
配置Deployment
- 设置Git的账号密码
<pre>
git config --global user.name "yourname"
git config --global user.email "youremail"
</pre>
- 添加ssh
2.1 运行 git Bash 客户端,输入如下代码:
<pre>
$ cd ~/.ssh
$ ls
</pre>
这是检测是否存在ssh,换句话说就是是否存在 id_rsa.pub 或 id_dsa.pub 文件,如果存在可以跳过下面
2.2 创建SSH
<pre>
$ ssh-keygen -t rsa -C "your_email@example.com"
</pre>
接下来会让你输入1文件名和2次密码 可以直接回车跳过
当你看到如下代码 表示创建成功
<pre>
Your identification has been saved in /c/Users/you/.ssh/id_rsa.
Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
The key fingerprint is:
01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db your_email@example.com
</pre>
2.3 最后在C盘User文件夹 可以找到ssh文件夹 需要把id_rsa.pub文件 添加到github
步骤是 Settings-->SSH and GPG Keys --->News SSH key
然后把id_rsa里的内容复制进去
- 配置Deployment
在你的hexo 跟目录下找到_config.yml 修改配置
<pre>
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git (这里为你自己的github账号和地址)
branch: master
</pre>
我的
<pre>
deploy:
type: git
repository: https://github.com/tony-xxw/wynne.github.io.git
branch: master
</pre>
绑定
<pre>
hexo g // 生成
hexo d // 部署
hexo d -g #在部署前先生成
</pre>
出现如下
<pre>
3 files changed, 13 insertions(+), 28 deletions(-)
create mode 100644 content.json
Branch master set up to track remote branch master from https://github.com/tony-xxw/wynne.github.io.git.
To https://github.com/tony-xxw/wynne.github.io.git
- d131d3c...acfdec8 HEAD -> master (forced update)
INFO Deploy done: git
</pre>
部署成功 你的地址为 https//yourname.github.io
常用指令
<pre>
hexo clear (清理缓存)
hexo s debug (编译模式)
hexo g
hexo d
hexo d -g
</pre>
尽情期待Hexo+主题~~