超简单的github+hexo搭建免费个人博客
欢迎来访：胖涵
博客搭建
- 1.环境说明
- 2. 搭建github
- 3.安装
- 3.1 安装git
- 3.3安装hexo
- 3.4初始化hexo
- 4.上传到github
- 配置SSH key
- 5.hexo的配置
- 6.最后
1.环境说明
- Windows
- node.js
- git
- hexo
2. 搭建github
前提：要有一个github账号（没有的话去注册一个）
- 创建仓库
在GitHub.com中右上角，点击加号，有个New repository，新建仓库。
新建一个名为你的用户名.github.io的仓库（一定要是你的用户名），点击create repository（我这里是已经建过了）这样就完成啦！
3.安装
3.1 安装git
进入Git官网下载Git
安装好后，进入Git Bash，用git --version 来查看一下版本
####3.2 安装nodejs
官网下载安装nodejs
安装好后，打开git bash命令行，查看是否安装成功
node -v
npm -v
3.3安装hexo
以上所有都安装完成之后再安装Hexo。依旧打开git bash 输入命令
$ npm install -g hexo-cli
接着输入 hexo -v 查看版本
到此为止，需要的东西都安装完了
3.4初始化hexo
创建一个文件夹名为blog（随便吧），然后在这个文件夹下直接右键git bash打开，输入hexo init
$ hexo init
hexo会自动下载一些文件到这个目录，目录结构图：
目录说明：
- node_modules: 依赖包
- public：存放生成的静态页面
- scaffolds：生成文章的一些模板
- source：用来存放你的文章
- themes：存放主题
- _config.yml: 博客的配置文件
初始化完成后，会有一个默认主题以及一个hello-word的默认文章。所以我们先打开看看效果，运行命令：
$ hexo g
$ hexo s
然后打开浏览器，输入 localhost:4000 就可以浏览我们的博客
大概这个样子？
ctrl+c可以把服务关掉
4.上传到github
配置SSH key
在git bash中，输入
$ git config --global user.name "username"
$ git config --global user.email "youremail"
这里的username输入你自己的GitHub用户名，youremail输入你GitHub的邮箱。
接着连接公钥
$ ssh-keygen -t rsa -C "youremail"
然后连续3次回车，最后会生成一个文件在用户目录下，打开用户目录，找到.ssh\id_rsa.pub文件，用记事本打开并复制里面的内容
打开你的github主页，点击头像，进入setting 
点击SSH and GPG keys
点击右上角的 New SSH key，进入这里
回到git bash中，测试是否成功
输入：
$ ssh -T git@github.com
以上配置好后，将hexo和GitHub关联起来，打开站点配置文件 _config.yml，找到最后deploy的部分：
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git
branch: master
YourgithubName就是你的GitHub名字
接着打开git bash安装deploy-git部署命令：
$ npm install hexo-deployer-git --save
然后输入
$ hexo clean
$ hexo g
$ hexo d
或者 $ hexo clean && hexo g && hexo d
hexo clean清除了你之前生成的东西,可以不加。
hexo g 生成静态文章，是hexo generate的缩写
hexo d 部署文章，是hexo deploy缩写
部署完成后，可以在浏览器中输入http://yourname.github.io 就能够访问了你的博客
你可以设置个人域名（因为我太穷了，你们自行去百度看看吧）
5.hexo的配置
1.基本配置
打开文件根目录下的_config.yml，对整个hexo架构进行配置
网站：
（我哭！那是语言！不是语音！！）
网址：
主题：
修改主题的位置
theme就是给你的博客选什么主题，从在theme这个文件夹下选，官网上【进入】有很多个主题，默认安装的是lanscape这个主题。当你需要更换主题时，在官网上下载，把主题的文件放在theme文件夹下，再修改这个参数就可以了。
我用的主题是butterfly，可以去作者的博客康康，里面有详细的配置[进入](https://jerryc.me/)
2.新增导航栏选项
git bash中执行命令：
$ hexo new page tags
它就会在根目录下source文件夹中新建了一个tags文件夹，里面包含index.md，在index.md中写上你想要在网站上展示出来的东西。
6.最后
博客到这里就差不多做完啦！再想完善完善的话，多多去康康其他博主的博客叭！扎油！！！