如何免费静态部署一个html网页使每个人都可以访问到

已于 2024-07-19 09:31:50 修改
阅读量2.4k 收藏 16
点赞数 10
分类专栏： 环境配置与项目部署 文章标签： html git gitee css node.js
于 2024-01-03 12:20:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_74292291/article/details/135359662
版权
本文介绍了如何利用Hexo工具免费搭建个人博客，并通过Gitee的GiteePages服务进行静态部署。步骤包括安装Git、配置环境、创建Gitee仓库、上传静态文件和启动Pages服务。Gitee实名认证可能需要时间，相比之下GitHub虽无需实名但可能有网络延迟。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

效果展示:

1. 博客 https://leaf-domain.gitee.io

博客搭建教程： hexo免费搭建个人博客

2. 烟花 https://leaf-domain.gitee.io/fireworks

3. test http://leaf-domain.gitee.io/test

配套视频教程:

手把手教你免费部署Html静态界面_哔哩哔哩_bilibili

一，准备工作

  1. 下载git并配置环境变量

    官网下载地址: Git - Downloads

    git的介绍 Git - Git 是什么？

  2. 注册Gitee账号并登录

    Gitee的介绍与使用: Gitee入门教程: 轻松入门Gitee

二，使用Gitee提供的Gitee Pages 服务进行部署

备注：Gitee Pages已下架，请转到Github

  1. 在gitee上创建仓库
    Gitee入门教程

    新建仓库
  2. 将本地文件推送到远程仓库
    Git的使用
  3. 打开Pages服务

    点击启动即可

    启动之后就可以通过以下网址看见你的页面了
    这里是 http://leaf-domain.gitee.io/test
  4. 注意：静态部署的html以index.html为入口

    及这里要有个index.html

备注: Gitee实名认证可能要个几天hh，Github不需要实名但是会有些卡(毕竟是外网)(0^_^0)

