_9240677f2fe490fc2b6e03607b9b46a0.png)
🤖- hexo+github pages 搭建在线个人博客
前提
安装 node.js,教程:2024最新版Node.js下载安装及环境配置教程【保姆级】
注册GitHub与git,教程:Github入门教程,适合新手学习(非常详细)
1. 新建 Github 仓库
2. 创建后,点击 setting
在这里你就可以看到自己未来的博客地址
下面这个就是你的仓库地址
3. 打开hexo官网
进入hexo官网,可以看到官方给出了安装方法
如果第四步npm install报错,请配置镜像,或者安装pnpm,使用pnpm来安装依赖
1 | npm install --global pnpm |
安装好后,使用 pnpm安装依赖
1 | pnmp install |
根据教程运行
1 | hexo server |
就可看到类似这样的页面:
这时候,你已经在本地上运行了自己的博客,我们下一步就是要推到仓库里
4.配置仓库路径
打开博客根目录的 _config.yml 文件
找到底部的
1 |
|
改为
1 | deploy: |
5.安装一键部署插件
1 | npm install hexo-deployer-git --save |
6.运行(每次新建完文章或者改完配置后都执行,推送到仓库)
1 | hexo clean |
主题安装可以自行百度,各个主题都有对应的文档
我的博客使用的主题是 async
视频教程作者大大也有,非常详细!!
本文是原创文章,采用CC BY-NC-SA 4.0协议,完整转载请注明来自XIN's Blog | 前端开发 | Vue.js & JavaScript 技术分享
评论 ()