hexo+github搭建个人博客

由于电脑崩了几次，系统重装了几回，这是第三次搭建博客，安装的hexo的next主题也是从一开始的6的版本升级到了7.4。所以在这里把搭建的过程记录一下，写下自己踩过的坑。

一、准备工作

1.搭建Node.js环境

下载地址：Node.js

检查node是否安装成功，在命令行中输入 node -v

返回版本号即为安装成功

2.安装Git工具

下载地址：git

安装好git的标志就是鼠标右键会出现git bush here和git gui here

3.Github账户注册和新建项目

gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。这里用到Github，是因为我们需要通过Github得到自己的博客网站域名，而且需要使用gitHub同步我们个人博客的相关文件。
注册地址：https://github.com
注册流程：https://www.baidu.com ,百度一下，你就知道啦。

项目必须要遵守格式：账户名.github.io，不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README

4.安装Hexo博客框架工具

在合适的地方储存hexo文件，我在D盘新建了一个blog文件夹

点击进入blog，然后按Shift点击右键点击在此处点击Powershell窗口(这一步是重点，好多教程没看懂花费了好久，最后室友解决了，两次安装都踩坑)

输入npm install hexo -g，开始安装Hexo

在控制台(win+r cmd)输入hexo -v，检查hexo是否安装成功，成功会返回版本号

输入hexo init，初始化该文件夹

看多最后的”Start blogging with Hexo!”,OK，这就开始了！！！

输入npm install，安装所需的组件

输入hexo g，部署hexo博客

输入hexo s，开启服务器，本地预览该网址

输入网址http://localhost:4000/ 就可以看到自己的博客啦

但是此时只能本地预览博客，发布到网上需要下一步

二、Hexo与Github page联系起来

以下操作均在博客本地文件夹下面使用鼠标右键单击 git bash here

配置 git 个人信息，生成新的 ssh 密钥：

git config –global user.name “xxxxxx”
git config –global user.email “xxxxxx”
ssh-keygen -t rsa -C “xxxxxxxx(邮箱)”

连续三个回车，生成密钥，最后得到了两个文件：id_rsa和id_rsa.pub（默认存储路径是：C:\Users\Administrator.ssh）。

输入cd ~/.ssh，检查是否有.ssh的文件夹

添加公钥

登录Github，点击头像下的settings，添加ssh

即在用户文件夹.ssh 文件里面把公钥复制出来粘贴到GitHub个人设置的ssh位置。
修改博客根目录文件的_config.yml文件

修改文件repo：把userneme换成自己的用户名

例如：git@github.com:Inkwall233/Inkwall233.github.io.git

(inkwall233是我的用户名)
```
deploy:
  type: git  
  repo: git@github.com:Inkwall233/Inkwall233.github.io.git
  branch: master
```
这个时候本地博客已经和GitHub连接了

开始部署：

输入hexo clean

输入hexo d部署博客到GitHub上，

在浏览器输入用户名.github.io就能访问了例如https://inkwall233.github.io

三、更换主题

访问官网有https://hexo.io ,可以找到很多主题，这里我选择的是Next Gemini主题

下载主题

在博客的文件夹里面鼠标右键，点击Git Base Here

输入 git clone https://github.com/theme-next/hexo-theme-next themes/next

启用主题

在博客文件夹打开配置文件_config.yml

修改theme:next

Git Base Here输入 hexo s本地预览next主题

常用hexo命令

常见命令：

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #部署到GitHub
hexo help  # 查看帮助
hexo version  #查看Hexo的版本

缩写：

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

组合命令：

hexo s -g #生成并本地预览
hexo d -g #生成并上传

next主题搭建完成。

写在最后

next主题优化网络上面有很多，风格都不一，下面就不写了。

查看我的搭建效果的请点击https://inkwall233.github.io访问