近年来，随着互联网的不断发展和普及，网站的数量不断增加。在这个过程中，前端技术也越来越受到关注。前端技术在网站的开发中起到了至关重要的作用。其中，npm 包 makestatic-permalink 就是一款十分重要的前端技术。
什么是 makestatic-permalink
makestatic-permalink 是一个 npm 包，可以为静态网站生成永久链接。它提供了一个简单的方法来为网站生成静态链接，这样使得网站更加易于被搜索引擎收录。同时，在文章或者博客等文本内容中，通常需要添加一些超链接，以便读者了解更多的信息。makestatic-permalink 就能够帮助我们生成这些超链接。
安装 makestatic-permalink
安装 makestatic-permalink 非常简单。只需要打开终端，输入以下命令即可：
npm install -g makestatic-permalink
使用 makestatic-permalink
我们可以使用 makestatic-permalink 生成两种类型的链接：相对链接和绝对链接。接下来，我们将介绍如何使用它来生成这两种链接。
生成相对链接
相对链接是相对于当前页面路径的链接。例如，在网站的根目录（/）中，我们有一个名为 "about" 的页面，该页面的路径为 /about/index.html。那么，使用 makestatic-permalink，我们可以生成这个页面的相对链接：
permalink.about
生成绝对链接
绝对链接是每个页面都能够访问的全局链接。我们可以使用 makestatic-permalink 来生成这些链接。首先需要，在网站的根目录（/）中创建一个名为 permalinks.json 的文件，然后在文件中添加以下内容：
{
"about": "about",
"contact": "contact/"
}这个文件中，我们定义了网站的一些页面，并为它们设置了路径。通过使用 makestatic-permalink，我们可以生成这些页面的绝对链接：
permalink.site.about permalink.site.contact
示例代码
下面是一段示例代码，演示如何使用 makestatic-permalink 生成链接：
-- -------------------- ---- -------
----- ------------- - --------------------------------
---------------------------------- ------------------- -
-- ------ --- --------- ------
--- ---------- - -----------
------ --------
----- -
--- -
-------- ----------
-
-
---
-- -----
------------------------------
-- -- -------------------
----------------------------------------
-- -- --------------------------------------
----------------------------------
-- -- -----------------------------
------------------------------------
-- -- --------------------------------
---总结
makestatic-permalink 是一款非常实用的 npm 包，它可以帮助我们为静态网站生成永久链接。使用它，我们可以生成相对链接和绝对链接。在文章或者博客等文本内容中，我们需要添加一些超链接，makestatic-permalink 也可以帮助我们生成这些超链接，使我们的网站更加易于被搜索引擎收录。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600572c781e8991b448e8f00