使用Hexo快速搭建自己的博客系统

使用Hexo快速搭建自己的博客系统

陈宇翔

一、Git工具和Node.js的安装

1.Git工具的安装

打开Git官网,无脑安装下一步即可。

image-20241118102701780

Git安装成功:任一位置右击鼠标,会出现“Git GUI Here”和“Git Bash Here”,则表示安装成功。

2.Node.js的安装

打开Node.js官网,点击下载,安装无脑下一步

Node.js安装成功:Win+r,输入cmd,回车,输入node -v,回车显示版本号,则表示安装成功。

1
node -v

二、Hexo安装

1.Hexo安装步骤

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//安装Hexo
npm install hexo-cli -g

//创建博客目录
mkdir blog

//进入博客目录
cd blog

//初始化hexo
hexo init blog

//安装所需依赖包
npm install

//启动hexo项目
hexo server 或者 hexo s

出现http://localhost:4000/ 则表示安装成功。访问就可以看到默认的hexo博客的页面。

三、编写博客内容

  • 可以安装自己喜欢的主题,具体看主题文档使用!
  • 博客内容的格式是基于markdown,需要提前学习一下其语法,比较简单!

在命令行输入

1
hexo new "文章标题"

可以看到在目录source下_posts多生成了一个格式为文章标题.md的文件,双击点开,推荐使用Typora来写文章,基本结构如下!

1
2
3
4
5
6
7
8
9
10
11
12
---
title: 使用Hexo搭建自己的博客网站
date: 2021/10/4
tags:
- Hexo
categories:
- blog
---
//上面是博文开头,包括标题日期标签分类等等
//下面是内容(markdown语法)

hello world!
1
2
3
4
5
6
7
8
//清除缓存文件和静态文件
hexo clean

//生成静态博客文件
hexo g

//启动博客
hexo s

刷新http://localhost:4000/ 查看效果

四、发布博客

1.创建一个以你的GitHub用户名命名的代码仓库,例如xxx.github.io

2.安装deployer插件并配置deploy

1
npm install hexo-deployer-git --save

修改配置文件_config.yml配置deploy

1
2
3
4
5
6
// Deployment
// Docs: https://hexo.io/docs/one-command-deployment
deploy:
- type: git
repository: git@github.com:your_github_id/xxxx.github.io.git #点开你的仓库查看
branch: master

3.注册Git,配置远程连接

在文件资源管理器中右键 - Open Git Bash here,打开git终端,输入以下两条命令,设置用户名和邮箱:

1
2
git config --global user.name "GitHub用户名"
git config --global user.email "GitHub邮箱"

创建GitHub token

打开自己的 GitHub 主页,点击自己的头像找到 Settings 并进入, 选择 developer settings 在左边目录栏找到 Personal access tokens,点击 Generate new token,按照步骤申请即可,过程比较简单, 这里不详述。

4.在文件资源管理器中右键 - Open Git Bash here,打开git终端,输入以下三条命令发布博客

1
2
3
4
5
hexo clean 

hexo g

hexo d

提示输入github用户名密码输入就可以了

5.验证是否发布成功

浏览器打开自己的博客首页https://sicyxa.github.io/就可以看到自己的博客了!

五、相关链接

Hexo 官方文档

Hexo 配置文档

Hexo 主题