• 很多人想要使用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打开,建议看下面的教程,直接去文件夹里面找到这个文件用编辑器打开)

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

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

也可以根据上面的路径直接找到这个文件(不会用vim就用这个,简单点)

打开这个文件复制里面的内容

打开后复制里面的内容:(下面很多数据均来自我的另一个教程【 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 GC Github Hexo IDEA JavaScript jsDeliver JS樱花特效 JVM Linux Live2D markdown Maven MyBatis MyBatis-plus MySQL Navicat Oracle Pictures QQ Sakura SEO Spring Boot Spring Cloud Spring Cloud Alibaba SpringMVC Thymeleaf Vue Web WebSocket Wechat Social WordPress Yoast SEO 代理 分页 图床 小幸运 通信原理

Win10安装Hexo
Win10安装Hexo