【Github搭建网站】零基础零成本搭建个人Web网站~

这篇具有很好参考价值的文章主要介绍了【Github搭建网站】零基础零成本搭建个人Web网站~。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Github网站:https://github.com/
这是我个人搭建的网站:https://xf2001.github.io/xf/
大家可以搭建完后发评论区看看!!!

 文章来源地址https://www.toymoban.com/news/detail-807562.html

搭建教程:https://www.bilibili.com/video/BV1xc41147Vb/?spm_id_from=333.999.0.0&vd_source=98bce7df38ecc1f989aee3edccd2f24e

 

目录

第一步:创建一个新的仓库

第二步:上传网站文件

第三部:启用GitHub Pages

第四步:等待生效


 

第一步:创建一个新的仓库

  • 登录到你的GitHub账户。
  • 在仪表板页面,点击右上角的 "+" 按钮,选择 "New repository"。
  • 给仓库命名为<你的用户名>.github.io(注意:仓库名必须是你的GitHub用户名加上.github.io)。
  • 添加一个简短的描述(可选),选择仓库的其他设置,然后点击 "Create repository"。

 

【Github搭建网站】零基础零成本搭建个人Web网站~,github,前端,web

 

第二步:上传网站文件

  • 在新创建的仓库页面中,点击 "Add file",选择 "Upload files"。
  • 或者在自己电脑上新建一个html文件上传。
  • 将你的网站文件(HTML、CSS、JavaScript等)拖放到这个区域,然后点击 "Commit changes"。

 

【Github搭建网站】零基础零成本搭建个人Web网站~,github,前端,web

 

 

【Github搭建网站】零基础零成本搭建个人Web网站~,github,前端,web

 

第三部:启用GitHub Pages

  • 在仓库页面,点击上方的 "Settings" 选项卡。
  • 向下滚动到 "GitHub Pages" 部分。
  • 在 "Source" 下拉菜单中选择 "main branch"(或者选择你用于存储网站文件的分支)。
  • GitHub Pages将会自动为你的仓库启用,并提供一个链接,显示你的网站的URL。

 

 

【Github搭建网站】零基础零成本搭建个人Web网站~,github,前端,web

 

第四步:等待生效

  • GitHub Pages可能需要一点时间来构建和发布你的网站。等待几分钟,然后访问提供的链接查看你的个人网站。

 

【Github搭建网站】零基础零成本搭建个人Web网站~,github,前端,web

 

【Github搭建网站】零基础零成本搭建个人Web网站~,github,前端,web

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

到了这里,关于【Github搭建网站】零基础零成本搭建个人Web网站~的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Hexo+GitHub搭建个人网站简要流程及遇到的问题

    刚刚搭建好的,有兴趣的朋友可以看一下 B_White的博客 git的安装和配置没什么特别的。 在GitHub中新建一个仓库,命名方式是: “username.github.io” ,其中username是你的GitHub用户名,这个仓库的名字就是以后你的博客地址。 按照官方的参考文档安装即可,没有出现错误。 Hexo安

    2024年02月01日
    浏览(44)
  • 0成本部署github前端项目流程

    对业内来说应该是一个比较常规的操作,对于新手来说进行过一次应该就很难忘记了,但很多人仍然是不会的,认为部署项目很难,很专业,其实现在由于这些厂商的努力,大众(没有任何计算机基础)想要部署也是非常容易的 首先我们要将项目fork到我们的本地,这一步可

    2024年02月20日
    浏览(37)
  • 怎么样零代码零成本搭建个人网站?

    为了避免有标题党的嫌疑,这里先做申明。 标题中说的 零代码 指的是借助 VuePress 通过简单配置,帮助我们生成静态网站。 零成本 指的是借助 GitHub Pages 或者 Gitee Pages 部署 VuePress 生成的静态网站。让互联网上的小伙伴访问到我们的个人网站。 这些都不需要我们写一行代码

    2024年04月22日
    浏览(38)
  • hexo + github 创建个人博客网站

    nodejs 和 npm git hexo 是一个静态博客生成网站,可以快速制作自己的博客网站并部署 安装hexo npm install hexo-cli -g 创建项目 hexo init 本地预览 hexo s 新建仓库 创建一个名为[用户名].github.io的仓库 下载自动部署插件 npm install hexo-deployer-git --save 修改hexo的配置文件 _config.yml 在deplay中添

    2024年02月05日
    浏览(70)
  • 基于github制作个人学术网站(主页)

    首先找到一个学术模板,fork到远程仓库。academicpages,如果不是很清楚具体的步骤,可以参考保姆级教程。在github上对该网站代码修改不是很方便,肯定是在本地进行更新后push到远程仓库。 学会下载和安装就行,一路默认,可以先学习一下Git相关的原理及基础操作,可以参考

    2024年02月15日
    浏览(54)
  • 利用Github实现(多个)个人网站

    创建仓库 命名一定要是 username.github.io 这种形式username就是自己github账号的用户名。因为我已经有这个仓库,所以这里的报错可以忽略。 往仓库放入静态html文件 命名为 index.html ,随便放点内容。 在设置里面开启github page 这里可以选择分支和默认访问的文件夹 访问 每次更新

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

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

    2024年02月11日
    浏览(40)
  • github.io创建个人网站

    github.io介绍 github.io 是 GitHub 提供的免费 Pages服务,不需要购买云服务器和域名,就可以将自己的项目、博客在互联网上进行共享。 使用步骤 新建仓库 创建一个新的仓库,仓库名设置为如下格式:账户名 .github.io 添加文件 创建后,提示你导入项目,或者创建文件。

    2024年02月09日
    浏览(44)
  • 免费搭建个人博客:零成本实现网站发布,无需域名和服务器

    估计每个开发者想拥有属于自己的个性化博客网站,但却担心域名和服务器费用 还有那些头痛的服务器费配置,现在我们可以可以在几分钟内拥有的博客网站,并且无需支付任何域名和服务器费用 本文推荐的建站方案核心就是:hugo  Hugo,一个快速、简单且功能强大的静态网站生

    2024年04月26日
    浏览(46)
  • 使用VitePress创建个人网站并部署到GitHub

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

    2024年02月08日
    浏览(59)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包