先看一下我博客的效果我的博客
一、准备环境
安装node.js
桌面—我的电脑——右键属性可查看系统类型,然后在这里node.js选择相应版本下载,我选的是node.js.msi 64bit,下载好之后双击安装,保持默认配置(改安装路径时,安装路径最好是英文),一路next下去就好了,安装好之后,检查node.js是否正确安装好,win+r输入cmd回车,输入以下指令
npm -v
node -v
当出现如下画面说明安装成功
安装git
可在这里选择相应版本下载,我下载的是最新版本的Git-2.16.1.4-64-bit.exe,保持默认配置一路next装好,装好之后在cmd输入
git --version
如果结果如上图所示,则说明安装正确
安装hexo
随便在某个地方新建一个文件夹,然后在文件夹空白处按住Shift+鼠标右键,然后点击在此处打开命令行窗口,在cmd里面输入:
npm install hexo-cli -g
安装好之后界面如下:
二、hexo建站
输入以下指令
hexo init blog 初始化blog文件夹
正确界面如下:
cd blog 从当前位置移动到blog文件夹
npm install 安装
注意:hexo init初始化必须是一个空文件夹,上述命令指定在blog文件夹中建站
hexo g 生成静态文件
hexo s 启动服务器,默认情况下,访问网址为: http://localhost:4000/
确保每一步都是正确的,哪一步出问题报错了就立即解决,否则继续往后也是徒劳的。
打开当前网页输入地址:http://localhost:4000/能看到如下外面说明成功了
这个搭建完的只能在本机看,别人看不了的,想要别人看的话就要提交到github上面。
三、github配置
在github上面新建一个仓库,新建仓库步骤如下:
右上角+号,new repository
仓库命名格式为为:你的github用户名.github.io,例如我的就是Eversea2017.github.io,
在github上面提交项目和代码是需要授权的,github基于SSH授权
在之前生成的blog文件夹中右键选择Git Bash here,先查看是否安装了SSH,在Git Bash命令行输入SSH命令说明正确安装了SSH
输入命令:ssh-keygen -t rsa ,连续按三个回车
刚才操作生成了两个文件id_rsa和id_rsa.pub,其中id_rsa是密匙,id_rsa.pub是公匙。这两个文件默认在C:\Users\Administrator\.ssh下,
在github上面添加SSH key
在github设置页面最左侧,点击SSH and GPG key
然后把本地C:\Users\Administrator.ssh生成的id_rsa.pub公匙文件里的内容复制进去点Add SSH key就可以了。
打开站点配置文件_config.yml在文件最后加上如下:其中repo输入你自己刚刚创建的仓库名
要使用自动部署首先要安装hexo-deployer-git工具在Git Bash命令行输入 npm install hexo-deployer-git --save
设置Git的user name和email:
git config --global user.name "Eversea2017" (换成你的用户名)
git config --global user.email "Eversea2017@gmail.com"(换成你的邮箱地址)
输入 hexo g
再输入:hexo d,出现以下说明博客部署到github成功
这个时候可以使用仓库地址打开我们的博客了而不再是只能在本地打开了
接下来要做的是把我们之前建的博客绑定到我们自己的域名,这样别人输入你的域名就等打开你的博客了,这比你输入www.taobao.com你就到淘宝了。
我所采用的域名是在阿里云购买的,打开阿里云,注册登录,然后在
阿里云域名注册查询你想要的域名,如果未被别人注册的话,你就可以注册使用,按界面提示一步一步就能注册好了。我注册的域名是eversea.top,所以你打开这个链接就能看到我的博客了。
购买域名后,我们需要对域名进行解析,进入阿里云官网的域名控制台,在域名列表中可查看自己购买的域名。点击列表右边的解析
在解析设置页面上点击添加解析
在 添加解析 窗口,主机记录 设置为 www,记录值 192.30.252.154 地址,其他参数保持默认值不变,点击确认。
在按上述步骤添加@主机记录,记录值 192.30.252.153
解析添加完之后列表如下
进入Github博客的仓库,右上角create new file
文件名为CNAME(注意:没有扩展名),文件内容为个人域名(注意:没有http://,没有www),然后选择下方的Commit new file按钮
然后进入本地主机放置博客的文件,我的是blog,然后找到source文件夹,在里面创建一个CNAME文件,在里面输入你的域名
然后在blog根界面打开Git Bash,输入以下命令部署
hexo clean
hexo g
hexo d
然后就能通过域名打开你的博客了。
hexo博客站点配置
关于博客站点设置及主题设置参见这篇博文。