创建个人网页,创建个人网址。【Gitee】

提示:本文章主要讲解Gitee上创建简单网页为主。

抛开内容,当然大家最想要看到的还是最终的结果,学完此文章,您将:

1.拥有属于自己的网址
2.通过访问网址得到自己设计好的网页
3.运用或了解前端代码

注:想要查看实际效果可访问作者网页进行参考:
https://trainee-gitee.gitee.io/trainee

下面进入正文,往下翻

文章目录

  • 创建个人网页,创建个人网址。【Gitee】
        • 抛开内容,当然大家最想要看到的还是最终的结果,学完此文章,您将:
      • 下面进入正文,往下翻
  • 一、Gitee账号
  • 二、创建库
      • 1.新建仓库
      • 2.管理
  • 三、开通Pages服务
      • 1.Gitee Pages
      • 2.申请
  • 四、设计网页
      • 1.添加文件 index.html
      • 2.编写代码
  • 五、部署,发布
      • 1.更新服务
      • 2.访问网页
  • 结语



一、Gitee账号

已有Gitee的可自行跳过本节。
因为本文章以讲解在Gitee创建网页,所以在此之前你要有一个 Gitee账号,
Gitee账号可自行申请注册(申请网址:https://gitee/)。

二、创建库

1.新建仓库

仓库名称自定义(作者在这里定义为study。库名作为你以后网址链接的一部分),选中设计模板,选中Readme文件(也可选其它的),点击创建(如下图)

2.管理

(1)创建成功后会自动跳转到该页面,点击管理

(2)更改信息,下拉更改信息,选中承诺,可设为开源,点击保存

三、开通Pages服务

1.Gitee Pages

点击服务,找到Gitee Pages,点击
注:此目的是为了申请开通Pages服务,说白了就是先申请一个你自己或别人访问网页的链接,https://xxx这样的

2.申请

填写个人信息,填写完提交后等待申请通过。通过后就拥有一个属于自己的网址了!
提示:这一块真实填写,保密很安全,个人信息不必担心泄露
注:一般申请通过要等几个工作日,你懂得

四、设计网页

1.添加文件 index.html

开通后进入项目,点击新建文件,添加文件 index.html (注意名称是index.html哦!)
注:这里作者建议先创建一个文件夹,然后在文件夹里再创建index.html,因为后期使用开发工具设计网页会比较简单

2.编写代码

设计网页,添加网页内容并提交
注:不建议在网页里直接写代码,可以使用开发工具,后git提交到Gitee进行更新网页

五、部署,发布

1.更新服务

先择服务–Gitee Pages,分支选master(作者因为创建了一个文件夹,所以目录上填写了内容),点击更新,进行部署

2.访问网页

更新成功后在任意浏览器访问上述网址链接,查看自己设计的网页



结语

最后欢迎大家关注作者微信公众号,更多内容等你发现
公众号:TraineeWeChatOA
公众号昵称:Hello编程者

注:Gitee社区中有许多开源的网页设计源码,可参考使用




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人网页创建</title>
</head>
<body>
    <br>
    <br>
    <br>
    <br>
    <h1 style="margin-left: 100px;">我创建的个人网页!</h1>
</body>
</html>

更多推荐

创建个人网页,创建个人网址。