GitHub+hexo部署静态网站

发布时间 2023-05-31 00:12:10作者: Rzk

前言

由于有些文章可能过不了shen,有些大概率会挂,部署在GitHub当作备份
还有就是自己购买域名和服务器,搭建博客的成本实在是太高了,不光是说这些购买成本,还要定期的维护它,
对于大多数人来说,是没有这样的精力和时间

什么是 Hexo?

Hexo 是一个快速、简洁且高效的博客框架。
Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

HEXO官网部署

HEXO官网网站

前提需要安装Node.js

node官网下载地址

安装 Hexo
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。

npm install hexo-cli -g

查看版本

hexo -v

初始化仓库:仓库名自己命名

hexo init 1769073060

新建后的目录构造

新建完成后,指定文件夹目录下有:

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

本地运行

hexo g
hexo server

一个静态网站随即搭建完成

浏览器输入 http://localhost:4000/

在GitHub创建个人仓库

创建:账号.github.io

生成SSH添加到GitHub

打开git bash输入

git config --global user.name "yourname"
git config --global user.email "youremail"

可以用以下两条,检查一下你有没有输对

git config user.name
git config user.email

框中之前是小程序的账号,修改即可

生成ssh

一直回车即可

ssh-keygen -t rsa -C "1769073060@qq.com"

把ssh密钥添加到github后台

在GitHub的setting中,找到SSH keys的设置选项,点击New SSH key,将id_rsa.pub里面的信息复制进去。

git bash 查看是否验证成功

ssh -T git@github.com

将hexo部署到GitHub

这一步,我们就可以将hexo和GitHub关联起来,也就是将hexo生成的文章部署到GitHub上,打开站点配置文件 _config.yml,翻到最后,修改为
YourgithubName就是你的GitHub账户

deploy:
  type: git
  repo: https://github.com/你的账户名/你的账户名.github.io.git
  branch: main

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

然后

hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写

返回GitHub仓库查看有没有提交文件

可以访问http://yourname.github.io 这个网站看到你的博客