• 这篇教程文是专门用来介绍我目前使用的全免费 Hexo 博客搭建方法,如果有什么问题都可以在评论里问博主 ( ̄▽ ̄)~*
    注:本教程所针对的平台为 Windows ,其他系统的搭建方法基本一致

图片施工中…

1. Hexo 安装

Step 1 : 基础准备

安装 Hexo 之前需要先在电脑安装这几个软件来保证 Hexo 的正常运行

如果都已经安装了就直接 开始安装 Hexo 吧!

安装 Node.js

Node.js 的安装可以直接在官网下载安装程序安装 Node.js官网

下载完成后便可直接打开安装

Node.js
Node.js

其中要注意的是在安装进行到这一步时↓ 一定要保证 Add To PATH 处于勾选状态

Add To PATH
Add To PATH

等待安装中…我的电脑好菜啊…

那么在等待的时候我们去安装别的软件吧

安装 Git

与上面的 Node.js 同样,先进入 Git 的官网下载好安装程序吧 Git官网

但是 Git 从中国大陆访问或下载的速度十分感人↓ 所以我们可以通过 淘宝Git For Windows镜像 下载

感人的速度...
感人的速度...

从镜像站下载的方法就是先一直往下翻,找到最新版本的程序后点击进入再选择属于自己操作系统的版本,选择 exe 格式的文件下载就行了。

Git安装
Git安装

Default Editor

当安装执行到下面这一步时其实是让你选择 默认的编辑器 ,根据自己的喜好选择就好了(╹ . ╹)

默认编辑器
默认编辑器

New Repositories

这一步的话是让你选择 Git 在执行新建 库(Repositories/repo) 的时候建立的默认分支的名称,如果没有特殊要求就选择 “Let Git decide” 就行了

新建库的分支名
新建库的分支名

PATH Environment

这个步骤是选择 Git 如何去调整 PATH(环境变量)

PATH 环境变量
PATH 环境变量

  第一种配置:”仅从 Git Bash 使用 Git “,也就是 Git 不会去修改 PATH ,选择这个选项可以防止因为 PATH 修改而导致出现的一些问题,但是如果要调用 Git 就只能使用 “Git Bash”,而且第三方的软件无法调用 Git

  第二种配置:”从命令行以及第三方软件执行 Git “,Git 仅会向 PATH 添加最小的 Git包装器 ,以避免使用可选的 Unix 工具造成环境混乱,但是能够从Git Bash,命令提示符,Windows PowerShell 等第三方软件调用Git

  第三种配置:”从命令提示符使用 Git 和可选的 Unix工具 “,但是这个选项极大会导致系统出现问题,所以建议在了解其含义后才使用此选项

一般没有特殊要求也是选择第二个配置就可以了

HTTPS Transport Backend

这一步是让你选择 HTTPS后端传输类型 ,同样也是默认选择第一个就行

HTTPS Transport
HTTPS Transport

更多的配置…

后面的配置都是以 Git 的默认选择就可以了,不做过多论述了<(`^´)>

配置行尾符号转换

配置行尾符号转换
配置行尾符号转换

配置终端模拟器来与 Git Bash 一起使用

配置终端模拟器来与 Git Bash 一起使用
配置终端模拟器来与 Git Bash 一起使用

Git 在执行 “拉取(Pull)” 命令时的行为

Git Pull
Git Pull

凭据管理的方式

凭据管理
凭据管理

配置额外选项

额外选项
额外选项

然后就是要等待安装啦


检查 Git 和 Node.js 以及环境变量是否正常

在任何位置 右键单击 - “Git Bash here” 出现Git命令窗口
或者是使用 “cmd” (使用”Win + R”打开”运行”窗口并输入”cmd”回车)

使用以下命令来检查 Git 和 Node.js 的安装情况

git --version
//如果像下面出现了版本号则安装正常
git version 2.29.2.windows.2
node -v
//如果像下面出现了版本号则安装正常
v15.2.1
npm -v
//如果像下面出现了版本号则安装正常
7.0.8

Git 可以在设置里更改语言为 简体中文 ,具体操作如下↓

1
1
2
2

操作界面便可切换至中文

安装 NotePad++ (可选)

(Notepad++作者发表涉新疆言论,已经永久下架此软件)

Step 2 : Hexo 安装

既然都准备就绪了,那就开始安装 Hexo 吧!

载入 Hexo

先在自己想要存放博客的地方新建一个文件夹,例如我想要让我的博客文件存放在 “C:/myblog” ,那么只需要在C盘目录下新建一个名叫 “myblog” 的文件夹,然后进入文件夹,右键选择 **”Git Bash here”**。

新建文件夹

新建文件夹
新建文件夹

进入文件夹并使用 “Git Bash here”

Git Bash here
Git Bash here

然后输入以下命令

//安装 Hexo
npm install -g hexo-cli

这里附上官方的 Hexo 与 Node.js 版本限制

Hexo 版本 最低兼容 Node.js 版本
5.0+ 10.13.0
4.1 - 4.2 8.10
4.0 8.6
3.3 - 3.9 6.9
3.2 - 3.3 0.12
3.0 - 3.1 0.10 or iojs
0.0.1 - 2.8 0.10

安装完成后检查 Hexo

//检查 Hexo 版本
hexo -v
//如果正常则会如下显示
hexo-cli: 4.2.0
os: Windows_NT 10.0.18363 win32 x64
node: 15.2.1
......

如果上面都很顺利的话就初始化文件夹吧

//初始化博客文件夹"myblog"
hexo init
//这一步时间可能会比较长,因为Hexo需要从GitHub克隆下来自己的文件
//当出现下面这个信息就代表初始化完成了
INFO Start blogging with Hexo!

然后安装基本组件

//安装基本组件
npm install

安装完成后目录下便会出现这几个文件

.
├── _config.yml //博客的基础配置
├── package.json //你所安装的一些组件信息
├── scaffolds //当你使用"hexo new"新建文章时模板就从这里获取
├── source //你的网站内容
|   ├── _drafts //文章草稿,不会显示在博客上
|   └── _posts //发布的文章,会显示在博客上
└── themes //博客使用的主题文件夹

生成静态页面并开始预览

走到这一步了是不是已经很想看见自己的博客是什么样子的了呢,但是我们如果要欣赏自己的博客话需要先将它进行 静态页面的生成 并且 启用服务 才可以哦,具体怎么启用呢,我们就要用到下面的指令

hexo g //生成静态页面
hexo s //开启本地预览&启用本地服务

当出现了下面的信息就代表你可以用浏览器在自己的电脑上预览博客了

INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
//"http://localhost:4000"是访问博客的地址
//按下 "Ctrl+C" 便可停止服务
// hexo s && hexo server 的常用拓展参数

-i, --ip       自定义使用的IP地址。默认绑定到所有IP
-o, --open     启用本地服务后自动在默认浏览器中预览
-p, --port     自定义使用的端口
//使用时在命令后面加上即可,例如"hexo s -o"

至此便是关于 Hexo 的安装了,下一篇文章中我将会说明博客的配置写文(๑•̀ㅂ•́)و✧


打死你个大鸽子!
打死你个大鸽子!
封面图Pid:55294320

寻即赴往,心之所向