首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >普通人也能建网站

普通人也能建网站

作者头像
找Bug
发布2026-03-30 19:06:59
发布2026-03-30 19:06:59
1100
举报
文章被收录于专栏:你的Bug我做主你的Bug我做主

在很多人的印象里,搭建网站往往意味着写代码、配环境、折腾服务器,听起来像是程序员才会做的事情。但其实,如果你只是想在自己电脑上跑一个网站、做个测试页面,甚至在局域网里分享内容,这件事远没有想象中那么复杂。

以 Windows 自带的 IIS 为例,它本身就是一个现成的 Web 服务工具,不需要额外安装复杂的软件,也不需要深入的编程基础。只要简单开启功能、做几个基础配置,就可以让你的电脑“变成一台网站服务器”。

也就是说,搭建一个网站的第一步,并不一定要从写代码开始,而是从学会利用系统已经提供好的工具开始——而 IIS,正是普通人也能轻松上手的入口之一。

下面跟着我一步步操作,看一下网站怎么做出来。

按windows+R,输入control进入控制面板。

找到程序。

点击启用或关闭windows功能。

勾选下图内容。

等待安装完成。

下面准备网页材料,下面的内容是我使用ai生成的,大家也可以用元宝等ai工具生成一下,用我的也可以,源码在下面,写入到名为index.html的网页文件里。

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>IIS Demo 页面</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background: #f4f6f8;
            margin: 0;
            padding: 0;
        }
        header {
            background: #0078d7;
            color: white;
            padding: 15px;
            text-align: center;
        }
        .container {
            padding: 20px;
        }
        .card {
            background: white;
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }
        button {
            background: #0078d7;
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            border-radius: 5px;
        }
        button:hover {
            background: #005fa3;
        }
        input {
            padding: 8px;
            margin: 5px 0;
            width: 200px;
        }
    </style>
</head>
<body>

<header>
    <h1>IIS 本地测试页面</h1>
</header>

<div class="container">

    <div class="card">
        <h2>服务器信息</h2>
        <p id="time"></p >
        <p>如果你看到这个页面,说明 IIS 已经成功运行 🎉</p >
    </div>

    <div class="card">
        <h2>简单交互(JS 测试)</h2>
        <button onclick="showAlert()">点我试试</button>
    </div>

    <div class="card">
        <h2>表单提交(模拟接口)</h2>
        <form onsubmit="return submitForm()">
            <input type="text" id="name" placeholder="输入你的名字" required><br>
            <button type="submit">提交</button>
        </form>
        <p id="result"></p >
    </div>

</div>

<script>
    // 显示当前时间
    document.getElementById("time").innerText = "当前时间:" + new Date().toLocaleString();

    function showAlert() {
        alert("IIS + JavaScript 正常运行!");
    }

    function submitForm() {
        var name = document.getElementById("name").value;
        document.getElementById("result").innerText = "你好," + name + "!提交成功(前端模拟)";
        return false; // 阻止刷新
    }
</script>

</body>
</html>

放入自己建的文件夹里。

名字一定是index.html。

下面开始操作iis,首先windows+R输入inetmgr。

进入操作界面,如下图,找到网站,右键选择添加网站。

填入圈着的内容,路径那里是自己放index.html的路径,ip地址是自己的电脑地址,端口设置要设置在范围之内,像我这样8080就可以。

怎么找出自己电脑ip呢,windows+R,输入cmd。

在命令窗口输入ipconfig,我这边是连的无线,所以找无线局域网适配器WLAN,如图所示是192.168.3.7。

打开电脑的浏览器输入192.168.3.7:8080就能访问了,如下图所示。

自己手机也能访问。

手机访问须在同一网络下,即连同一份wifi即可,如果进不去,可能防火墙没有放行8080端口,管理员执行cmd放行下。

执行下面命令。

代码语言:javascript
复制
netsh advfirewall firewall add rule name="IIS8080" dir=in action=allow protocol=TCP localport=8080

这样就可以在手机上访问了。

做完之后删除放行,执行下面的命令,这样又访问不到了。

代码语言:javascript
复制
netsh advfirewall firewall delete rule name="IIS8080"

到这里,咱们其实已经完成了一件很多人以为“很难”的事情——成功运行了一个属于自己的网站。

整个过程能感受到,并不需要复杂的编程知识,也不需要深入理解各种技术原理。借助 IIS 这样的系统自带工具,普通人只要按照步骤操作,就完全可以把网站跑起来。

这也正是关键所在:建网站不再是少数技术人员的专属能力,而是一项人人都可以掌握的基础技能。哪怕只是出于兴趣,或者想简单做个展示页面,都已经足够了。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2026-03-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 找Bug 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档