专注分享优质资源

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上编写的,只需要一行代码
sudoapt-getinstallgit

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

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

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

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

生成所需文件
输入cdmyblog将目录切换到blog文件夹里,然后输入npminstall就会在文件夹里生成一些需要的文件。

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

6、配置完成!,接下来输入hexog生成静态网页,再输入hexoserver就可以通过本地服务器打开网站来查看网页

Hexo常用的命令:

hexonewxxx=新建文章xxx
hexoserver=预览简写为hexos
hexogenerate=生成静态文章简写为hexog
hexodeploy=部署文章简写为hexod
hexoclean=清除缓存不需要可以不加

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

新建仓库
打开GitHub官网,登录你的账号,如果没有就注册一个。

注册完登陆后,在GitHub看到一个Newrepository,新建一个存储库。

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

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


选择Public公开存储库,记得勾选AddaREADMEfile,新建即可。


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

原文地址:https://www.zsuh.cc/2022/07/25/addhexo/

由于字数限制,下篇在此↓↓↓
#Hexo+GitHub安装教程-基础建站篇二#

大家有问题欢迎在下方评论讨论[哈哈]
评论列表