创建GitHub Pages博客

为啥用这个，主要是免费、部署快，对个人博客要求没那么高的可以搞一下子

基础配置工作

首先登录github: https://github.com
然后在setting设置repo名字和github.com名字一致
github.com是 https://github.com/lantianhaijiao，github.io名字是lantianhaijiao.github.io
会自动生成这个域名(https://lantianhaijiao.github.io)可访问，如果repo名字设置了【vue】,访问地址就是
https://lantianhaijiao.github.io/vue/

根域名：https://lantianhaijiao.github.io

pages设置访问的目录

比如我的项目期望访问根域名是一个页面(默认会进入index.html或者README.md), 也可以访问【根域名/vue/docs】.
访问repo下的 vue/docs 目录(打包后的), 这时候vite的base需要注意，需要设置成 "/vue/docs/"
如果访问【根域名/vue】，会访问到未打包的vue项目，应该访问【根域名/vue/docs】

项目结构

pages设置

使用Hexo搭建博客

全局安装Hexo

npm install -g hexo-cli

初始化博客(会自动创建一个blog的文件夹)

hexo init blog

cd 到blog npm install
检测网站是否创建成功

hexo new test_my_site  // 创建
hexo g   // 生成
hexo s // 启动命令

hexo和node是绑定关系(比如在node12.x安装了，切换到node16是用不了的，会报命令不存在)
打开localhost:4000看效果
推送网站到github
_config.yml为站点配置文件

deploy:
  type: 'git'
  repo: 'git@github.com:yourname/yourname.github.io.git'
  branch: 'master'

开始报这个错误，后来把repo改为ssh就好了(需要授权github登录密码)

fatal: Authentication failed for 'https://github.com/lantianhaijiao/lantianhaijiao.github.io.git/'

Hexo部署流程

安装git部署插件

npm install hexo-deployer-git --save

执行以下操作部署,完成

hexo clean 
hexo g 
hexo d // 部署

一键部署

hexo clean && hexo g -d

这么部署下来后，会覆盖原有github网站内容(原来的index.html和vue文件夹都消失了)

设置标题目录封面等

---
title: segmentfault
toc: 前端
cover: /img/common/t1.jpg
categories: js
---

错误:

fatal: in unpopulated submodule 'blog/.deploy_git'

.deploy_git文件夹下的.git文件删除了就报这个错

最后附上部署好的地址：

https://lantianhaijiao.github.io

创建GitHub Pages博客