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

Hexo + GitHub 安装教程-基础建站篇,hexo,github,网,网站,代码,第1张

Hexo + GitHub 安装教程-基础建站篇,hexo,github,网,网站,代码,第2张

Hexo + GitHub 安装教程-基础建站篇,hexo,github,网,网站,代码,第3张



文章版权声明:除非注明,否则均为猫屋博客MAOWUO.CN原创文章,转载或复制请以超链接形式并注明出处。

您需要 登录账户 后才能发表评论

发表评论取消回复

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (暂无评论,132人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码