HTML中链接本地文件后如何让其他设备可访问本地meme1.html文件

你当前代码里的跳转链接用了本地磁盘的绝对路径C:\Users\Desktop\MEME GENERATOR\meme1.html，这个路径仅在你自己的电脑上能被识别，其他设备哪怕连了你的网络也找不到这个地址，首先需要先修改代码，再根据你的使用场景选择部署方式：

第一步：修改跳转链接 #

把你的a标签路径改成相对路径即可，保证项目文件夹内文件结构不变的前提下，链接不会失效：

<!-- 把原来的本地路径替换成下面的相对路径 -->
<a href="./meme1.html">

修改后完整的代码块如下：

<div id="button">
<a href="./meme1.html">
<img src="https://openclipart.org/image/2400px/svg_to_png/140365/1306313012.png" alt="Click here!" height="20%" width="20%"></a>
</div>
<div id="wrapper">
<h1><span class="tight-2">Happy Birthday!</h1>
<h2>Go ahead, press the button to generate memes!<span class="tm">™</span>.</h2>
</div>

场景1：仅同一WiFi下的设备访问（适合小范围分享给身边同学） #

• 确保你的电脑和需要访问的设备连接同一个无线网络
• 打开你存放网页的MEME GENERATOR文件夹，在文件夹顶部的地址栏输入cmd回车调出命令提示符
• 命令行输入python -m http.server 8000启动本地静态服务（如果没装Python，也可以用VS Code的Live Server插件一键启动）
• 继续在命令行输入ipconfig找到你电脑的局域网IPv4地址，一般是192.168.x.x格式，比如你查到的地址是192.168.31.56，其他设备打开浏览器输入http://192.168.31.56:8000就能正常访问你的网页，点击按钮也能跳转到meme1.html

场景2：所有外网设备都能访问（适合分享给不在身边的人） #

把整个MEME GENERATOR文件夹上传到静态网页托管平台即可，操作非常简单，上传完成后你就能拿到公网访问链接，任何人只要有链接就能打开你的项目。也可以用内网穿透工具把你本地启动的8000端口映射到公网，拿到临时公网分享链接。

内容的提问来源于stack exchange，提问作者daisyyyy