脱机编辑时如何设置链接的根目录

Question

我正在制作一个网站，我以前在Neocities上直接在线编辑，但由于一些问题，我希望将编辑切换到本地离线。但我不能让我的链接正确地指向他们的目标，比如favicon或我的css文件，因为在本地/"没有指向根。

有没有任何程序允许我将文件夹设置为根目录，以便这些链接可以正确指向？我目前正在尝试Notepad++，但我还没有找到这样做的方法。

我知道我可以把完整的路径作为"；C： \文件夹\文件夹\文件.css"例如，但这意味着我必须编辑我的许多页面中的每一个页面的html，然后在上传到网上时重新编辑它们，这是非常不可取的。我需要一种在不更改任何路径的情况下在本地预览html的方法，所以我的收藏夹链接，例如，目前是href="favicon.png"；可以在所有页面上保持不变。我可以删除"/"但是它不适用于子文件夹中的任何页面，在我的项目中有很多这样的页面。

我可能只是错过了一些简单的细节，但我真的只是一个制作网站的初学者。

Answer 1

您可以运行本地web服务器，在类似http://localhost:8080的域中提供根目录的内容。因此，与其在浏览器中打开index.html，不如访问该URL。

你可以使用一堆简单的网络服务器——我最喜欢的是NPM包http-server。它需要安装Node。

1. 安装节点
2. 通过在终端中执行npm install -g http-server安装http服务器
3. 通过导航到网站根文件夹运行http服务器，并在终端中运行http-server

http-server将生成一个输出，告诉您访问站点的位置。

Starting up http-server, serving ./
http-server version: 14.1.0
Available on:
http://127.0.0.1:8080
http://localhost:8080
Hit CTRL-C to stop the server