栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

在github上部署用vuepress搭建的个人网站

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在github上部署用vuepress搭建的个人网站

大家好,今天给大家分享自己最近做的趣事,用vuepress搭建blog网站!挺有意思的,有感兴趣的同学可以去vuepress官网学习!今天主要给大家分享如何将网站部署到github上!

第一步:创建GitHub仓库

注意:没有github账号的同学可以在GitHub官网注册,登录!

登录进github后,

1.点击创建新仓库

2.这里创建的仓库名必须是username.github.io
username就是你的GitHub用户名


3.下面的添加文件可以什么都不选直接创建仓库

第二步.给仓库配置ssh key

这里我们需要使用到git工具,没有接触的小伙伴可以到git工具网站去下载!

用git工具生成密钥

1.打开git 客户端输入如下命令 一路回车下去

ssh-keygen -o

一般生成的密钥会被存放在user/username/.ssh文件下
如:
2.使用如下命令将key复制到剪贴板上(因为当你直接打开文件复制使用会出现格式问题)

clip < ~/.ssh/id_rsa.pub

如果有小伙伴不太理解的,可以上下面博主推荐的官方网站去深入了解学习!如何用git生成ssh密钥
3.将剪贴板的ssh key粘贴到仓库中去


成功之后就是如下

第三步 在项目文件中创建deploy.sh文件


大家可以去vuepress部署教程
学习怎么部署!
我们先看看官网的部署教程

注意博主标红的位置
第一处:我在package.json文件中配置了build命令

第二处 我的文件的.vuepress文件是放在src文件下的

第三处:要改为自己仓库的用户名

第四步 运行deploy文件部署网站到GitHub仓库了

1.在vscode终端选择bash终端运行.sh文件


然后进入对应的项目目录,执行文件

最后等待运行结束我们到github上看我们的仓库

成功的推送部署好了 就可以通过
https://username.github.io/访问了

博主的blog地址:https://wjwyyds.github.io/ 小吴同学的博客欢迎大家访问学习

总结:GitHub部署的网站访问速度较慢,适合学习使用!(毕竟不花钱)
大家也可以买服务器来部署!!!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/854676.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号