github部署网站

不想自己去买服务器,又想要别人能够访问自己的页面怎么办呢?
github就提供了用于存储托管个人页面的功能。

建仓库

  1. 仓库建议命名为:username(GitHub账号名字).github.io

    这样后期访问页面地址则为:https:// username.github.io
    若不这样命名,访问页面地址为:https://username.github.io/仓库名
    如下图:我的github账号名为melody,则仓库命名为melody.github.io

https://xnx60.github.io/

上传代码

  1. 本地准备好dist文件(也就是整个项目打包后的代码,而不是整个项目的所有代码文件)
  2. 上传dist里的所有文件(里面必须包含html页面)
    如何上传代码,可以参考:添加链接描述
  3. 上传完毕就进入setting配置

配置启动页面

  1. 点击进入setting

  2. 左边侧栏的page进入Github Pages
    这时你你会看到:

    GitHub Pages is designed to host your personal, organization, or project pages from a GitHub repository.

  3. Source那里 选择 从分支部署(默认的)

  4. 修改branch那里 分支的名称 为自己想展示的页面的所在的分支名称(也就是dist里面文件存放的分支)

  5. 然后你就可以通过 https://usename.github.io访问网页啦!(是不是很简单,还不花钱,嘻嘻)

    当然,如果你觉得github的域名不好记,你也可以在下面的Custom domain
    填写自己的域名,让自己的域名去指向github提供的github pages链接(当然前提是你有自己的域名)

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值