静态网站部署

1.Github 托管

找到仓库

写好index.html

 <!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>付广建</title>
    <style>  
      body {
        margin: 0;
      }
    </style>
  </head>
  <body>
	  <div style="
    background-color:#f1f1f1;
    text-align:center;
    padding:40px;
    ">
      <img src="http://pic.yupoo.com/fffeeee/9aaf0ee4/d79f17e5.png" alt="miku" width="80px">
    </div>
    <div style="
      max-width:700px;
      margin: 30px auto;
      padding:15px;
      line-height:1.7;
    ">
      <p>我的网站</p>
      <p>我的网站</p>
      <p>我的网站</p>
      <p>我的网站</p>
      <p>我的网站</p>
      
 
    </div>
    <div style="
    background-color:#f1f1f1;
    text-align:center;
    padding:40px;
    font-size:12px;
    ">
    <p>我的网站</p>
    <a href="https://www.cnblogs.com/instore/">友情链接</a>
    </div>
  </body>
</html>

settings -> Pages -> Your site is published at https://fuguangjianfgj123.github.io/typoraimg/

点进去就是首页了

2.腾讯云托管

云产品 -> 云开发 -> 静态网站托管

上传index.html作为主页

posted @ 2022-07-21 22:36 鱼子酱caviar 阅读(77) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· Tomcat

· 自定义博客园

· 免费部署静态网站

· 在GitHub上部署个人静态网站

· 静态文件快速建站

阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构

公告

昵称：鱼子酱caviar
园龄： 4年
粉丝： 2
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

鱼子酱

静态网站部署

静态网站部署

公告

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html lang="zh-CN">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>付广建</title>
	<style>
	body {
	margin: 0;
	}
	</style>
	</head>
	<body>
	<div style="
	background-color:#f1f1f1;
	text-align:center;
	padding:40px;
	">
	<img src="http://pic.yupoo.com/fffeeee/9aaf0ee4/d79f17e5.png" alt="miku" width="80px">
	</div>
	<div style="
	max-width:700px;
	margin: 30px auto;
	padding:15px;
	line-height:1.7;
	">
	<p>我的网站</p>
	<p>我的网站</p>
	<p>我的网站</p>
	<p>我的网站</p>
	<p>我的网站</p>


	</div>
	<div style="
	background-color:#f1f1f1;
	text-align:center;
	padding:40px;
	font-size:12px;
	">
	<p>我的网站</p>
	<a href="https://www.cnblogs.com/instore/">友情链接</a>
	</div>
	</body>
	</html>