• 很多人想要使用Hexo+Github搭建自己的博客,但是没有什么计算机基础,并且网上很多教程不完整。导致他们不知道 Win10安装Hexo 的方法,那么接下来就给大家带来完整的 Windows安装Hexo 图文教程,即使是小白也能很快搭建自己的博客。

安装流程介绍:

  1. 没有Github账号需要先注册Github账号
  2. 安装Git
  3. 下载安装Nodejs
  4. 安装Hexo
  5. SSH相关配置
  6. 将博客部署到Github

Step 1:安装Git工具

为什么先推荐安装Git呢?因为下载速度很慢,我当时也下载了很长时间。点击Git官网下载对应的版本,win10一般都是64位。下载完成后安装的时候按照默认提示直接next即可。

Step 2:注册Github账号

本教程主要针对新手,所以大多数人可能并没有注册Github账号,所以需要注册一个Github账号,记得注册的时候用户名要想好,后面访问博客的地址和这个有直接关系,点击进入Github官网,开始注册。

Step 3:下载配置Nodejs

下载Nodejs

Hexo主要依赖于Nodejs环境,所以这个必不可少。直接进入Nodejs官网,下载二进制压缩包(不介绍安装版教程)。

根据自己电脑选择32位或者64位

下载完成后解压到一个指定的目录,这个目录必须记住,因为后面需要配置环境变量,需要用到Nodejs目录路径。

这是我的Nodejs解压以后放到了E盘下面,并且重命名为node

配置Nodejs环境变量

在我的电脑或者文件管理器,右键->属性

会进入下面的界面:

点击高级系统设置:

点击环境变量:

在系统环境变量中找到path,点击编辑:

点击新建,并且加上上面所示的路径,也就是我们的Nodejs的路径,然后一直确定,大概需要确定三次。

Git安装完成,在任意位置,比如桌面,单击鼠标右键,点击Git Brash Here,依次执行下面代码查看node 和npm 版本信息 验证环境变量设置是否成功。

node -v
//正常情况出现版本号
v10.16.0
npm -v
//正常情况出现版本号
6.9.0

版本和我的不一样属于正常情况,毕竟官方还在不断更新。

Step :4:安装Hexo

在Git Brash 执行如下命令:

npm install -g hexo

等待安装完成后 ,再次进入到系统环境变量配置:

添加图上所标示的下一个路径:

E:\node\node_modules\hexo\bin

不过需要根据你的实际情况修改一下:

你的Nodejs路径\node_modules\hexo\bin

添加完成后依次确定保存配置退出

在Git Brash 里面 输入

hexo -v

出现对应的版本说明则表示安装配置成功

在我电脑任意磁盘位置新建一个文件夹,名字随意,这个是作为你的博客根目录,比如我的:Blog,新建完成选中Blog,单击鼠标右键,Git Brash Here,执行如下代码

hexo init

等待下载完成后,输入

hexo s --debug -p 8888

在你的浏览器输入:localhost:8888 就可以在本地看到你的博客

Step 5:SSH配置

因为我们需要部署到你的github仓库,每次更改都要deploy ,如果不配置ssh key 每次你都需要输入github 账号密码,如果你觉得无所谓或者麻烦也可以跳过此步骤。

在Git Brash 中 依次输入:

git config --global user.name yourname
git config --global user.email youremail

上面的yourname 和 youremail分别指你的github用户名以及github绑定的邮箱

然后再执行如下行命令生成密匙和公匙:

ssh-keygen -t rsa -C "youremail"

执行了这个命令会提示存储路径和密码以及确认密码:你连续按三次Enter就好,然后执行如下命令打开公匙文件:

vim /c/Users/73778/.ssh/id_rsa.pub

这个路径你可以在上面的提示里面复制,这是默认地址,不同电脑不一样,你就复制它提示的路径:

打开后复制里面的内容:(下面很多数据均来自我的另一个教程【 Linux安装Hexo 】,这些步骤是一样的)

然后到你的github主页点击右上角头像,setting -> SSH and GPG keys,新建SSH key

上面名字随意,下面把刚才复制的公匙内容复制进去,添加SSH key。完成以后,执行以下代码:

ssh -T git@github.com

会有如下提示:

The authenticity of host 'github.com (52.74.223.119)' can't be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)?

输入:yes,会有以下提示:

Hi yremp2! You've successfully authenticated, but GitHub does not provide shell access.

则表示配置成功,就可以下一步操作了。

Step 6:将博客部署到Github

新建仓库

在Github主页点击头像,选择 Your repository,然后new 一个新的仓库,注意这个新仓库有特定的格式:你的用户名.github.io,我后面的例子都将使用我的小号yremp2,所以我的仓库名字:yremp2.github.io 。

修改配置文件

在你的博客根目录(我的:Blog)下找到 _config.yml, 可以用记事本打开,在最下方找到:

deploy:
  type:

修改为:

deploy:
  type: git
  repo: git@github.com:yremp2/yremp2.github.io.git 

repo 就是 yremp2.github.io 这个仓库的地址,如何获取如下:

注意配置文件里面所有 : 后面都有一个空格,没有会出错

开始部署

在博客根目录Blog下依次执行如下命令:

hexo clean
hexo g
hexo d

如果在执行hexo d有如下错误:

ERROR Deployer not found: git

请执行以下命令:

npm install --save hexo-deployer-git

然后再次执行

hexo d

打开浏览器,访问 yremp2.github.io ,这里将请按照 你的github同户名.github.io 输入,就可以访问你的博客啦。

同时博主还写了以下文章,有兴趣的话可以去参考一下:

  1. Linux下安装Hexo
  2. Hexo编写上传文章
  3. Hexo更换主题

标签云

ajax AOP Bootstrap cdn Chevereto CSS Docker Editormd Hexo IDEA JavaScript jsDeliver JS樱花特效 Linux markdown Maven MyBatis MyBatis-plus MySQL Pictures Sakura SEO Spring Boot SpringMVC SSR Thymeleaf V2ray Vue Web WebSocket Wechat Social WordPress Yoast SEO 代理 分页 图床 小幸运