HTML文件夹如何形成网站

我自己用HTML和js还有一些图片做了一个论坛,但是全都装在了一个文件夹,我现在想用这个文件夹形成一个网站并且可以形成链接分享给别人,应该怎么做

你需要部署到 公网,你可以 搭建自己的服务,或者用 云服务

  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7728144
  • 这篇博客你也可以参考下:怎样用js实现为一段HTML元素设置随机颜色字体(亲测可用)
  • 除此之外, 这篇博客: 用html 调用简单js制作互相跳转导航栏中的 一、这是常规的导航栏制作,也是最冗余的方法 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    1. menu_1.html 代码如下(总共有两个html代码噢):
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>共享导航栏</title>
        <link rel="stylesheet" type="text/css" href="nav.css" />
    </head>
    <body>
    		<div class="nav">
    			<p><a id="menu_1" href="menu_1.html">菜单一</a></p>
    			<p><a id="menu_2" href="menu_2.html">菜单二</a></p>
    		</div>
    		<div class="content_1">跳转到第一个菜单栏下的内容</div>
    </body>
    </html>
    
    
    1. menu_2.html 代码如下(总共有两个html代码噢):
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>共享导航栏</title>
        <link rel="stylesheet" type="text/css" href="nav.css" />
    </head>
    <body>
    		<div class="nav">
    			<p><a id="menu_1" href="menu_1.html">菜单一</a></p>
    			<p><a id="menu_2" href="menu_2.html">菜单二</a></p>
    		</div>
    		<div class="content_2">跳转到第二个菜单栏下的内容</div>
    </body>
    </html>
    
    1. nav.css 代码如下(css于html在同一个目录下就行了噢或者你可以自己修改):
    .nav{
    	width:100%;
    	height:150px;
    	background:#3385ff;
    }
    .nav a{
    	width:50%;
    	height:150px;
    	line-height:150px;
    	font-size:40px;
    	color:#ffffff;
    	float:left;
    	text-align:center;
    	text-decoration:none;
    }
    
    .content_1{
    	width:100%;
    	height:200px;
    	font-size:50px;
    	text-align:center;
    	line-height: 200px;
    	color:chartreuse;
    }
    
    .content_2{
    	width:100%;
    	height:200px;
    	font-size:50px;
    	text-align:center;
    	line-height: 200px;
    	color:orangered;
    }
    
    1. 运行效果:
    • 图一:
      在这里插入图片描述
    • 图二:
      在这里插入图片描述