Skip to main content

上传至github.io

首先,在github创建一个仓库,例如Mumuzi7179.github.io(必须是你的用户名.github.io

然后去拿个私钥

点击你的github头像---setting---拉到最下面的Developer Settings---Personal access tokens---Tokens---Generate new token---自己选配置---得到的私钥请记下来,好像是只能看一次

接着在本地bash窗口做以下内容

git config --global user.name "Your Name"
git config --global user.email "[email protected]"
git init
echo "# Mumuzi7179.github.io" >> README.md
git remote add origin https://github.com/Mumuzi7179/Mumuzi7179.github.io.git
git add README.md
git commit -m "Initial commit"
git push -u origin main

#中途如果出错,想重新弄,记得删除掉.git文件夹

然后输入的第一个是你的原始用户名,第二个是输入你刚刚得到的token

然后创建一个新的分支

image-20240527212230960

然后在你这个项目右侧点击settings---pages,选择这个分支bg-pages然后save(默认是main,可以检查一下,然后打开这个网站看看有没有界面,如果是404就等一会,还是没有应该就出问题了,自己排查一下)

然后打开mu-website文件夹下的docusaurus.config.js文件,修改config中的以下内容

第一个url就是小写,或者可以在pages界面查看自己的url

image-20240527213945753

接着需要进行build,github上的界面是build之后的内容,我用的npm

npm run build,接着npm run deploy

然后报错Error: Please set the GIT_USER environment variable, or explicitly specify USE_SSH instead!

修改.bashrc,添加export GIT_USER=YourGitHubUsername

然后退出记得source

image-20240527210419438

如果你的构建有报错但是serve能打开,也必须要修好才能正常同步到github

然后等一会再打开就行了~

至于每次上传都需要输入token,可以这样

在项目根目录执行:
git config --global credential.helper store
然后再执行npm run start
输入token之后,以后再执行npm run start就不会出现让输入token了