2022 如何在 GitHub 上搭建个人网站(github.io)

这篇具有很好参考价值的文章主要介绍了2022 如何在 GitHub 上搭建个人网站(github.io)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

目前,想要搭建自己的项目演示,又想要免费的服务,这时就可以使用 GitHub 提供的免费Pages服务:github.io。

前置:有GitHub账号,熟练使用git版本管理。

成果展示

步骤

第一步:新建仓库

在GitHub上,创建一个新的仓库,仓库名设置为如下格式:账户名.github.io

2022 如何在 GitHub 上搭建个人网站(github.io)

第二步:添加文件

创建后,这里为了简化操作,直接选择创建文件:
2022 如何在 GitHub 上搭建个人网站(github.io)

接下来输入文件名:index.html,并在里面写一点内容:比如一句话。

然后拉到下面直接提交即可:

当然你也可以用git方法来实现:

git clone https://github.com/username/username.github.io
cd username.github.io
echo "test" > index.html
git add --all
git commit -m "Initial commit"
git push -u origin main
第三步:等待

等待 1 到 5 分钟,在浏览器输入 账户名.github.io,比如我的网址就是https://pangyiming.github.io/,应该就可以显示了。


百度搜到一堆坑文档。很多一开始命名就错,害的我,白辛苦一场。

附上官网教程链接 :https://pages.github.com/文章来源地址https://www.toymoban.com/news/detail-505121.html

到了这里,关于2022 如何在 GitHub 上搭建个人网站(github.io)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • Hexo+GitHub搭建个人网站简要流程及遇到的问题

    刚刚搭建好的,有兴趣的朋友可以看一下 B_White的博客 git的安装和配置没什么特别的。 在GitHub中新建一个仓库,命名方式是: “username.github.io” ,其中username是你的GitHub用户名,这个仓库的名字就是以后你的博客地址。 按照官方的参考文档安装即可,没有出现错误。 Hexo安

    2024年02月01日
    浏览(8)
  • 零基础!手把手教你使用VuePress2 + GitHub Pages免费搭建个人博客网站

    零基础!手把手教你使用VuePress2 + GitHub Pages免费搭建个人博客网站

    目录 介绍 VuePress2 pnpm 搭建 安装 Node.js 安装 pnpm 安装 VuePress step 1:创建文件夹并进入该目录 ​编辑 step 2:初始化项目 step 3:安装VuePress step 4:在 package.json 中修改 scripts step 5:创建目录和配置文件 step 6:将默认的临时目录和缓存目录添加到 .gitignore 文件中 step 7:启动服务

    2024年03月13日
    浏览(13)
  • github.io创建个人网站

    github.io创建个人网站

    github.io介绍 github.io 是 GitHub 提供的免费 Pages服务,不需要购买云服务器和域名,就可以将自己的项目、博客在互联网上进行共享。 使用步骤 新建仓库 创建一个新的仓库,仓库名设置为如下格式:账户名 .github.io 添加文件 创建后,提示你导入项目,或者创建文件。

    2024年02月09日
    浏览(11)
  • 利用Github实现(多个)个人网站

    利用Github实现(多个)个人网站

    创建仓库 命名一定要是 username.github.io 这种形式username就是自己github账号的用户名。因为我已经有这个仓库,所以这里的报错可以忽略。 往仓库放入静态html文件 命名为 index.html ,随便放点内容。 在设置里面开启github page 这里可以选择分支和默认访问的文件夹 访问 每次更新

    2024年02月04日
    浏览(9)
  • hexo + github 创建个人博客网站

    hexo + github 创建个人博客网站

    nodejs 和 npm git hexo 是一个静态博客生成网站,可以快速制作自己的博客网站并部署 安装hexo npm install hexo-cli -g 创建项目 hexo init 本地预览 hexo s 新建仓库 创建一个名为[用户名].github.io的仓库 下载自动部署插件 npm install hexo-deployer-git --save 修改hexo的配置文件 _config.yml 在deplay中添

    2024年02月05日
    浏览(11)
  • 基于github制作个人学术网站(主页)

    基于github制作个人学术网站(主页)

    首先找到一个学术模板,fork到远程仓库。academicpages,如果不是很清楚具体的步骤,可以参考保姆级教程。在github上对该网站代码修改不是很方便,肯定是在本地进行更新后push到远程仓库。 学会下载和安装就行,一路默认,可以先学习一下Git相关的原理及基础操作,可以参考

    2024年02月15日
    浏览(43)
  • 使用VitePress创建个人网站并部署到GitHub

    使用VitePress创建个人网站并部署到GitHub

    网站在线预览 参考文档: VitePress 克隆远程仓库到本地 进入 front-end-notes/ 目录,添加 README.md 并建立分支跟踪 推荐使用 pnpm : 安装 vitepress : 使用脚手架初始化文档项目 启动项目,查看网站 初始化 package.json 文件,填写相关信息 完整 package.json 文件如下: 首页配置参考文档

    2024年02月08日
    浏览(16)
  • 如何从0到1搭建一个个人网站

    如何从0到1搭建一个个人网站

    如何从0到1搭建一个可以外网访问的项目 ? 我就用自己的服务器给大家举例,怎么从0到1搭建一个学生和新手可以用来面试的项目,老手也可以回忆一下自己逝去的青春。 服务器在激活的时候会让你选系统,这个时候敖丙我个人建议, 有点基础 已经 熟悉安装过程和环境配置

    2024年02月02日
    浏览(9)
  • PLEX如何搭建个人局域网的视频网站

    PLEX如何搭建个人局域网的视频网站

    Plex是一款功能非常强大的影音媒体管理系统,最大的优势是多平台支持和界面优美,几乎可以在所有的平台上安装plex服务器和客户端,让你可以随时随地享受存储在家中的电影、照片、音乐,并且可以实现观看记录无缝衔接,手机上看到一半的电影打开电视就可以继续播放

    2024年02月17日
    浏览(16)
  • 2022最新个人发卡网站源码+支持傻瓜式安装/全开源的

    2022最新个人发卡网站源码+支持傻瓜式安装/全开源的

    2022最新个人发卡网站源码+支持傻瓜式安装/全开源的,这发卡网站源码简约大气,看着还是挺不错的。 安装教程: 1.将源码上传至服务器根目录 2.将源码进行解压 3.域名/install安装程序 4.登录后台地址域名/admin 5.后台admin 123456 whgwu.lanzouw.com/ieomn06gt5if

    2024年02月12日
    浏览(124)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包