GithubPage配置
# 配置Github Page(简单记录)
# 正式流程
首先克隆模板仓库
git clone https://github.com/xugaoyi/vuepress-theme-vdoing.git
1
之后,对文件内容修改,将名字和相关链接进行替换。删除不需要的博客文件。
修改完毕之后,在下载后的文件夹中运行如下cmd命令
npm install
npm run dev:win
1
2
2
之后,会给出网址“http://localhost:8080”,访问即可查看效果。
不再修改之后,运行构建命令
npm run build:win
1
之后,进入子文件夹“\docs.vuepress\dist”中,运行git相关命令
git init
git add -A
git commit -m 'deploy github page'
git remote add origin https://github.com/myeeygo/myeeygo.github.io.git
git push -u origin master
1
2
3
4
5
2
3
4
5
之后,在github的仓库myeeygo.github.io中,点击此仓库上方的“setting”,在”pages“中对于“Build and deployment”中的“Branch”进行设置。设置为“master" "/(root)",最后保存即可。
# 参考资料
git的参考教程:
Git入门图文教程(1.5W字40图)🔥🔥--深入浅出、图文并茂 - 安木夕 - 博客园 (cnblogs.com) (opens new window)
vuepress主题
xugaoyi/vuepress-theme-vdoing: 🚀一款简洁高效的VuePress知识管理&博客(blog)主题 (github.com) (opens new window)
博客搭建教程
vuePress博客搭建指南 | 君哥的学习笔记 (it235.com) (opens new window)
vuepress-theme-vdoing博客搭建教程-CSDN博客 (opens new window)
# PS
此过程需要提取下载一些东西,大概是npm,git,node.js等等。因为本人曾经下载过,因此未在此篇详细写出。