Hexo+GithubPages免费搭建个人博客网站

Hexo+GithubPages免费搭建个人博客网站

目录

一、前言

我之前开了好几年的云服务器了,实际上使用场景并不是很多,感觉有点浪费。前两个月都给关掉了,现在呢琢磨着弄一个免费的云服务搭建个人博客。暂时先弄Github的,Gitee的那个要身份证,暂时弄不了,等等吧。

需要准备的环境:

windows的话需要准备node环境,可以关注某绿色软件回复:1009 不限速下载软件安装

这里列一下清单

  1. node环境
  2. 能访问github并准备好github账号

二、Github配置

新建同名仓库

这里需要注意的有两点

  1. 仓库名格式: username.github.io
  2. 仓库需要设置public,不能设置为private

配置Pages

在仓库主页点击Setting

这里的配置按照以下方式配置即可

OK,那么这里需要配置的完成了。

三、安装Hexo

这里需要注意的是,需要先确认安装好了node环境,并配置了环境变量,可以通过cmd输入 npm -v 命令确认

halo官网地址:https://hexo.io/zh-cn/

安装很简单,直接在cmd中输入 npm install hexo-cli -g 即可

此时,需要在本地建立一个仓库,这个仓库中的文件将来会同步到github上。

建立方式是在cmd中输入 hexo init ,需要说明的是,需要在指定目录执行该命令,我这里推荐一个简单的方式。

  1. 进入需要初始化仓库的文件夹下
  2. 左上角输入cmd
  3. 回车

这样打开的cmd窗口自动进入到当前目录了

这样就算是创建好了,可以看到生成了一堆文件

四、配置hexo-deployer-git

官方地址:https://github.com/hexojs/hexo-deployer-git

安装也很简单,直接在cmd中输入 npm install hexo-deployer-git --save

需要注意的是,执行该命令,需要在上面hexo初始化的仓库目录下执行,否则是没有用的。

执行完效果如上图

我们需要关注的是生成的_config.yml文件,这里我们打开这个文件,并对部分配置做修改。

  1. 修改url

  2. 修改deploy

  3. 这个配置可改可不改

修改完毕保存后,我们在cmd中执行命令 helo d 即可部署我们的项目,稍等几分钟,就能访问到了。

正常到这边就结束了,但是后续多上传几次后就会报错

这个原因可能是被限制了,我们需要配置token

打开github的settings

权限勾选第一个就行了

接下来我们需要在_config.yml中加上token

五、访问

我的路由是:https://zysicyj.github.io/

六、发布文章

官方文档:https://hexo.io/zh-cn/docs/commands

执行hexo -new 可以创建文件

执行上传命令 helo g && hexo d ,然后等几分钟,能看到文件已经同步上去了

七、安装主题

我是用的主题是bufferfly https://butterfly.js.org/posts/21cfbf15/#安裝

仓库根目录下拉取代码

修改_config.yml

安装插件

重新生成部署 hexo -g && hexo d

后续的话还有不少可以优化的地方,比如hexo主题,分类和标签问题,图片显示问题等等,这个后续再写文章吧

相关推荐
一张假钞3 天前
Hexo Next主题集成百度统计
hexo·next
MengYiKeNan14 天前
github pages 的 workflow 突然运行失败
github·github pages
丸丸丸子w20 天前
Hexo博客在多个设备同步
hexo·个人博客
RobinDevNotes24 天前
用VuePress在GitHub Pages上搭建博客
vue·github pages·vuepress
Huazie1 个月前
来花个几分钟,轻松掌握 Hexo Diversity 主题配置内容
前端·javascript·hexo
Huazie2 个月前
一篇搞定 Hexo Diversity 主题接入!支持多主题自由切换!
javascript·github·hexo
dzq1982 个月前
Hexo提交部署命令与Git Bash Here控制终端中按下Ctrl+C无法中断hexo s的解决办法
运维·git·hexo·部署博客·hexo s·ctrl+c·源码推送
张飞的猪4 个月前
一分钟搭建Ghost个人网站博客系统
博客搭建·ghost·个人网站搭建
bokequ4 个月前
站长为什么要搭建个人博客网站
博客搭建·博客网站·博客趣
real_metrix5 个月前
【教程】Hexo 部署到 Github Page 后,自定义域名失效的问题
hexo·github page