如何在Github上免费部署网站

这篇具有很好参考价值的文章主要介绍了如何在Github上免费部署网站。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

背景

部署网站需要服务器,但是如果你只是部署静态网站就可以蹭Github上的免费服务器。因为发现现在的过程和目前其它博客上的推文有差别,所以自己更新一篇。

一、新建仓库(github账号的需要注册)

1.点击右上角图像旁边 + 号,选择“新建仓库”
如何在Github上免费部署网站
2.输入名称创建即可,如果你想让别人看到,必须选Public。
如何在Github上免费部署网站
3.创建成功页面,会给你两种方法的git指令教程-git常用基本命令,但是如果你按部就班操作的话会出现问题,缺少git指令中add命令将内容添加到电脑缓冲区中。我在下面展示一种最简单的方法。
如何在Github上免费部署网站

二、下载仓库

4.有两种协议可以将当前仓库中的内容下载到本地,先选择一种并复制链接。
如何在Github上免费部署网站
5.选择电脑的一个位置(不重要,作为中转站,整完就删了)。右击鼠标右键选择Git Bash Here。没有就是没有Git-下载Git方法
如何在Github上免费部署网站
6.在其中输入下面代码,链接是你自己复制的链接。
如何在Github上免费部署网站

//将仓库中的内容下载至本地
git clone https://………………………………………….git

7.下载完后,会多出一个以你仓库名命名的文件夹
如何在Github上免费部署网站

三、将内容上传到远程仓库里

8.将你需要部署的静态网页复制到下载下的文件夹中
然后继续输入下面命令。输入命令的过程中会提示输入gittee账号和密码,输入对应的密码即可。

//初始化
git init

//进入仓库下
cd 仓库名

//将文件添加到缓存中
git add --all

//将缓存区的内容添加到仓库中
git commit -m "第一次提交"

//修改默认分支
git branch -M main

//使用“git remote add origin”指令,可以轻松地将本地项目连接到远程Git仓库
git remote add origin git@github.com:zs1040144820/RuoYi-master.git

//将提交的内容push到远程仓库中,注意现在是分支是mian不是master
git push -u origin main

9.完成后,我们的内容就上传到了gittee仓库中,刷新一下。
如何在Github上免费部署网站

四、启动Page服务

10.与之前在服务中选择gittee Page不同,现在找不到服务。选择Setting中page
如何在Github上免费部署网站
11.在Branch中选择main,然后点击save。
然后会出现部署好的网址名称。点击网址名称即可观看。
如何在Github上免费部署网站文章来源地址https://www.toymoban.com/news/detail-469179.html

到了这里,关于如何在Github上免费部署网站的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue - - - vuepress文档网站部署github

    安装nodejs: https://nodejs.org/en/, 版本不能太高(= 8.6即可) 安装git: https://git-scm.com/ vuepress官网: https://www.vuepress.cn/ 第3步需要等待下载依赖. 1~3步完整命令: 进行第4步: 创建 docs 文件夹, 在 docs 文件夹中创建 README.md 文件. 进行第5步: 编辑package.json文件 第6步本地启动服务器 访问loc

    2024年02月07日
    浏览(39)
  • 基于vuepress快速实现个人博客-github免费部署

    本人代码仓库:https://github.com/Lihua-cpu/BlockPage 个人博客地址:https://lihua-cpu.github.io/BlockPage/ pc展示效果 app展示效果 快速开始同 VuePress 官网: npx npm yarn 官方部署 部署gitee、github是可以的,但是gitee部署需要实名认证,github则不需要. 官网:https://vuepress.vuejs.org/zh/guide/deploy.html#github-p

    2024年02月04日
    浏览(42)
  • 使用VuePress生成静态网站并部署到github

    VuePress是一个基于Vue驱动的静态网站生成器 相关资料 文档:https://v1.vuepress.vuejs.org/zh/ github: https://github.com/vuejs/vuepress vuepress-deploy: https://github.com/jenkey2011/vuepress-deploy/ 安装 目录结构 依赖配置 package.json 站点配置config.js 启动 使用markdown语法书写博客文章 自动部署 vuepress-deplo

    2024年02月11日
    浏览(49)
  • 使用VitePress创建个人网站并部署到GitHub

    网站在线预览 参考文档: VitePress 克隆远程仓库到本地 进入 front-end-notes/ 目录,添加 README.md 并建立分支跟踪 推荐使用 pnpm : 安装 vitepress : 使用脚手架初始化文档项目 启动项目,查看网站 初始化 package.json 文件,填写相关信息 完整 package.json 文件如下: 首页配置参考文档

    2024年02月08日
    浏览(60)
  • 使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub

    Vue3+TS+Vite开发组件库并发布到npm 网站在线预览 参考文档: VitePress 推荐使用 pnpm,安装pnpm: npm install -g pnpm 安装vitepress: pnpm add vitepress -D or yarn add vitepress -D 在 script 中添加文档网站启动和打包指令,启动时指定端口 8000,并自动打开 完整 package.json 文件如下: 创建 docs/ 目录

    2024年02月09日
    浏览(60)
  • 通过 Github workflows CI/CD 自动化部署 Github Pages hugo 免费博客

    文章博客地址:https://blog.taoluyuan.com/posts/github-workflows/ GitHub Actions 介绍 GitHub 文档:https://docs.github.com/zh/actions/learn-github-actions/understanding-github-actions 官方介绍: GitHub Actions 是一种持续集成和持续交付 (CI/CD) 平台,可用于自动执行生成、测试和部署管道。 您可以创建工作流程来

    2024年02月07日
    浏览(56)
  • 【教程】使用vuepress构建静态文档网站,并部署到github上

    快速上手 | VuePress (vuejs.org) 我们跟着官网的教程先构建一个demo 这里我把 vuepress-starter 这个项目名称换成了 howtolive 创建并进入一个新目录 使用你喜欢的包管理器进行初始化 这里的问题可以一路回车 将 VuePress 安装为本地依赖 我们已经不再推荐全局安装 VuePress 注意:如果你的

    2024年02月05日
    浏览(51)
  • 免费快速部署ChatGPT线上聊天网页:ChatGPT API + Github + Railway

    (1)需要自己生成的 openai api ,获取API的网站:openAI API 获取方式:OpenAI的API key获取方法 (2)本次使用该参考项目进行部署:chatweb 需要将该项目 fork 到自己的仓库里 (3)将上述项目在Railway上部署:railway 进入后,使用github账号登录并与之关联 使用 Deploy from GitHub repo 创建

    2024年02月06日
    浏览(53)
  • 免费AI写作网站,如何一键生成文章?

    写作本不是一件轻松的事情,无论是写文章也好,还是写文案也罢,长期的写作总会出现无灵感可写的困境,所以免费AI写作网站就成了大家的智能创作助手了,许多的写作人员都想找到一个靠谱的免费AI写作网站帮助自己写作文章,可是面对信息量极为丰富的网络,我们想找

    2024年02月16日
    浏览(58)
  • 如何利用GitHub发布个人网站

    进入github,点击Create repository创建一个仓库 建立自己的仓库 点击uploading an existing file上传一个已有文件,或将文件拖动进入 点击commit changes上传 点击settings 选择左侧pages菜单,source中选择分支选择main,点击save 刷新一下将出现你的静态访问地址(需要等待几分钟)

    2024年02月11日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包