把自己的静态网页放到网上

 我来答
机器1718
2022-07-20 · TA获得超过6826个赞
知道小有建树答主
回答量:2805
采纳率:99%
帮助的人:159万
展开全部

相信大部分同学此时的进度已经到达HTML/CSS阶段了。这个阶段我们会实现很多的网页,但是它们都只能在我们自己的电脑里查看,你想不想把它放到网络上让别人去看呢?
如果你也想把自己的网站放到网络上,就继续看吧。
可以试 点击这里 打开一个我写的网页( 我的网站使用了一些字体,文件稍微有些大,加载可能会慢一些 )

这一步比较简单,就是在 码云 上注册自己的账号。但是要注意的是,你需要 绑定自己的手机号 ,不然是不能使用 Gitee Pages 服务的,而这个服务是我们将自己的网页放到网络上 最重要的一步

当我们刚登陆码云的时候,大概会看到这样的情况:

这一步需要我们将自己的相关的文件传输上去。
首先点击上图的文件,出现一个新建文件夹的选项,点击,为自己的网页创建文件夹,名字就根据自己的项目随意。

如果你的网页带有目录结构(比如css,imgs等),就先按照每个目录的名字创建好文件夹(步骤同上)之后将其对应的文件夹拖拽进去,就会自动把文件夹下的所有文件自动选择来上传,类似下面的动图。

假如你想把你的html文件夹上传,就先创建一个html的文件夹(在步骤三最开始创建的那个文件夹下创建),然后将你的html文件夹拖拽过去即可。

所有的绝对路径要改为相对路径,因为别人无法直接访问你电脑上的文件,就会导致你的网页将会是不完整的(会缺少诸如css文件,图片等外部资源)。
假如你的html文件和css文件分别在html和css这两个文件夹下,则html中的link标签应该这样写: <link rel="stylesheet" src="../css/xxx.css"> 这就是相对路径的写法,包括图片和其他资源也是同样的写法。

这一步是所有步骤中最重要的一步,也是最后一步,完成后就大功告成了!
首先点击你仓库右上角的“服务”,点开里面的Gitee pages。

之后填写上部署目录的名称点击最下面的按钮,然后稍等一会就OK了!

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式