博客-使用hexo+github创建个人博客

在Win下安装

安装Git Bash

git bash是github的命令行，类似于cmd，用于输入指令。下载地址：

https://git-for-windows.github.io/

一路默认安装就可以。

安装NodeJs

不知道干啥的，反正里面有个npm工具。下载地址：

https://nodejs.org/en/

安装成功后，可以用命令查看是否成功：

node -v

如果出现版本号，就代表成功了。

安装hexo

hexo是一种依托于github的博客生成软件，简言之就是构建博客网站的一种软件。

在任意地方创建新文件夹用于存放博客（我的叫GitRep），然后再该文件夹内右键打开git bash here，输入命令安装hexo：

npm install -g hexo

注意，在回车之后，可能会出现一行WARN的警告语句，不用管它，什么都不要按，等着。。。

npm install hexo --save

安装完成后用命令检测：

npm -v

如果出现版本号就代表安装成功了。

初始化博客空间：

hexo init

完成后可以看到以下文件：

node_modules：是依赖包

public：存放的是生成的页面

scaffolds：命令生成文章等的模板

source：用命令创建的各种文章

themes：主题

_config.yml：整个博客的配置

db.json：source解析所得到的

package.json：项目所需模块项目的配置信息

至此博客空间创建完成。

注册github账号

注册地址，用户名、密码和邮箱要记清楚哦。
注册账号后在桌面上右键git bash here，添加刚注册的github的用户名和邮箱：

git config --global user.name "CdqPT"
git config --global user.email "123456789@qq.com"

新建仓库

TODO.

填写信息

无论Owner是大写还是小写，Repository name必须是和Owner名字一样，且必须是小写，且后边必须是.github.io

复制HTTPS链接

回到<>code页，复制HTTPS链接。

链接hexo与github

在第三步创建的GitRep文件夹下打开_config.yml，推荐使用sumlimb Text3软件。
按照下图修改文件，repository填写刚才复制的链接。

上传博客文件

部署hexo

npm install hexo-deployer-git --save

生成本地文件

hexo g

上传到github

hexo d

现在，试试在浏览器的地址栏输入：“你的用户名.github.io”，此时，你应该会看到这样的界面：

换主题

选主题要慎重，不然后期修改起来有些麻烦，所以还是耐心选好，目前资料比较多的是next主题，功能最全面，问答量最多。也可以自己挑选喜欢的主题：https://hexo.io/themes/
可以使用git bash工具git clone 主题链接或者下载zip后解压到themes文件夹内，并改成一个好认的名字比如ocean。然后打开根目录下的_config.yml,修改想要启用的主题名称。

接着：

本地部署

hexo g

生成本地预览

hexo s

打开浏览器，输入网址预览
https://localhost:4000/
如果满意就上传

hexo d

写博客

博客是用markdown写的，需要学习一些基本语法，可参考:个人博客-markdown语法笔记

然后可以使用简书的实时预览进行写作，效果如下：

写完后保存成.md格式放在source文件夹下的_post文件夹里。
然后

hexo g

hexo s

查看满意后上传，就可以在网站上看到了。

hexo d

其他写作技巧可参考:博客-使用jekyll主题创建的第四部分和第五部分。

绑定域名

购买域名

去阿里云购买域名.

CNAME

在项目的source文件夹下新建一个名为CNAME的文件，在里面添加你购买的域名，比如我添加的是visugar.com，只能添加一个哦。

解析域名

在阿里云域名管理里解析域名。

其中，记录值可以使用ip地址查询工具输入仓库地址来获取。

ubuntu下安装hexo

安装Nodejs 6.16.0

curl -sL [https://deb.nodesource.com/setup_6.x](https://deb.nodesource.com/setup_6.x) | sudo -E bash -

sudo apt-get install -y nodejs

安装npm

sudo apt-get install npm

安装hexo

sudo npm install hexo-cli -g

设置git

git config --global user.email "you@example.com"
git config --global user.name "Your Name"

设置SSH秘钥

验证有没有SSH秘钥

less ~/.ssh/id_rsa.pub

如果没有秘钥，添加秘钥

ssh-keygen -t rsa -C example@163.com

三次回车
查看秘钥

less ~/.ssh/id_rsa.pub

复制秘钥
到github的setting-SSH and GPG keys中添加刚刚复制的秘钥
OK！

在MACOS下安装

安装环境

首先检查时候安装了git和node.js，终端输入以下命令：

node -v #是否出现安装版本信息，出现说明已经安装了
git --version #同上述情况

如果没有安装，则进行安装,都可以通过直接下载安装测序进行安装，这里不演示，提供下载网址：
[git]: https://sourceforge.net/projects/git-osx-installer/
[node.js]: https://nodejs.org/en/
如果已经安装好了上述的软件，那么可以安装hexo，然后等待安装成功即可。

sudo npm install -g hexo-cli