如何在GitHub上面部署自己的前端项目

落日映苍穹つ 2021-11-24 00:50 289阅读 0赞

# **背景：** #

作为前端开发工程师，很多时候想把自己的写的Demo或者个人项目上传到一个服务器，然后通过一个URL地址就可以访问，但是购买一个服务器和域名需要花费一定的资金，这个时候很多小伙伴就不愿意了。而其实GitHub就为我们提供这样一个免费的通道，只要我们将上传到GitHub上面的项目进行分享即可。

# 具体步骤： #

1、打开已上传到GitHub的项目，点击设置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70][]

2、滚动到最底部，找到GitHub Pages，将source中的选项由默认的none改为master branch分支

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70 1][]

3、当选中后就会出现远程访问的URL地址（ Your site is published at [https://guobao0730.github.io/JDMobile/][https_guobao0730.github.io_JDMobile]）

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70]: /images/20211122/09687d119cc144cd90b8ca678950b702.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70 1]: /images/20211122/a82a6329f31d4b74806fcf39eb20c1d4.png
[https_guobao0730.github.io_JDMobile]: https://guobao0730.github.io/JDMobile/

发表评论取消回复

表情：

评论列表（有 0 条评论，289人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在码云上部署前端项目

1、生成编译完成后的dist文件夹 2、修改.gitignore文件，让dist文件夹也参与命令管理 ![watermark_type_ZmFuZ3poZW5naGVpdG

╰半橙微兮°/ 2022年11月13日 00:55/ 0 赞/ 129 阅读

相关如何管理自己github上的项目

1.在github上初始化仓库在你的github上初始化一个仓库： ![这里写图片描述][SouthEast] 初始化仓库完成 ![这里写图片描述][SouthE

﹏ヽ暗。殇╰゛Y/ 2022年07月12日 04:10/ 0 赞/ 195 阅读

相关在自己的linux服务器上面部署ShowDoc

ShowDoc就是一个非常适合IT团队的在线文档分享工具，使用的是一款非常轻量级的关系数据库系统SQLite，支持多数SQL92标准。它可以加快团队之间沟通的效率。但是把所

迷南。/ 2022年06月17日 05:49/ 0 赞/ 152 阅读

相关前端项目应该如何部署

> 一个标准的前端项目，必定始于yarn start，它将会经历babel编译，webpack构建，server启动等流程，然后由浏览器加载页面。这是很Dev的开发方式，可生产

喜欢ヅ旅行/ 2022年06月11日 01:22/ 0 赞/ 180 阅读

相关在Github上面搭建一个自己域名的Hexo博客

前言在一次看到别人的博客主页，觉得设计很漂亮。但是由于自己对于前台这块没什么办法，煞是羡慕。偶然中发现这种样式是在Github上面搭建的，使用的是Next主题。于是便想

素颜马尾好姑娘i/ 2022年06月07日 01:59/ 0 赞/ 156 阅读

相关 github上面如何编辑README

今天把自己做好的 [《手机摇一摇震动刷新（支持ListView、GridView、Webview）》][ListView_GridView_Webview]上传到g

╰+哭是因爲堅強的太久メ/ 2022年06月06日 04:59/ 0 赞/ 319 阅读

相关如何在github上传自己的项目

1.去git官网下载git 地址：[git官网][git] 下载自己电脑适用的一路回车就好！！！下载完以后如图： ![1104229-20170303161

Myth丶恋晨/ 2022年05月21日 03:23/ 0 赞/ 219 阅读

相关如何在GitHub上上传自己的项目

原文地址https://blog.csdn.net/m0\_37725003/article/details/80904824 原一步一步教你如何在GitHub上上传自

╰半夏微凉°/ 2022年02月03日 22:29/ 0 赞/ 304 阅读

相关如何在GitHub上面部署自己的前端项目

背景：作为前端开发工程师，很多时候想把自己的写的Demo或者个人项目上传到一个服务器，然后通过一个URL地址就可以访问，但是购买一个服务器和域名需

落日映苍穹つ/ 2021年11月24日 00:50/ 0 赞/ 290 阅读

相关在idea上面部署tomcat

1.下载安装IDEA. 2.以Maven方式导入jeecg工程代码,选择工程的pom.xml文件,工程导入之后IDEA会自动解析下载依赖jar包. ![在这里插入图片描

本是古典何须时尚/ 2021年09月27日 19:22/ 0 赞/ 337 阅读