自动生成网站sitemap

要在 Next.js 和 Contentlayer 项目中实现自动生成 Sitemap 的功能,你可以编写一个脚本,在每次生成文档后自动生成 Sitemap。以下是一个示例脚本,你可以根据自己的需求进行调整。

步骤 1:安装必要的依赖

首先,你需要安装必要的依赖库,用于生成 Sitemap 和处理文件系统:

npm install fs path xmlbuilder contentlayer

步骤 2:编写生成 Sitemap 的脚本

在你的项目根目录下创建一个 generate-sitemap.js 文件,并添加以下代码:

const fs = require('fs');
const path = require('path');
const { xmlbuilder } = require('xmlbuilder');
const { allDocuments } = require('.contentlayer/generated');// 网站的基础 URL
const BASE_URL = 'https://www.yoursite.com';// 生成 Sitemap XML
const generateSitemap = () => {// 创建根元素const urlset = xmlbuilder.create('urlset', { encoding: 'UTF-8' });urlset.att('xmlns', 'http://www.sitemaps.org/schemas/sitemap/0.9');// 添加文档页面allDocuments.forEach((doc) => {const url = urlset.ele('url');url.ele('loc', `${BASE_URL}/${doc.url}`);url.ele('lastmod', new Date(doc.date).toISOString());url.ele('changefreq', 'monthly');url.ele('priority', '0.8');});// 生成 XML 字符串const xml = urlset.end({ pretty: true });// 写入 sitemap.xml 文件const sitemapPath = path.join(__dirname, 'public', 'sitemap.xml');fs.writeFileSync(sitemapPath, xml);console.log('Sitemap generated at', sitemapPath);
};// 执行生成 Sitemap 的函数
generateSitemap();

步骤 3:在生成文档后自动运行脚本

要确保每次 Contentlayer 生成文档后自动运行这个脚本,可以在 package.json 中添加一个新的脚本命令。你可以使用 postbuild 钩子,确保在构建项目后运行 Sitemap 生成脚本:

{"scripts": {"build": "next build && next export","postbuild": "node generate-sitemap.js"}
}

步骤 4:确保文档生成路径和 URL 处理正确

在脚本中,我们假设 allDocuments 是从 Contentlayer 生成的文档集合中获取的。如果你的文档集合属性名称或路径不同,请相应地进行调整。

步骤 5:运行构建

现在,你可以运行 npm run build,这个命令将在生成文档后自动生成 Sitemap:

npm run build

完成以上步骤后,每次你构建项目时,Sitemap 都会自动生成,并保存在 public/sitemap.xml 中。

总结

以上脚本展示了如何在 Next.js 和 Contentlayer 项目中自动生成 Sitemap。你可以根据自己的需求调整脚本,如更改 Sitemap 的属性、URL 格式等。这个自动化过程确保了每次文档更新后,Sitemap 都能及时更新,提升搜索引擎对网站内容的抓取效率。

参考原文:https://offernow.cn

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/40037.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【加密与解密】【08】Java加密算法详解

文章目录 Java加密库摘要算法MD5代码实现SHA256代码实现HmacMD5代码实现CRC32代码实现对称加密算法查看JDK支持的算法Base64代码实现DES代码实现DESede代码实现AES代码实现RC代码实现IDEA代码实现PBE代码实现非对称加密算法DH秘钥交换算法数学原理DH算法代码实现RSA算法代码实现…

【python全栈系列】day03-python数据类型-Number

python3中有六个标准的数据类型:Number(数字)String(字符串)List(列表) Tuple(元组) Set(集合)Dictionary(字典) 下面我们就用几天的…

学会python——用python编写一个电子时钟(python实例十七)

目录 1.认识Python 2.环境与工具 2.1 python环境 2.2 Visual Studio Code编译 3.电子时钟程序 3.1 代码构思 3.2代码实例 3.3运行结果 4.总结 1.认识Python Python 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。 Python 的设计具有很强的可读性…

thinkphp8 执行 db:: 需要引入什么

在ThinkPHP8中,执行数据库操作需要使用Db类。为了执行Db::静态调用,您需要引入think\facade\Db类。 在您的控制器或模型文件顶部,使用以下代码引入Db类: use think\facade\Db; 然后您就可以使用Db类来执行数据库操作,…

【Python】从Word文档中提取表格的方法

在Python中,从Word文档(通常是.doc或.docx格式)中提取表格可以使用第三方库,如python-docx。以下是使用python-docx库从Word文档中提取表格的基本步骤: 安装python-docx库: 如果你还没有安装这个库&#xf…

今天的A股,让人惊愕了,2个耐人寻味的重要信号,有望迎来下一个超级风口!

今天的A股,让人惊愕了,你知道是为什么吗?盘面上出现2个耐人寻味的重要信号,有望迎来下一个超级风口! 1、今天两市低开低走,但大消费劲头十足,连中免这样的大体量都涨停了,另外消费茅…

爬虫-网页基础

HTML 基本语法 HTML&#xff1a;Hyper Text Markup Language, 超文本标记语言&#xff0c;是计算机语言的一种&#xff0c;由元素构成。 p元素 <p>Web 真好玩&#xff01;</p> 由三大部分组成 开始标签&#xff1a;一对尖括号中间包裹这元素名称元素内容&#x…

