将项目部署到Github

1.先注册Github账号

2.下载安装Git,可以自行百度安装。链接:Git - Downloads

3.登录到Github上,新建一个repository,随意命名为 olympic ,勾选 initialize this repository with: Add a README file,点击create repository。

4.create repository完成后,打开settings,在Pages里面有一个Github Pages 的设置,点击 source 改成 main,然后点击 save。(自2020年10月1日起,在GitHub平台上创建的所有源代码存储库都将默认命名为 main ,而非原本的 master,可能有些老的资源还是交你使用master,实际已经更新查询不到对应的了 ,如果要用master,可用命令切换 git branch -m master )

5.保存完页面刷新后,再看 github pages 设置框处,多了一行网址,就是你 github pages 的网址。

6.打开此电脑,选择一个硬盘,建一个文件夹,然后在文件下右键空白处点击 git bash here(必须是安装好了 git,设置了右键访问才会有)。

7.需要确保是在刚创建的文件夹下右键,此时就会直接进到该文件夹目录下,然后输入如下命令(注意克隆地址格式为:https://github.com/用户名/项目名.git)

报错 : fatal: unable to access 'https://github.com/xxxxx.git/'

如果出现上面报错的话,将命令中的 https 改为 git 即可的。 

 这个时候你的磁盘里面就会多一个 olympic 文件。

8.将自己的网页文件复制粘贴到该文件中

9.执行如下命令

git status

git add .

git commit -m "modify"

可能到这一步的时候会提示输入账号密码的,按着提示执行命令校验即可。

 git pull

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

不过有时候会出现报错:

 fatal: remote error:
  You can't push to git://github.com/xxx
  Use https://github.com/xxx

 按提示输入

git push --set-upstream origin main

依旧不行,还报了fatal: Could not read from remote repository.

这是因为你的github缺少了公钥。那如何配置公钥呢?

具体操作按下面文章配置:

github报错:git@github.com: Permission denied (publickey).fatal: Could not read from remote repository_waitle500的博客-CSDN博客

操作完上面的步骤之后,如果发现还是报错,找不到仓库

删了git重新添加就好,如下操作,最后重新 git push 就好。

1)先删除远程 Git 仓库

$ git remote rm origin

2)再添加远程 Git 仓库

$ git remote add origin git@github.com:用户名/仓库名

 

 

 

10.到这里已经部署完成,输入地址查看

可以将 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 容器到服务器上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

几行代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值