Hexo搭建个人博客教程本地博客搭建将博客部署到GitHub上配置域名参考资料

62 阅读 0 评论 41 点赞

我是靠谱客的博主高高大船，最近开发中收集的这篇文章主要介绍Hexo搭建个人博客教程本地博客搭建将博客部署到GitHub上配置域名参考资料，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在寒假期间，我用hexo+github搭建了自己的博客，比较方便、省钱，而且网上相关教程也很多。在搭建的过程中，遇到了一些问题，折腾相关的配置花了不少时间，现在把搭建博客的过程记录下来，方便以后查询，也希望能让搭建博客的新人少走一些弯路。

本地博客搭建

安装Node.js。下载网址：https://nodejs.org/en/download/ 根据自己的操作系统，选择下载，安装完成即可。
安装Git。下载网址：https://git-scm.com/downloads 根据需要下载安装即可。Git参考文档：http://git.oschina.net/progit/
安装Hexo。桌面鼠标右键，点击Git Bash Here

npm install hexo-cli -g
npm install hexo --save
npm install -g cnpm --registry=https://registry.npm.taobao.org

Hexo初始化。建立博客文件夹目录（如：F:BlogHexo），进入该目录下，鼠标右键，点击Git Bash Here,输入：

hexo init
npm install

Hexo插件安装。

npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save

查看本地博客。输入下列命令，执行完成后，打开浏览器，输入localhost:4000，即可查看博客。

hexo generate
hexo server

将博客部署到GitHub上

Github账户设置。没有Github账户，需要先注册账户（https://github.com/）已经注册过的，直接登录。
创建项目代码库。库名为：yourname(github的名称).github.io。
配置SSH密钥。可以参考这篇博客（http://www.cnblogs.com/ayseeing/p/3572582.html）
设置用户信息。

git config --global user.name "yourname"//用户名
git config --global user.email
"yourname@qq.com"//填写自己的邮箱

找到刚才在Github上创建的yourname.github.io库，点击进入；找到clone or download按钮，点击，将出现的链接复制（默认用https开头的超链接）；打开自己电脑上创建的Hexo文件夹（F:BlogHexo），找到_config.yml文件，用记事本打开，在里面进行下列修改：

deploy:

type: git

repo: 填写刚才复制的链接

branch: master

在Hexo文件夹下，鼠标右键点击Git Bash Here,执行下列代码：

hexo g -d

完成github部署博客。打开浏览器，输入yourname.github.io就可以看见你的博客啦！

配置域名

可以选择在阿里云上购买域名。（https://wanwang.aliyun.com/domain/?spm=5176.383338.1907008.1.LWIFhw）
添加域名解析。登录进入阿里云后台管理，找到你想添加解析的域名，点击解析，ip就填写yourname.github.io对应的ip,不知道的可以在Cmd中ping一下博客的网址。
在Hexo文件夹下的source文件夹下创建文件CNAME（无后缀），里面内容就填写刚才购买的域名，保存。
在Hexo文件夹下右键鼠标，运行Git Bash Here,执行hexo g -d，执行完毕,在浏览器输入你的域名,就可以查看自己的博客啦。