专栏文章

关于在局域网内部创建服务器的方法

个人记录参与者 1已保存评论 0

文章操作

快速查看文章及其快照的属性,并进行相关操作。

当前评论
0 条
当前快照
1 份
快照标识符
@mino8t2i
此快照首次捕获于
2025/12/02 05:38
3 个月前
此快照最后确认于
2025/12/02 05:38
3 个月前
查看原文
首先,写一个html。 比如
HTML
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>No one.</title>
    <style>
      body {
        background-color: #afafd7;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 800px;
        min-height: 500px;
      }
      a {
        text-decoration: none;
        color: #3498d8;
      }
      a:hover {
        color:#0056b3;
      }
      .button-link {
        display: inline-block;
        padding: 10px 20px;
        background-color: #3498db;
        color: white;
        border-radius: 5px;
        transition: all 0.5s ease;
      }
      .block {
        display: inline-block;
        padding: 10px 20px;
        background-color: #3498db;
      }
      .button-link:hover {
        background-color: #2980b9;
        color: white;
        /*transform: translateY(-20px);*/
        transform: scale(1.15);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }
      .card {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 0px 12px rgba(0, 0, 0, 0.5);
        padding: 30px;
        text-align: center;
      }
      .card-grid {
        display: grid;
        grid-template-columns: 100px 100px 100px 100px 100px;
        grid-template-rows: 100px 100px 100px 100px 100px 100px;
        gap: 50px 0px;
        height: 600px;
        margin-bottom: 40px;
        background-color: #ffffff;
        border-radius: 10px;
        padding: 50px;
      }
    </style>
  </head>
  <body>
    <div style="height: 10px;"></div>
    <div class="card" style="width: 400px; height: 150px; font-size:50px;">
      欢迎来到xxx的服务器!
    </div>
    <div style="height: 25px;"></div>
    <div class="card" style="width: 600px;">
      这里有</br>
      <div class="card-grid">
        <div class="card" style="grid-column: 1/3; grid-row: 1/3;">
        <a class="button-link">nihao</a>
        </div>
        <div class="card" style="grid-column: 4/6; grid-row: 1/3;">
        </div>
        <div class="card" style="grid-column: 1/3; grid-row: 3/5;">
        </div>
        <div class="card" style="grid-column: 4/6; grid-row: 3/5;">
        </div>
      </div>
    </div>
  </body>
</html>
然后下载python,用惯了华为源的我就放一个这样的链接吧Python3.13.7。安装的时候勾选Add python to path.,另外一个不要。
接下来,html命名为index.html。 然后,打开cmd。
确保cmd和index.html在同一个文件夹:
然后输入python -m http.server,就会出现端口号。先在自己浏览器上面localhost:端口访问,看一下有没有问题。然后ipconfig找到自己在局域网(别搞成其他网络的了)的ip,接下来把ip:port公开,比如192.168.126.19:8000,就可以访问了。

评论

0 条评论,欢迎与作者交流。

正在加载评论...