github怎么搭建网页(如何在github上托管静态网页)

本文目录
如何在github上托管静态网页
创建一个项目,命名比较特殊,格式:在Github注册的用户名.github.com
在这个项目下点击Setting
再点击Automatic page generator
最后点击public page,第一阶段大功告成。以下是成功提示。
Your user page has been created a
怎样自己建立网页
如果有一个github账号,可以使用githubpage作为自己的网站,比如发布一些博客或者文章什么的,同时还支持绑定域名。
如果有自己的服务器,比如阿里云或者腾讯云,可以自己基于Hexo这种搭建一套网站,具体的搭建步骤网上教程很多,可以直接搜索下~
如何通过GitHub免费搭建在线网页
拥有下列条件才能使用此方法:
(此项内部问题请自行度娘)
1.你需要拥有一个GitHub账号;
2.你需要安装git程序;
3.你需要掌握基本的电脑以及网页相关知识;
下面只是简略列出快速搭建网页的步骤(该步骤为windows系统下方法)
(重要)建立项目主页步骤:
1.打开How people build software · GitHub (官网),登录;
2.点击右上角“+”,新建一个repository(仓库);
??? a.填写"repository name"仓库名(必需)和"Description"描述(可选);
??? b.类型默认选择为public.(此处无需更改,private为私人类型需要花钱购买该项服务);
??? c.勾选项"Intialize this repository with a Readme"为初始化(可选);
??? d.点击"Create repository"按钮;
3.创建用于页面展示的gh-pages分支;
??? a.点击"settings";
??? b.在options下右侧显示内容拉至下部找到GitHub Pages栏;
??? c.点击"Automatic page generator"按钮跳转到页面;
??? d.在接下来的操作中基本都不用管,一路点绿色按钮直到点击"publish page"按钮结束;
??? e.此时已创建完用于展示的默认页面;
4.克隆仓库到本地并在本地将你需要展示的内容文件上传到gh-pages分支;
??? a.在你本地用来安放仓库的目录下右键选择"git ba)
最后补充你可能需要的链接地址
下载git,请点击官方地址官方下载地址(请选择对应的版本)?;
如需了解更多有关git的相关知识请点击Pro Git 简体中文版?
此处内容有必要了解一下(选修)
该处的内容摘要自:单个GitHub帐号下添加多个GitHub Pages的相关问题 - 我很好奇 - SegmentFault
1.个人主页必须要和用户的GitHub帐号同名,所以每个用户有且只能有一个repo作为个人主页,且必须是《用户名/用户名.github.io》 的形式;而项目主页的命名则没有这种限制,且数量有任意多个;
2.不考虑绑定的自定义域名的前提下,个人主页的GitHub二级域名为《用户名.github.io》 ;项目主页的GitHub二级域名为《用户名.github.io/项目名》,没有《项目名.用户名.github.io》 这种方式;
3.个人主页的展示内容以 master 分支里的文件为准;而项目主页的展示内容以 gh-pages 分支内的文件为准;
如何创建github.io页面
github pages有两类:
你如果起个名为chendell.github.io的repository, 那么他的master分支上的文件就能在chendell.github.io的根目录访问到。
而如果是其他的repositories,比如这个repository名字叫node,那么建一个gh-pages分支,该分支下的文件就能在chendell.github.io/node/下访问到。
1. 门槛:需要理解 Github 的工作方式,熟悉 Github 客户端,熟悉 Html 与 CSS;
2. 不妨一边开始写静态模板,一边了解 Jekyll 布局所用到的 Liquid Tag,磨刀不误砍柴工;
3. Jekyll 博客,可以看作是一套文件结构,通过 Jekyll 程序编译成静态网站。如果不熟悉命令,完全可以不安装 Jekyll,只需按照要求的格式创建文件后再上传到 Github,然后访问主页就可以了,因为 Github Pages 便是由 Jekyll 驱动的,或者直接使用 Jekyll-Bootstrap 的结构;
4. Jekyll 的文件结构大概可以这样分:配置文件 _config.yml,布局文件 _layouts,模块文件 _includes,插件 _plugin,文章 _posts,其他文件(不以下划线开头的文件及文件夹都会完整的拷贝到生成的静态网站中,比如 CSS 文件、图片等),以及将会生成的静态站 _site;
5. Jekyll 命令很简单,先使用 cd 命令进入目标文件夹,然后输入 jekyll --server 生成网站,浏览器中输入 0.0.0.0:4000 访问生成的静态网站,jekyll --server --auto 命令将开启实时更新,修改文件后在浏览器中刷新就可看到效果,对本地调试很有帮助;
6. Github Pages 禁用所有插件,需要使用自定义插件,只能上传生成的网站文件 _site,或者试试 这个办法 ;
7. 想写草稿不想被编译?创建一个以下划线开头文件夹就会被忽略,例如在 _posts 下创建 _drafts 存储草稿;
8. 默认的 Markdown 引擎问题很多,建议替换成 RDiscount。

本文相关文章:
静态网页制作教程视频(谁知道哪有学习制作静态网页的视频教程啊,)
2026年5月13日 18:18
无代码制作网页(有没有会用dreamweaver制作静态网页的,不用代码,就一个模板就行了求大神帮忙,主题舌尖上)
2026年4月24日 15:26
简单静态网页模板css(求个用html制作的一个静态网页,要源码的那种,精彩一点的,加进去CSS的,谢谢啦)
2026年4月18日 03:58
更多文章:
哪个兄弟给个地址呀(哪位兄弟能给个骑马与砍杀中国战场的下载地址啊)
2026年4月19日 06:28
西宁到青海湖包车多少钱(从西宁去青海湖,如果包车需要多少钱)
2026年5月14日 19:17
手机简历app制作软件免费(有没有能制作个人简历的手机app)
2026年5月4日 10:40
















