Hexo+GithubPages免费搭建个人博客网站
Hexo GithubPages免费搭建个人博客网站
目录
一、前言
我之前开了好几年的云服务器了,实际上使用场景并不是很多,感觉有点浪费。前两个月都给关掉了,现在呢琢磨着弄一个免费的云服务搭建个人博客。暂时先弄Github的,Gitee的那个要身份证,暂时弄不了,等等吧。
需要准备的环境:
windows的话需要准备node环境,可以关注某绿色软件回复:1009 不限速下载软件安装
这里列一下清单
- node环境
- 能访问github并准备好github账号
二、Github配置
新建同名仓库
这里需要注意的有两点
- 仓库名格式: username.github.io
- 仓库需要设置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
,需要说明的是,需要在指定目录执行该命令,我这里推荐一个简单的方式。
- 进入需要初始化仓库的文件夹下
- 左上角输入cmd
- 回车
这样打开的cmd窗口自动进入到当前目录了
这样就算是创建好了,可以看到生成了一堆文件
四、配置hexo-deployer-git
官方地址:https://github.com/hexojs/hexo-deployer-git
安装也很简单,直接在cmd中输入 npm install hexo-deployer-git --save
需要注意的是,执行该命令,需要在上面hexo初始化的仓库目录下执行,否则是没有用的。
执行完效果如上图
我们需要关注的是生成的_config.yml文件,这里我们打开这个文件,并对部分配置做修改。
-
修改url
-
修改deploy
-
这个配置可改可不改
修改完毕保存后,我们在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主题,分类和标签问题,图片显示问题等等,这个后续再写文章吧
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgheigf
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13