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

这才是我们的目的，让所有人都能看到您的站点。

新建仓库

打开GitHub官网，登录你的账号，如果没有就注册一个。

注册完登陆后，在GitHub看到一个 New repository，新建一个存储库。

创建一个和你用户名相同的仓库，后面加.github.io，只有这样，将来要部署到GitHub page的时候，才会被识别，也就是xxxx.github.io，其中xxx就是你注册GitHub的用户名。我这里是已经建过了。

输入存储库的名字 格式：youname.github.io比如我的仓库名称为zsuh.github.io，

选择Public公开存储库，记得勾选Add a README file,新建即可。

进入存储库后点击Settings(设置)，左侧点击GitHub Pages(页面)，将Source的Branch改成main点击Save

万汇资源网终身永久会员

打赏 收藏 海报 链接