轻松上手，小白也能免费部署自己的炫酷静态网站！（如何免费搭建个人网站）
XiaoqiangClub的博客
03-28 681
如何免费搭建个人网站
在腾讯云上部署静态网页
01-07
1、首先要有一个云服务器 我用的腾讯云，不知咋的搞了个免费15天使用。。。 关于如何购买并使用云服务器，请参照此篇腾讯云官方文档 快速配置 Linux 云服务器 2、把本地项目文件传输至腾讯云的Linux 这个可以有很多种方法，我用的比较简单的，在本地Windows操作系统上安装一个叫Xftp的东西，用它和自己的腾讯云服务器连接，然后就是一波粘贴复制完事。。 3、通过Nginx部署静态网站 搭建静态网站，首先需要部署环境。通过 Nginx 部署 HTTP 静态服务 在 CentOS 上，可直接使用 yum 来安装 Nginx yum install nginx -y 安装完成后，使用 ng
免费好用的静态网页托管平台全面对比介绍
Huazzi的博客
11-23 5064
选择合适的静态网页托管平台需要考虑多个因素：项目需求、访问量、预算等。上述5个平台各有特色，建议根据实际需求选择。对于个人项目，GitHub Pages和Netlify是不错的选择；对于团队项目，可以考虑Vercel或Cloudflare Pages；如果需要更多后端服务，Firebase是一个很好的选择。
DeepSeek生成静态Html怎么发布到公网？
最新发布
qxf865618770的博客
04-16 791
通过以上方案，无论是简单的 HTML 页面还是复杂的前端项目，均可快速发布到公网。多数现代托管平台（如 GitHub Pages、Netlify）默认启用 HTTPS，若遇到混合内容错误，需检查资源链接是否为。注册 Vercel 或 Netlify，关联 GitHub/GitLab 仓库。适合需要长期托管、自定义域名或复杂功能（如 CDN、HTTPS）的场景。更新文件后若未生效，尝试清除浏览器缓存或添加版本号（如。上传 HTML 文件或粘贴代码，自动生成在线链接（如。
Gitee如何免费部署静态网站？
weixin_44541136的博客
11-15 4595
如何免费部署个人静态网站？ 1、网页只能本地浏览，想挂在云端进行访问浏览的 2、想入手云服务器，但服务器太贵了，觉得花钱不值得 3、不知道服务器如何使用和搭建的，对于新手小白不太友好 4、想快速部署网页的，简单配置就可以得到想要的 谁说程序员不懂浪漫，逢年过节的时候，制作一些浪漫唯美的网页，然后发给自己喜欢的人，这不就拿捏得妥妥的。 下面就给大家简单介绍一下，如何在码云Gitee 官网-Gitee.com 中部署个人静态网站？使用git提交网站。免费部署的同时，还可以创建多个仓库来部署多个网页.
免费网页部署平台staticpage（下线，公开源码和设计文档）
不染心的博客
05-08 951
（公开源码）本软件是一款功能强大的云服务平台，主要为用户提供网站云部署、云函数部署及云数据库管理等一系列云端应用部署与管理服务。通过集成springboot接口开发、vue前端开发、java编程、mysql数据库管理、docker容器化以及nginx静态资源部署等先进技术，我们致力于为用户提供高效、稳定且安全的云应用解决方案。
Gitee上免费部署静态网站
m0_63823719的博客
02-28 721
Gitee上免费部署静态网站
建站就用这个方法，无需购买服务器10分钟快速部署你的静态网页
m0_60028455的博客
12-16 3069
阿里云云开发平台重磅推出开源应用中心，聚合最热门的开源应用，让你像安装app一样快速上线一个网站。面向新人和持续活跃的开发者用户推出上线激励加油包，最高100元无门槛代金券免费送，现在体验还能够领取年轻人的养生神器，桌面不锈钢保温杯！ 聚合最热门的开源应用 开源应用中心聚合了目前最热门的前端开源应用模版，让大家真正可以做到像安装APP一样来上线一个网站。目前已经支持最热门的前端框架，包括Vue.js、React、Nuxt.js、Next.js、AntDesign等，还有内容管理平台Hexo、Docusaur
【保姆级教程】白嫖 Cloudflare 之 5 分钟搭建个人静态网站
热门推荐
u010522887的专栏
08-18 1万+
利用 Cloudflare Pages 搭建个人静态网站，真香
静态网站免费部署平台介绍
性感的小君君
10-30 2838
GitHub Pages 提供 1GB 的存储空间和 100GB 的带宽。GitLab Pages 提供 1GB 的存储空间和 100GB 的带宽。Google Cloud Storage 提供 5GB 的存储空间和 5GB 的带宽。Vercel 提供 5GB 的存储空间和 100GB 的带宽。Azure Blob Storage 提供 5GB 的存储空间和 5GB 的带宽。这些平台的免费计划都提供有限的存储空间和带宽，如果需要更大的空间和带宽，需要升级到付费计划。希望这篇博客对你有所帮助。
基于nginx的静态网页部署的实现
09-30
在当今网络应用中，静态网页部署是网站搭建和发布不可或缺的环节。Nginx（发音为 engine-x）是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。由于其轻量级、高效、稳定的特性，被广泛用于静态...
学生HTML个人网页作业作品：HTML绿色的化妆品静态网站（web前端网页制作课作业）
08-10
- **二级页面**: 每个分类都有相应的详细介绍页面，内容丰富。 - **JS特效**: 实现了图片轮播、动态按钮等特效，提升了用户体验。 通过以上分析可以看出，该网站不仅满足了基本的功能需求，还在设计和交互上做了很...
35个静态HTML个人简历模板
06-24
如果你想要将模板部署到个人服务器，可以使用FTP（File Transfer Protocol）软件将文件上传到服务器空间，然后通过域名访问。 总结来说，这些35个静态HTML个人简历模板是建立专业在线简历的强大工具，它们提供了...
nginx部署多个vue项目的方法示例
10-14
在本文中，我们将深入探讨如何使用Nginx部署多个Vue.js项目。这通常在需要在同一域名下运行多个独立的应用程序...记住，每个项目都需要根据其特定的路径进行相应的配置，以便Nginx能够正确地转发请求到相应的静态文件。
小清新简约个人博客静态网页模板源代码
03-18
内含的“使用帮助.txt”文件详细指导用户如何进行模板的部署和设置，以确保每位用户都能够顺利地将其应用到自己的网站上。而“谷普下载.url”和“说明.url”链接则提供了更多资源和教程，帮助用户深入了解模板的使用...
部署静态网站的两种办法。免费版和收费版。
这个博客记录我的成长。(专注前端开发，ehcarts图表开发，接定制)，有需要请站内私信。
03-14 781
部署静态网站的两种办法。免费版和收费版。
利用github／码云（gitee）免费部署静态网页
Tgmmmmmmmm的博客
03-23 9640
文章目录利用`github`／`码云（gitee）`免费部署静态网页前言网页部署限制github局限性（误）gitee注册方法一：利用git推送到gitee仓库全局设置创建git仓库已有git仓库方法二：网页端操作Gitee Pages注意事项部署成功后语 利用github／码云（gitee）免费部署静态网页 前言 以前笔者就曾想过为什么游戏可以长效有趣，而学习却那么枯燥无趣呢？后来笔者发现应该是收获感的问题，在游戏中你可以很快得到胜利的正反馈，但是学习的周期长，收获短时间不明显。此处废话。 所以笔者一直认
在Github上免费部署静态网站
大脸猫的博客
01-02 706
https://blog.csdn.net/zyxhangiian123456789/article/details/79463697
免费部署静态网页，国内外访问套餐 GitHub Pages、Vercel、CLOUDFLARE
wade3po的博客
12-26 2584
部署自己的博客或者前端静态页面，要嘛找一些免费托管平台，要嘛自己买服务器和域名。买了服务器，还得自己配置 nginx 和域名解析等。如果希望国内外都能访问，服务器最好是香港的，域名也可以不用备案。如果只是博客，有一些免费的托管平台，可以很容易的实现。
docker部署静态网页
10-17
Docker可以非常方便地部署静态网页，因为静态网站不需要复杂的服务器环境，只需提供文件即可运行。以下是使用Docker部署静态网页的基本步骤： 1. **创建Dockerfile**: 编写一个Dockerfile，它是容器构建的蓝图。在这个文件中，通常会指定基础镜像（如`alpine`或`nginx`），复制静态文件到容器内部，设置端口映射等。 ```dockerfile FROM nginx:latest COPY . /usr/share/nginx/html EXPOSE 80 CMD ["nginx", "-g", "daemon off;"] ``` 2. **构建镜像**: 使用`docker build`命令基于Dockerfile构建一个新的镜像，比如命名为`your-webapp:latest`。 ```sh docker build -t your-webapp . ``` 3. **运行容器**: 使用`docker run`命令启动包含静态网页的容器，并绑定主机的特定端口到容器的80端口。 ```sh docker run -d -p 8080:80 your-webapp ``` 现在你可以通过访问`http://localhost:8080`查看你的静态网页。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值