SaaS运营:如何根据“客户漏斗”定制合作伙伴营销策略?

将你的合作伙伴营销策略与你的客户漏斗模型相结合&#xff0c;可以显著提升你的营销效果。通过瞄准客户旅程中的每一个阶段&#xff0c;你可以增加客户参与度并推动转化&#xff0c;从而将你的促销活动提升到新的高度——这仅仅是一个以数据为支撑的方法。 为了探讨如何在漏斗…

数据结构 - C/C++ - 树

公开视频 -> 链接点击跳转公开课程博客首页 -> 链接点击跳转博客主页 目录 树的概念 结构特性 树的样式 树的存储 树的遍历 节点增删 二叉搜索树 平衡二叉树 树的概念 二叉树是树形结构&#xff0c;是一种非线性结构。 非线性结构&#xff1a;在二叉树中&#x…

Echarts热力图关闭初始化时动画效果(由左至右渐进加载动画)

Echarts热力图关闭初始化时动画效果&#xff08;由左至右渐进加载动画&#xff09; 在Echarts配置中&#xff0c;热力图初始时加载数据会有由左向右的渐进的加载动画。无论是在option或在series添加均不生效&#xff0c;但是在折线图会生效。 animation animationDuration ani…

C/C++ 编程语言详解

前言 C 和 C 是两种功能强大且广泛使用的编程语言。C 语言因其高效、灵活和接近硬件的特性&#xff0c;在系统编程、嵌入式系统和高性能计算中占据重要地位。C 则在 C 的基础上增加了面向对象编程特性&#xff0c;广泛应用于软件开发、游戏编程和大型系统设计。本文将详细介绍…

LLM应用:传统NLP任务

LLM出来以后&#xff0c;知乎上就出现了“传统NLP已死”的言论&#xff0c;但是传统NLP真的就被扔进历史的垃圾桶了吗&#xff1f; 其实&#xff0c;尽管LLM具有出色的通用能力&#xff0c;但仍然无法有效应对低资源领域的自然语言处理任务&#xff0c;如小语种翻译。为了更好地…

golang——Gin框架及路由介绍

一. 框架介绍 Gin是一个轻量级的Go语言Web框架&#xff0c;它具有高性能和简洁的设计。由于其快速的路由匹配和处理性能&#xff0c;Gin成为Go语言中最受欢迎的Web框架之一。 特点&#xff1a; 快速和轻量&#xff1a;Gin框架的设计注重性能和效率&#xff0c;采用了一些优化措…

quartz调度框架和gbase8s适配过程中的四个报错

1.报错Caused by: java,sql.SOLException Create breakpoint . : 发生语法错误。 程序与数据库通过jdbc连接时&#xff0c;为了保持连接&#xff0c;会向数据库发送sql语句验证连接有效 --如mysql的其他数据库 connection-test-query: "select 1;" --gbase8s数据库…

第二十一章 网络编程

​ 一、网络的相关概念 1. 网络通信 &#xff08;1&#xff09;网络通信&#xff1a;将 数据 通过网络从一台设备传输到另一台设备 &#xff08;2&#xff09;java.net 包下提供了一系列的类或接口&#xff0c;完成网络通信 2. 网络 概念&#xff1a;两台或多台设备通过一定…

轻松省电!教你苹果手机自动调节亮度怎么设置

在日常使用手机的过程中&#xff0c;屏幕亮度是影响电池续航的关键因素之一。苹果手机提供的自动调节亮度功能&#xff0c;可以根据环境光线自动调整屏幕亮度&#xff0c;从而提供最佳的视觉体验并有效延长电池使用时间。想知道苹果手机自动调节亮度怎么设置吗&#xff1f; 本…

工厂自动化相关设备工业一体机起到什么作用?

在当今的制造业领域&#xff0c;工厂自动化已成为提高生产效率、保证产品质量和降低成本的关键。在这一进程中&#xff0c;工业一体机作为一种重要的设备&#xff0c;发挥着不可或缺的作用。 工业一体机是自动化生产线上的控制中心。它能够整合和处理来自各个传感器、执行器和其…

02:vim的使用和权限管控

vim的使用 1、vim基础使用1.1、vim pathname 2、vim高级用法2.1、查找2.2、设置显示行号2.3、快速切换行2.4、 行删除2.5、行复制粘贴 3、权限管理3.1、普通用户和特权用户3.2、文件权限表示 vim是Linux中的一种编辑器&#xff0c;类似于window中的记事本&#xff0c;可以对创建…

函数式编程和命令式编程

函数式编程&#xff08;Functional Programming, FP&#xff09;与命令式编程&#xff08;Imperative Programming, IP&#xff09;是编程领域中两大截然不同的范式&#xff0c;它们在解决问题的策略和哲学上存在着本质的差异。 函数式编程&#xff08;Functional Programming…

python解耦重构,提高程序维护性

一、重构思想 思路来源 java spring设计模式学习&#xff0c;强调低耦合的思想&#xff0c;通过解耦来提高程序的可维护性。 二、代码重构 解决方案 通过单独配置文件来控制变量的改变。 spring的话可以读取xml或者是springboot 读取application.properties 来获取变量值。…