不想自己去买服务器,又想要别人能够访问自己的页面怎么办呢?
github就提供了用于存储托管个人页面的功能。
建仓库
-
仓库建议命名为:username(GitHub账号名字).github.io
这样后期访问页面地址则为:
https:// username.github.io
若不这样命名,访问页面地址为:https://username.github.io/仓库名
如下图:我的github账号名为melody,则仓库命名为melody.github.io
上传代码
- 本地准备好dist文件(也就是整个项目打包后的代码,而不是整个项目的所有代码文件)
- 上传dist里的所有文件(里面必须包含html页面)
如何上传代码,可以参考:添加链接描述 - 上传完毕就进入setting配置
配置启动页面
-
点击进入setting
-
左边侧栏的page进入Github Pages
这时你你会看到:GitHub Pages is designed to host your personal, organization, or project pages from a GitHub repository.
-
Source那里 选择 从分支部署(默认的)
-
修改branch那里 分支的名称 为自己想展示的页面的所在的分支名称(也就是dist里面文件存放的分支)
-
然后你就可以通过 https://usename.github.io访问网页啦!(是不是很简单,还不花钱,嘻嘻)
当然,如果你觉得github的域名不好记,你也可以在下面的
Custom domain
处
填写自己的域名,让自己的域名去指向github提供的github pages链接(当然前提是你有自己的域名)