美文网首页
2019-01-22 GitHub Pages使用指南

2019-01-22 GitHub Pages使用指南

作者: KingAmo | 来源:发表于2019-01-22 19:54 被阅读0次

什么是GitHub Pages

GitHub的仓库可以使用免费的GitHub Pages功能发布仓库中的web项目。

如何开启GitHub Pages

  • 新建一个空仓库时(免费github用户必须选择public仓库才能使用github pages功能),勾选了Initialize this repository with a README

  • 在项目的Settings 标签下找到 GitHub Pages,选择Master分支,点击save后,会给你一个地址,你就成功开启了GitHub Pages功能了

  • 等github给你构建完(一两分钟),会在页面生成一个地址,通过这个地址,就能在任何地方通过浏览器访问你的README.md文件的内容了。

  • GitHub Pages中还有个Theme Chooser的功能,你可以选择一个主题,github会利用Jekyll自动配置这个主题对应的网页模板,作为你的GitHub Pages的主页,并且README.md中的内容会被填充到网页模板之中

  • 如果你在仓库根目录新增一个index.html文件,commit后,github就会自动选择index.html(而不是README.md或者你选择的网页模板)作为你的GitHub Pages 的页面了。

  • 如果这个仓库的名字采用的是username.github.io的形式(username是你的GitHub用户名),那么这个项目的GitHub pages的地址就是 https://username.github.io
    如下,可以改名

    image.png

总结

GitHub Pages 配置页面的选择顺序:
项目根目录的index.html > 选择的主题 > README.md文件


React项目搭配GitHub Pages

官方教程

https://github.com/rafgraph/spa-github-pages

https://create-react-app.dev/docs/deployment/#github-pages

相关文章

网友评论

      本文标题:2019-01-22 GitHub Pages使用指南

      本文链接:https://www.haomeiwen.com/subject/rfurjqtx.html