GitHub.io 使用教程

作者: Jack陳 | 来源:发表于2021-01-19 17:03 被阅读0次

什么是GitHub.io
GitHub.io 就是GitPage,GitPage 是一个用于展示你的项目和项目网站的托管工具。
简言之我们可以把项目介绍,主页等放到GitHub.io上。

我们能在GitHub.io上做什么

GitHub.io可以存放 .html 文件来展示网页,可用于项目主页也可以搭建个人博客。
例如 Hello World
GitHub.io也可以作为你自己的图床,上传一张图片到仓库,并生成一个远程链接。
例如 测试图片

如何使用GitHub.io

1.首先我们需要拥有一个 GitHub 账号;
2.登录我们的GitHub账号进入主页;
3.选择创建项目;

image
4.创建一个仓库,仓库名必须以 username.github.io 命名;
image
5.Clone 你的仓库到本地;
git clone https://github.com/username/username.github.io

6.创建主页;

cd username.github.io

echo "Hello World" > index.html
image

7.上传仓库;

git add --all

git commit -m "Initial commit"

git push -u origin main
image
8.打开你自己的主页,在浏览器中输入;
https://username.github.io
image
9.同理GitHub.io也可以用作图床,在项目中创建好图片文件夹,并放入一张图片;
image
10.在浏览器中输入对应的链接就OK啦。
https://notlovelychild.github.io/imgs/test.jpg
image

相关文章

  • GitHub.io 使用教程

    什么是GitHub.ioGitHub.io 就是GitPage,GitPage 是一个用于展示你的项目和项目网站的...

  • github.io实例教程

    本教程是极简教程,目的在于用最少的时间、配置最少的环境,使用到 github.io。 参考这篇文章到创建好仓库并且...

  • Github pages Hexo博客访问量统计

    之前使用Hexo搭建了自己的github.io博客https://littlefogcat.github.io/。...

  • Xshell和putty使用教程

    Xshell和putty使用教程 Xshell使用教程 putty使用教程 Xshell使用教程 Xshell个人...

  • 样式规范 - css

    点此查看文档英文版(pdf,GitHub.io) 一般格式规则 字母大小写 仅使用小写。 所有代码均使用小写,该规...

  • hexo搭建github个人博客

    建立自己的github.io 建立自己的github.io,这个跟创建普通的github仓库一样,只是仓库的名字叫...

  • Joomla 3.4.4-3.6.3 Account Creat

    链接 在github.io上写博客好酷

  • 使用HTTPS让你的GitHub Pages站点更安全

    你可以强制HTTPS为访问你的站点增加一个安全层,如果你的站点使用了github.io 域名的话。 HTTPS 启...

  • Github

    Github使用教程一Github使用教程二Github使用教程三 Git常用命令Git之使用GitHub搭建远程仓库

  • gulp 使用教程

    【gulp 使用教程】 【gulp 使用教程】一、温馨提示1.1 使用此教程前需自身已经熟悉 node 以及 np...

网友评论

    本文标题:GitHub.io 使用教程

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