笔记

本记录将介绍使用microCMS和Nuxt3显示文章列表的步骤。页面/index.vue 获取部分是按照官方文档完成的。script setup lang="ts" import { ref } from "vue"; const data } = await useFetch("END_POINT", baseURL:"https://xxx.microcms.io/api/v1/",headers: X-MICROCMS-API-KEY": "API_KEY/", ,

这是关于如何在Nuxt2环境中引入TypeScript的介绍，这稍后可能希望在创建第一个项目时引入的模式，而不选择TS。安装所需的包 $　yarn add @nuxt/typescript-build @nuxt/types 添加到nuxt.config.js

这里实现了一个UI，可以在该网站的首页显示文章总数。以为可以比较快地完成，但是有一些地方很难做到，所以向大家介绍一下，记录一下。从microCMS获取文章，microCMS Nuxt.js模块被编写为未使用。

本文想介绍一下在用nuxt3重写数据时，它与2号系统略有不同。必备知识，在nuxt2中，在脚本中编写如下所示。将上面的内容转换为nuxt3设置将如下所示。看起来是不是非常清爽。当单击某个元素时，编写了一个流程，使用@click触发事件并在true和false之间切换。

使用nuxt3创建站点地图，但无法找到任何看起来不错的模块，然而，在github发现了宝藏。 地址：https://github.com/benoitdemaegdt/nuxt3-sitemap，能够使用上面的内容成功创建sitemap.xml，所以将其保留在本文记录一下。

使用WordPress创建网站时，有时想要按类别在文章之间实现选项卡切换并在其中设置分页，认为以下代码是在一个普通页面上为一篇文章设置分页时的典型代码。但是，这会产生2个页面和3个页面，每个页面都有不同的URL，这样做的问题是来自不同选项卡的帖子也会从第2页移动到第3页。

笔记将向你们展示如何自定义Tailwind css，如果你已经开始使用Tailwind CSS或想要使用它的人，想要了解基础知识的人，可以考虑阅读。首先你需要创建了一个项目并准备使用Tailwind。

我认为有一种方法可以仅在加载屏幕或打开动画上第一次显示它，并从第二次开始隐藏它。仅第一次显示页面的过程比较简单，但是当第二次开始隐藏页面时，页面转换时会出现轻微的闪烁，所以我以某种方式解决这个问题。感觉像是一种比较暴力的方法，所以它不是最好的解决方案，本文像是作为备忘录留下来吧。

因为是Apache 2.4.59系列，有很多网站详细解释了.htaccess ，这里解释一下更改httpd.conf，首先，创建一个空的文件，安装它并检查是否没有500错误并且可以访问它。

这就像加法和除法那样，请看下面的代码。?php/*Template Name: ideacg*/? ?php getheader(); ?div id="primary"div id="content" role="main"?php/* 在这里放一个页面 */?

下载并解压缩，复制到c：Apach24htdocsbooked。将c：Apach24htdocsbookedconfigconfig.dist.php复制到c：Apach24htdocsbookedconfigconfigconfig.php。在httpd.conf中

我使用GSAP和Nuxt3实现了转换。过程我遇到了一个现象，ASScroll的滚动变换值在过渡后变成了0。发生这种情况时，页面会在转换后返回到页面顶部，这看起来不太好，而且看起来断断续续。想在页面转换开始后立即将变换值设置为0（我想将其返回到页面顶部）。