手把手教你将项目部署到GitHub上(非常详细)

我是2018年下半年注册GitHub的,一直玩到现在也有挺长时间的了。决定向大家分享一下自己的经验。看到网上有很多教程,甚至B站上也有一些视频,但是好多一上来就是Git命令,要么就是一大堆的术语,让很多初学者看视频看教程依然还是云里雾里,不能解决问题。
因此今天决定写下该文章,让很多初学者柳暗花明又一村。

第一步:
	你要拥有自己的GitHub账户(没有的去GitHub官网下载:(https://github.com/))
第二步:
你需要下载安装Git。链接:https://git-scm.com/downloads

附赠Git安装教程(Windows):
         https://www.cnblogs.com/wj-1314/p/7993819.html(推荐观看)
第三步:
你需要有自己的网页文件(俗称项目)例如下图:

在这里插入图片描述

第四步:
登录到你的Github上,新建一个repository,命名为demo1,勾选 initialize this repository with a README,
然后点击create repository。

在这里插入图片描述在这里插入图片描述

第五步:
打开settings,有一个Github Pages 的设置,点击 source 中的本来的 None ,使其变成 master 分支,然后点击 save。

在这里插入图片描述在这里插入图片描述

第六步:
页面刷新之后,再看 github pages 设置框处,多了一行网址,就是你的 github pages 的网址了。

在这里插入图片描述

第七步:
打开此电脑,选择一个盘,比如 D 盘,右键空白处点击 git bash here(前提是git已经安装好)。

在这里插入图片描述

第八步:
输入如下命令,用来在 D 盘创建 demo1 文件放你的github上的demo1 repository,克隆test repository到 demo1 文件中。(注意克隆地址格式为:https://github.com/用户名/项目名.git)

在这里插入图片描述
在这里插入图片描述

这个时候,你的D盘就会多一个deom1文件,你可以打开它。
第九步:
将自己的网页文件复制粘贴至 D 盘的 demo1- 文件中

在这里插入图片描述

第十步:
执行如下命令

在这里插入图片描述

到这一步如果是第一次操作需要你输入相关账号信息,根据提示输入即可。

在这里插入图片描述

然后输入最后一行 git push,按回车,等一会,会有弹出框让你输入你的 github 账号和密码(第一次操作)。

在这里插入图片描述

第十一步:
大功告成!你可以输入网址去查看检验一下!!!

在这里插入图片描述
以上就是将项目部署到GitHub上的每一个步骤。
关注收藏一下,以后更新更详细关于GitHub的知识。

未完待续~~

  • 21
    点赞
  • 111
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
可以将 Flask 项目部署GitHub Pages 或者使用 GitHub Actions 自动部署到服务器。 方法一:部署GitHub Pages 1. 在 GitHub 上创建一个新的 repository。 2. 在本地创建一个 Flask 项目,并将其推送到 GitHub repository。 3. 在项目根目录下创建一个名为 `docs` 的文件夹,并在其中创建一个名为 `index.html` 的文件。此文件将作为 GitHub Pages 的主页。 4. 在项目根目录下创建一个名为 `.github/workflows` 的文件夹,并在其中创建一个名为 `deploy.yml` 的文件。此文件将自动部署项目GitHub Pages。 5. 在 `deploy.yml` 文件中添加以下代码: ```yaml name: Deploy on: push: branches: - main jobs: deploy: runs-on: ubuntu-latest steps: - name: Checkout code uses: actions/checkout@v2 - name: Setup Python uses: actions/setup-python@v2 with: python-version: '3.x' - name: Install dependencies run: pip install -r requirements.txt - name: Build static files run: | export FLASK_APP=app.py flask build - name: Deploy to GitHub Pages uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: ./docs ``` 6. 推送代码到 GitHub repository,GitHub Actions 将自动部署项目GitHub Pages。 方法二:使用 GitHub Actions 自动部署到服务器 1. 在 GitHub 上创建一个新的 repository。 2. 在本地创建一个 Flask 项目,并将其推送到 GitHub repository。 3. 在服务器上安装 Docker 和 Docker Compose。 4. 在项目根目录下创建一个名为 `.github/workflows` 的文件夹,并在其中创建一个名为 `deploy.yml` 的文件。此文件将自动部署项目到服务器。 5. 在 `deploy.yml` 文件中添加以下代码: ```yaml name: Deploy on: push: branches: - main jobs: deploy: runs-on: ubuntu-latest steps: - name: Checkout code uses: actions/checkout@v2 - name: Setup Python uses: actions/setup-python@v2 with: python-version: '3.x' - name: Install dependencies run: pip install -r requirements.txt - name: Build static files run: | export FLASK_APP=app.py flask build - name: Build Docker image run: | docker-compose build - name: Push Docker image to registry uses: docker/build-push-action@v2 with: context: . push: true tags: user/app:${{ github.sha }} env: DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }} DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }} - name: Deploy to server uses: appleboy/ssh-action@master with: host: ${{ secrets.HOST }} username: ${{ secrets.USERNAME }} key: ${{ secrets.KEY }} port: ${{ secrets.PORT }} script: | docker-compose pull docker-compose up -d ``` 6. 在项目根目录下创建一个名为 `docker-compose.yml` 的文件,用于定义 Docker 容器。 ```yaml version: '3' services: app: image: user/app:${{ github.sha }} ports: - 80:5000 ``` 7. 在服务器上创建一个名为 `.env` 的文件,并在其中添加以下代码: ```bash FLASK_APP=app.py FLASK_ENV=production SECRET_KEY=<your-secret-key> ``` 8. 在服务器上运行以下命令以启动容器: ```bash docker-compose pull docker-compose up -d ``` GitHub Actions 将自动构建和部署 Docker 容器到服务器上。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值