IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Github Pages 快速搭建个人网站教程 -> 正文阅读

[开发工具]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,喜欢的可以点个收藏和关注,我们下次再见!

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-04-26 11:58:27  更:2022-04-26 11:59:51 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 2:27:29-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码