前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Github Pages 搭建静态网站

Github Pages 搭建静态网站

作者头像
兮动人
发布2021-06-11 11:42:11
1K0
发布2021-06-11 11:42:11
举报
文章被收录于专栏:兮动人的博客

GitHub创建仓库时的名称一定要这样写:用户名.github.io

搭建步骤

1) 创建个人站点 -> 新建仓库(注:仓库名必须是【用户名.github.io】) 2) 在仓库下新建index.html的文件即可

  • 这个时候访问:yunxdr.github.io ,显示的是 README.md 的内容
  • 创建文件index.html,写入HTML语言

再次访问:yunxdr.github.io

注意 1、github pages 仅支持静态网页 2、仓库里面是.html文件 3、个人主页也可以设置主题

Project Pages 项目站点

访问 https://用户名.github.io/仓库名

原理 github pages 用于构建和发布

搭建步骤 首先创建一个空的仓库,名称为 test ,settings里GitHub Pages 里选择 mater branch ,接着 选择主题

随便选择一个主题后 ,点击 select theme

接着机会来到主题页面的HTML页面,在这里修改成自己想到的页面即可。

修改完成后,来到GitHub Pages,可以看到访问的网址

其实这里就是给生成的空白的GitHub pages 套了一个主题而已,都是用HTML语言写的。

Github可以托管各种git库,并提供一个web界面(用户名.github.io/仓库名)
  • 当访问自己GitHub上仓库里的其他项目的静态页面时或者其他人的仓库项目时先 fork 到自己的仓库下
  • 在settings里,GitHub Pages选择 master branch 主分支
  • 这时就会出现一个访问静态页面的网址,直接在线访问即可。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/11/25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 搭建步骤
    • Project Pages 项目站点
      • Github可以托管各种git库,并提供一个web界面(用户名.github.io/仓库名)
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档