Github Pages 快速搭建个人网站教程
hello,大家好,我是wangzirui32,今天我们来学习如何使用Github Pages快速搭建个人网站,开始学习吧!
1. 创建存储库
这里有一点必须注意,存储库名称必须为用户名.github.io
。
2. 上传网站文件
在本地,有wangzirui32.github.io
文件夹,目录内容如下:
在此目录打开Git,依次输入如下命令:
git init
git add .
git commit -m "init"
git branch -M main
git remote add origin https://github.com/用户名/用户名.github.io.git
git push -u origin main
如果本地已经提交好Git,只要执行后3条命令就OK了。
注:git push -u origin main
可能会失效,要多试验几次。
在Github上,我们看到刚才上传的网站文件:
3. 创建站点
打开项目主页,找到Settings
:
点击左侧栏下的Pages
,Github Pages就会部署我们的站点,并为其生成域名:
例如,我的域名为https://wangzirui32.github.io,访问结果:
你也可以根据用户名访问自己的站点。
4. index.html
最后贴index.html
的代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Wangzirui32 个人Github博客页面</title><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script><style>html{height: 100%;}body {background-image: url("/bg.png");background-repeat: no-repeat;background-size: 100% 100%;opacity: 0.8;}</style>
</head>
<body><div class="container"><div class="jumbotron"><div class="container"><h1>Wangzirui32 个人网站 <small>Github Pages</small></h1><p>这里是wangzirui32的个人网站,更多信息请往下继续浏览,站点由Github Pages提供!</p></div></div><h3>CSDN专栏文章</h3><ul class="list-group"><li class="list-group-item"><a href="https://blog.csdn.net/wangzirui32/category_10745800.html">Python</a></li><li class="list-group-item"><a href="https://blog.csdn.net/wangzirui32/category_10923311.html">Python网络爬虫</a></li><li class="list-group-item"><a href="https://blog.csdn.net/wangzirui32/category_10769409.html">Python模块介绍使用</a></li><li class="list-group-item"><a href="https://blog.csdn.net/wangzirui32/category_10807102.html">HTML</a></li><li class="list-group-item"><a href="https://blog.csdn.net/wangzirui32/category_11747585.html">Boostarp</a></li><li class="list-group-item"><a href="https://blog.csdn.net/wangzirui32/category_10812072.html">JavaScript</a></li><li class="list-group-item"><a href="https://blog.csdn.net/wangzirui32/category_10926142.html">jQuery</a></li></ul><h3>其他资源</h3><div class="links"><a href="https://github.com/wangzirui32" class="btn btn-primary">Github</a><a href="https://blog.csdn.net/wangzirui32" class="btn btn-danger">CSDN</a><a href="https://gitee.com/wangzirui32" class="btn btn-warning">Gitee</a></div></div>
</body>
</html>
好了,今天的课程就到这里,我是wangzirui32,喜欢的可以点个收藏和关注,我们下次再见!
Github Pages 快速搭建个人网站教程相关推荐
- GitHub Pages 快速搭建个人主页
GitHub Pages 快速搭建个人主页 写在前面:明天就是妹子生日,虽然准备了礼物,但是作为一只程序猿,还是应该做点有创意的东西.毕竟去年还做了个视频(祝大黄的小黄大人生日快乐),今年要是不用点心 ...
- 使用GitHub Pages+Hexo 搭建个人网站详细教程
文章目录 -GitHub Pages和Hexo的介绍 -安装Node.js -安装Git -验证是否安装成功 -点击Git Bash -点击鼠标右键 -安装Hexo -Hexo 初始化配置 -查看网站 ...
- 如何利用GitHub Pages免费搭建个人网站以及绑定自己的域名
拥有自己的个人网站,无可否认是能增加学习Web开发的动力的. 本笔记记录使用GitHub Page,免费搭建个人网站,以及如何链接自己的域名. 写在前面:什么是GitHub Pages 根据官网的定义 ...
- 如何利用GitHub Pages快速构建免费网站?
无需编程,零成本!只需挑选一个主题,经过配置,加入内容即可. 作者 | Stephen Vinouze 译者 | 弯月,责编 | 郭芮 头图 | CSDN 下载自东方IC 出品 | CSDN(ID:C ...
- 使用WordPress快速搭建外贸网站教程
一.下载安装 1.首先前往官方下载wordPress框架,下载地址:Download | WordPress.org 2.把下载好的安装包上传到我们的服务器,解压 3.我使用的搭建环境是宝塔Linux ...
- 用Hostwinds快速搭建Wordpress网站教程
1:进入Hostwinds官网 选择一个套餐,然后点击Order Now. Basic:只能构建一个网站. Advanced:可以构建4个网站. Ultimate:构建网站数量无限制. 2:注册Hos ...
- 快速搭建ThinkPHP框架教程
本文教你如何快速搭建ThinkPHP框架.ThinkPHP 是一款免费开源的,快速.简单的面向对象的轻量级PHP开发框架,遵循Apache2开源协议发布,是为了敏捷 Web 应用开发和简化企业应用开发 ...
- GitHub Pages + Hexo搭建个人博客网站,史上最全教程
文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...
- 使用Hexo在GitHub Pages上搭建部署免费的个人博客网站(上:GitHub搭建)——最详细全面解读教程(没有之一)
标签:Hexo GitHub使用技巧 博客 网站搭建 点击此处,浏览效果更好 版权声明:本文为博主 @残灯飞雪 的原创文章,欢迎转载,传播知识.著作权归作者所有,商业转载请联系作者获得授权,非商业转载 ...
最新文章
- uniapp中分包及分包优化
- linux centos grub grub2 加密、清除
- x20 android7.0性能,vivoX7Plus和vivoX20综合对比评测 看完这些优缺点再做判断
- drf实现常用数据缓存
- Git——Git基本教程
- 支持断线重连、永久watcher、递归操作并且能跨平台(.NET Core)的ZooKeeper异步客户端...
- 网站服务器打开新页面,什么网页适合新窗口打开?哪些网页又适合当前窗口打开?...
- 对象的克隆——原型模式
- Android打电话功能权限报错,从打电话权限报错看Android6.0权限变化
- php框架快速入门,php-laravel4.0框架 简单快速入门
- ubuntu 配置 静态ip
- aix下oracle备份脚本,AIX下oracle的自动备份
- 大数据之HBase 实战微博系统 完整使用 (第六章)
- linux中MIB与MB单位的区别
- 系统分析与设计方法---结构化分析与设计
- AutoCAD如何快速标注零件序号
- 决策树——(一)决策树的思想
- 如何提升会议体验感和氛围感?
- SOUI中心事件的使用实例
- 如何用大数据找女朋友?