创建个人网页,创建个人网址。【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>
更多推荐
创建个人网页,创建个人网址。
发布评论