Github+Hexo+NextT搭建个人博客

一、准备：配置开发环境

下载安装以下工具

Node.js
git
安装git后将git的bin目录添加到环境变量path中

二、注册配置Github

1. 新建一个git账号

git网址

2. 创建一个新仓库

页面右上角 New repository

179110166410551.png
创建yourname.github.io，打勾表示名称可用

17130423106109148.png

yourname为你的github用户名

3. 配置SSH-Key

安装git后
接着鼠标右键-点击Git Bash Here打开Git Bash 弹出以下窗口

1732010983113115.png
**输入如下命令： **

  $ git config --global user.name "Your Name"
  $ git config --global user.email "[email protected]"
  $ ssh-keygen -t rsa -C [email protected]  // 生成ssh

user.name 你的git用户名
user.email 你的git注册的邮箱

之后直接回车，不用填写东西。然后就在c盘->用户->登录用户名文件夹下生成一个目录.ssh ，里面有两个文件：id_rsa , id_rsa.pub

16261013101150106.png

4. 登陆github，进入刚刚新建的仓库，

点击settings -> Deploy keys －> add deploy key

170010238998110.png
打开之前生成的 id_rsa_pub 文件
- 复制文件中的内容粘贴到key中，
- 选中 allow write access
- 最后点击add key
  
  17900101109101109.png

5.测试是否成功

在Git Bash中输入以下命令
$ ssh -T [email protected]
提示：

 Hi whitescholars/whitescholars.github.io! You've successfully authenticated, but GitHub does not provide shell access.

证明校验成功。

三、Hexo

关于Hexo

快速，简单而高效的静态博客框架

1. 安装Hexo

在电脑的任意一个盘（位置自选）建一个文件夹，比如说的我的文件取名为blog.打开此文件夹，按住电脑的shift键，右击鼠标，选择在此处打开命令窗口(或者打开电脑的dos窗口，直接切换目录到blog文件夹)
在命令窗口中输入：
$ npm install -g hexo-cli //安装hexo

2. 初始化Hexo

$ hexo init

3. 接着输入以下命令

  $ hexo g # 生成
  $ hexo s # 启动服务

1729051110196111.png

4. 输入http://localhost:4000 即可查看网站。

17290507311848.png

四、安装Next主题

NexT 主旨在于简洁优雅且易于使用，所以首先要尽量确保NexT的简洁易用性。
这是一个扩展主题，由一个台湾学生iissnan开发。主题秉承精于心，简于形的理念。

1. 下载Next主题

$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

2. 启用Next主题

打开_config.yml文件

1707011810913599.png
设置 theme: next

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next

设置language: zh-Hans

language: zh-Hans

配置 deploy

 # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
  deploy:
      type: git
      repository: [email protected]:yourname/yourname.github.io.git
      branch: master

repository为对应仓库的地址。注意仓库地址有两种形式。一种是https，一种是SSH。此处应该使用SSH形式的地址。

最后输入以下命令

    $ hexo clean # 清理
    $ hexo g  # 生成文件
    $ hexo d  # 部署文件

hexo d的时候可能会出现
ERROR Deployer not found: git
遇到这种情况，运行以下命令

$ npm install hexo-deployer-git --save

**安装好后继续运行 **
$ hexo d
到此安装完成，打开自己的博客看看吧

17860608738771.png

附：
Next官网
主题作者iissnan的博客
hexo官网

过程中参考了：
白衣秀才