Github Pages教程

最新推荐文章于 2024-03-08 22:43:23 发布
最新推荐文章于 2024-03-08 22:43:23 发布
阅读量409 收藏 1
点赞数 1
分类专栏： Web GitHub 文章标签： github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46628481/article/details/115186212
版权

1. 新建仓库

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



2. 新建站点

方法一：创建新文件
在这里插入图片描述


方法二：上传文件
在这里插入图片描述



方法三：以命令行操作或者导入其他库的文件
在这里插入图片描述

例

  1. 添加readme.md文件
    在这里插入图片描述


  1. 克隆到本地库（此处演示以VS克隆）
    在这里插入图片描述
    在这里插入图片描述



  1. 将已经写好的代码复制到本地文件夹
    在这里插入图片描述


  2. 提交并git push
    在这里插入图片描述
    在这里插入图片描述



  1. 上传成功
    在这里插入图片描述



  1. 在Github上配置
    在这里插入图片描述
    在这里插入图片描述

通过该地址即可访问
在这里插入图片描述

我的网站

Baker_Streets
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
2023年最新 Github Pages 使用手册
SiShen654的博客
08-24 6255
GitHub Pages 是一项静态站点托管服务，它直接从 GitHub 上的仓库获取 HTML、CSS 和 JavaScript 文件，（可选）通过构建过程运行文件，然后发布网站。可以在GitHub Pages 示例集合中看到 GitHub Pages 站点的示例。可以有两个方式：仓库内创建 404.md，但是开头需要配置 yml 格式------...仓库内创建 404.html
github pages 用法详解
lancemao的博客
08-24 1万+
详细介绍 github pages 的使用方法，包括基础用法和通过 actions 自动发布
【技术】基于Github Pages搭建个人博客静态网页
EliasChang的博客
03-08 1117
利用Github Pages搭建静态网页
保姆级教程：从零构建GitHub Pages静态网站
阿甘兄
10-20 3127
超详细讲解从零构建Github Pages静态网站
创建Github Pages 仓库
AiENG_07的博客
12-22 2062
在 GitHub 上创建一个 GitHub Pages 仓库是相对简单的。GitHub Pages 允许您将您的代码仓库发布为一个静态网站。如果您使用的是其他分支，确保在 “Settings” -> “Pages” 中正确设置了分支。在您的仓库中，您可以添加一个简单的 HTML 文件，或者将整个网站的代码上传到仓库。如果您使用了分支，确保您的静态网站文件位于该分支的根目录。代码编写(简易编写一个Hello, World!请注意，GitHub Pages 默认使用。
github pages 用法详解 发布自己的网站
李十三的博客
08-08 3122
这里的分支选择、目录选择都是很巧妙的设计。主分支一般是放代码的，不会放 index.html 这样的网页内容。所以一个方案就是通过目录，把网页放到 docs 目录下。pages 发布的时候，会花费点时间，请耐心等待约 1-5 分钟。用任意编辑器写好（或者生成）标准的网页内容，push 到 myrepo 即可。和大部分 web 服务一样，pages 会到指定目录里面寻找 index.html 作为网页入口。
在GitHub Pages上使用Pelican搭建博客的教程
12-24
Pelican 介绍 ...这些特性都是大爱，完全满足我对博客系统的基本需求，再配合免费无限制的GitHub Pages，一切近乎完美了。 安装 Pelican 开始前请自行安装Python环境，支持2.7.X和3.3+，为方便，再顺手装上dis
2024年GitHub新手详细教程.zip
最新发布
03-14
github使用教程【内容概要】 这篇文章为初学者详细介绍了GitHub的基础知识和使用方法。文章内容包括GitHub的注册、创建仓库、克隆仓库、添加文件、创建和合并分支以及解决合并冲突等操作。文章采用通俗易懂的语言，...
Longgererer.github.io:我的技术博客，最近服务器过期了，所以只能使用github pages托管了
05-06
如果你想直接看Github pages + Hexo的使用教程，请跳到 为什么我选择Github pages + Hexo? 回答这个问题之前我要先说一下为什么不选择前面两者 WordPress : WordPress的安装步骤非常简单 使用WordPress建立个人网站...
nextjs-githubpages-example
03-16
您可以通过修改pages/index.js来开始编辑页面。 页面在您编辑文件时自动更新。了解更多要了解有关Next.js的更多信息，请查看以下资源： -了解Next.js功能和API。 交互式Next.js教程。 您可以查看-欢迎您提供反馈和...
【GitHub.io/Github Pages使用教程】从头开始搭建自己的Github Pages，打造个人博客网站，展示个人简历、项目、文档或想要与世界共享的任何其他内容
Xminyang的博客
06-11 4741
【Github Pages使用教程】从头开始搭建自己的Github Pages，打造个人博客网站，展示个人简历、项目、文档或想要与世界共享的任何其他内容 GitHub Pages：Websites for you and your projects. GitHub Pages 允许您将 GitHub 仓库转换为网站，展示您的简历、项目、文档或您想要与世界共享的任何其他内容。这里有创建github.io的教程，会使用git命令来上传文件至GitHub仓库，相对较为复杂些。......
github pages部署静态网页
Json_wangqiang的博客
05-24 2468
github pages部署静态网页 如果你的项目只是一个静态网站，就没有必要再去整什么服务器，github pages 提供了搭建静态网站的功能； 为什么使用Github Pages 1. 搭建简单而且免费； 2. 支持静态脚本； 3. 可以绑定你的域名； 4. DIY自由发挥，动手实践一些有意思的东西git,markdown,bootstrap,jekyll； 5. 理想写博环境...
github pages gitee pages 配置教程、更新教程（亲测有效），gitee pages 访问界面为空白，样式和js文件404问题解决（亲测有效）
mrliucx的博客
07-02 8748
github pages配置教程、github部署vue打包项目通过：https://用户名.github.io/项目名 进行访问、并更新dist里面的文件到github即更新链接（亲测有效）
使用 github pages, 快速部署你的静态网页
weixin_34129696的博客
06-25 2965
使用 github pages, 快速部署你的静态网页 Github Pages 官网 Github Pages: Websites for you and your projects. Hosted directly from your GitHub repository. Just edit, push, and your changes are live. 前言 在日常工作中, 我们经常...
在GitHub上搭建个人主页
热门推荐
zxhohai的博客
12-18 6万+
最近因为项目组统一要求，在GitHub上搭建了一个个人主页，也就是个人简历页面。过程中遇到了一些问题，特记录下来与大家分享。 首先大家需要在GitHub上注册一个账号，注册账号过程就不在此赘述了，注册好账号后并登入将进入如下页面： 选择“Start a project”或者“New repository”创建一个新的仓库，输入Repository name，其格式是“username。git...
“极简”创建 github page 并设置域名
v1coder的博客
06-03 2386
不用写一行代码。 最简单最详细的，创建 github page 并设置域名，没有多余的步骤，并且多图，对新手特别友好。
github pages 如何使用_了解 Github，如何高效使用 github 正确打开方式
weixin_39647458的博客
11-20 320
【Github 是什么？】一个面向开源及私有软件项目的托管平台对程序员来说，GitHub 是程序员开源精神之所系对于新手来说，GitHub 也许还是一片宝藏，拥有非常多的资源打开Github官网，右边可以注册账户信息如果单纯查看 GitHub 上的项目无需注册账号，只要键入地址即可访问和下载资源注册上方是搜索栏，搜索 如：python教学搜索结果有很多优秀的开源项目还能看到每个都有不同的收藏量右边...
github pages 如何使用_使用 GitHub Pages 免费搭建博客
weixin_39579468的博客
11-23 481
介绍GitHub 是我们程序员以码会友的地方。多的不说了。不知道 GitHub 的同学不是本篇目标读者。：）GitHub Pages 让你的网站直接托管在 GitHub 的服务器上，不用付一毛钱。更新维护网站内容很简单，就简单的 git commit + git push 即可，因为 GitHub Pages 就是 GitHub 上的一个 Git 代码仓库。GitHub Pages 原理每个人的 ...
GitHub Pages
08-22
- *1* *2* [【GitHub.io/Github Pages使用教程】从头开始搭建自己的Github Pages，打造个人博客网站，展示个人简历、...](https://blog.csdn.net/Xminyang/article/details/125239381)[target="_blank" data-report-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Baker_Streets

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

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

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

打赏作者

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

抵扣说明：

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

余额充值