利用Github Pages生成一个快速访问的网址,展示自己的项目
利用Github Pages展示自己的项目
写了个小项目,想要分享出去,一直在用Github管理项目,了解到Github还有Github Pages功能,然后惊喜的发现Github pages可以搭建博客或者托管网页,比什么买域名,部署到什么阿里云之类的服务器方便多了,心动不如行动,下面就来说一下它的使用过程吧!
一:

login.png
2.下载安装git:https://git-scm.com/downloads
3.在本地准备好你的项目

项目文件.png
二:
1.登录你的github,然后创建一个New repository,起个名称dome(名称随你开心的改),勾选 initialize this repository with a README,如下图,然后点击create repository。

Create new repository.png
2.点击settings

settings.png
3.然后把点击打开的页面往下滑动有个Github Pages 的设置,点击Launch automatic page generator(启动自动页面生成器)。

GitHub Pages.png
4.点击页面最后的continue to layouts,然后就看到有几个页面主题,选中一个,点击 publish pages。

主题.png
5.然后页面头部就会有个页面网址,如下图,打开网址,就会看到你选中的主题页面了!

网址.png

网址打开的页面.png
三:
1.在电脑上选择一个盘,比如E 盘,在空白处鼠标右键,点击 Git Bash。
2.输入如下命令,用来在 E盘创建 dome 文件放你的github上的dome repository,克隆dome repository到dome文件中。

git.png
3.然后到E盘,会发现dome文件里多了个dome文件,打开里面出现README.md 的文件

dome.png
4.回到Github,发现我们有两个分支,master和gh-pages分支,现在项目是在master分支,但是我们需要编辑的是gh-pages分支。

分支切换.png
5:输入以下命令,为本地新建一个gh-pages分支,而这个分支是远程分支origin/gh-pages的镜像,也就是我们可以在本地的gh-pages看到github上的gh-pages的内容。

新分支.png
6.然后E盘在打开dome文件,发现如下:

新dome.png
7:输入以下命令(图1,图2一起的),删除原有的gh-pages文件,并提交(commit)本次修改。

1.png

2.png
在打开E盘,发现文件没有了

dome1.png
8:然后把自己的项目文件粘贴至E 盘的 dome 文件中

项目.png
9.输入如下命令,为了本地gh-pages中的项目文件同步到远程的gh-pages中。

命令.png
10.最后输入git push origin gh-pages,会出现让你输入你的 github 账号和密码,输入之后回车,如图

ok.png
10.最后打开浏览器输入你的网址:

最后网址.png
ok,可以访问你的项目网站了,也可以分享给别人吹牛吹牛了!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步