Hexo＋GitHub安装教程-基础建站篇

Hexo＋GitHub安装教程-基础建站篇

Hexo简介
Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Coding上，是搭建博客的首选框架。大家可以进入hexo官网进行详细查看，因为Hexo的创建者是台湾人，对中文的支持很友好，可以选择中文进行查看。

搭建好处：不用服务器，扩展性，diy强。

完成示例：www.zsuh.cc

环境部署
1、安装Node.js
由于Hexo博客系统是基于Node.js的，所以我们搭建Hexo需要先安装Node.js。

Windows：在Node.js官网下载长期支持版，然后打开下载好的安装程序，安装选项全部选择默认就好了,接下来一直点击Next下一步。

安装好以后打开cmd输入node -v，如果显示的是下载的版本号就说明安装成功。

2、安装Git
官网地址：git – 快速版本控制

**Windows:**下载完成后打开安装程序，安装选项全部默认，剩下的交给next。

安装完成后打开cmd输入git –version检查是否安装成功，如果显示的是下载时的版本号就说明安装成功。

Linux：对linux来说实在是太简单了，因为最早的git就是在linux上编写的，只需要一行代码
sudo apt-get install git

安装hexo
新建博客目录
在一个你感觉合适的地方创建一个文件夹，这个文件夹将用来存放您的博客文件，我单独将e盘作为资料盘，所以我的博客文件在e盘的blog下。

安装Hexo
打开创建好的文件夹，在路径处全选输入cmd回车。然后输入npm install hexo-cli -g进行安装hexo。

安装好了以后输入hexo -v检查是否安装成功，如果输出版本号就说明安装成功，

初始化Hexo
初始化Hexo hexo init myblog 这个myblog可以随意取名字或者不加

生成所需文件
输入cd myblog将目录切换到blog文件夹里，然后输入npm install就会在文件夹里生成一些需要的文件。

文件生成预览
node_modules: 依赖包
public：存放生成的页面
scaffolds：生成文章的一些模板
source：用来存放你的文章
themes：主题
_config.yml: 博客的配置文件

6、配置完成！，接下来输入hexo g生成静态网页，再输入hexo server就可以通过本地服务器打开网站来查看网页

Hexo常用的命令：

hexo new xxx = 新建文章xxx
hexo server = 预览 简写为hexo s
hexo generate = 生成静态文章 简写为hexo g
hexo deploy = 部署文章 简写为hexo d
hexo clean = 清除缓存 不需要可以不加

hexo clean && hexo g -d = 清除缓存后生成页面并上传
部署Github
这才是我们的目的，让所有人都能看到您的站点。

ssh-keygen -t rsa -C “你GitHub账号的邮箱”
例：ssh-keygen -t rsa -C “zsuhao@qq.com”
来生成 ssh key。

然后输入cat ~/.ssh/id_rsa.pub输出SSH Key,然后全部复制下来。

3、GitHub绑定密钥
打开GitHub点击自己的头像再点击设置，再点击SSH and GPG keys，继续点击New SSH key,输入SSH key的名称,名称可以随便写，再粘贴刚才辅助的SSH key，点击添加就好了

在gitbash中，查看是否成功
ssh -T git@github.com

4、Hexo配置
打开博客目录下的_config.yml我们暂且称呼他为站点配置文件，笔记本、代码编辑器大部分都能打开，推荐使用vscode打开。

搜索deploy修改如下配置

deploy:
type: git
repository: 储存库的链接
branch: main
ctrl+s保存即可

在cmd安装插件npm install hexo-deployer-git –save回车后安装GitHub推送插件。

安装好输入hexo c·、hexo g、hexo d上传到GitHub就好了

在地址栏输入你的用户名.github.io即可预览你的博客

在Git Bash Here输入hexo server可以本地预览。
原文地址：https://www.zsuh.cc/2022/07/25/addhexo/