首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用Next.js创建Blog

    对于那些想要拥有一个简单但功能强大的博客的人来说,使用 Next.js 创建博客是当今的最佳选择。 SEO(搜索引擎优化)是改进应用程序在搜索引擎排名的过程。...我们将在本文中使用 Next.js 来构建博客。我们将介绍 SSG(静态站点生成)的工作原理,并完成 SEO 友好的博客。...入门 使用官方推荐的Create Next App创建项目 npx create-next-app@latest --typescript # or yarn create next-app --typescript...,将会开启交互模式,引导创建项目 零依赖:Create Next App没有依赖,毫秒级创建项目 离线支持:Create Next App侦测网络状态,无网状态将使用本地依赖缓存 支持模板:通过加入--...mdx支持渲染组件,支持引入导出组件,详细文档参考MDX 创建公共函数目录 根目录新增utils目录,在utils目录下创建getAllPosts.js并写入如下函数 import fs from 'fs

    15510

    【Git】Git 标签使用 ( 查询哈希码 | 创建标签 git tag v1.0 | 查询标签 git tag | 查询标签信息 git show v1.0 | 创建标签并指定说明 | 删除标签 )

    文章目录 一、查询提交记录哈希码 1、git log --pretty=oneline --abbrev-commit 2、git reflog 二、为某个提交设置标签 git tag v1.0 2321849...三、查询标签 git tag 四、查询标签信息 git show v1.0 五、创建标签并指定说明文字 git tag -a v0.9 -m "text" faafce2 六、删除标签 git tag...哈希码对应的提交为 : 2321849 (HEAD -> master) dev1 三、查询标签 git tag ---- 执行 git tag 命令 , 查询当前设置过的标签 ; 执行过程如下 :...-git branch dev \ No newline at end of file +git branch dev + +dev \ No newline at end of file 五、创建标签并指定说明文字...; 六、删除标签 git tag -d v1.0 ---- 执行 git tag -d v1.0 命令 , 删除 v1.0 标签 ; 再次执行 git tag 查询当前标签 , 发现 v1.0 标签已经被删除

    2.8K30

    springboot系列学习(二十六):spring Security框架整合thymeleaf,在前段也可以实现安全框架,一步一步带你整合使用,小白必看(三)

    之前我们可以在前段用if判断来看当前的用户的权限进行,但是现在可以和thymeleaf整合,使用这个就可以实现。...2 前段导入springsecurity和thymeleaf的标签 ? 手打这个之后,alt + enter 这个之后就导入了,我们就可以看到页面出现了这个 ?...其实这个就可以使用了,但是我希望在页面写标签的时候有提示,那么这个就要写全,所以这样写 ?...这样在前段就可以对应的标签 如果注销404了,就是因为它默认防止csrf跨站请求伪造,因为会产生安全问题,我们可以将请求改为post表单提交,或者在spring security中关闭csrf功能;我们试试...:在 配置中增加 http.csrf().disable(); http.csrf().disable();//关闭csrf功能:跨站请求伪造,默认只能通过post方式提交logout请求 http.logout

    60110

    Next.js的创建与使用

    、scss)方案都由社区提供,而Next和React最大的区别就是路由以及成果物的渲染方式,核心库基本没有区别因为在NextJs官网声明了NextJs是兼容React17的 创建项目 区别于React...这里创建项目是使用yarn create next-app create-next-app name(项目名字)(推荐使用yarn因为npm创建项目会遇到一些网络问题,尤其是安装node-sass的时候...getServerSideProps),在这个生命周期中我们可以返回变量作为函数的props,axios注意使用async和await Link标签跳转 ... 首页 Link必须有子元素包裹,并且有className或者事件绑定只能绑定到子元素上,如果你的子元素不使用a使用其他标签也可以.../index.css'必须在_app.js中引入 使用@代替src文件夹 原本Next.js创建之后是不会有src文件夹的但是我们可以创一个(相关文档),然后将样式、模块、组件路由等文件放进去(总之就是关于项目配置的不要放

    4K20

    【Git】Git 标签使用 ( 创建并查询标签 | 推送单个标签到远程仓库 | 推送所有标签到远程仓库 | 删除远程仓库的标签 )

    一、创建并查询标签 执行 git log --pretty=oneline --abbrev-commit 命令 , 查询当前的提交记录 ; 执行 git tag -a v0.9 -m "text" 2bd4156...命令 , 创建标签 , 并附加说明文字 ; 执行 git tag 命令 , 查询标签 ; 执行 git show v0.9 命令 , 查询标签的详细信息 ; 完整的执行过程 : D:\Git\git-learning-course...5 二、推送单个标签到远程仓库 执行 git push origin v0.9 命令 , 可以将标签推送到远程仓库 ; 执行过程 : D:\Git\git-learning-course>git push...执行 git push origin --tags 命令 , 可以一次性将所有标签推送到远程仓库 ; 四、删除远程仓库的标签 执行 git tag -d v0.9 命令 , 删除本地的标签 ; 然后执行...git push origin :refs/tags/v0.9 命令 , 删除远程仓库中的标签 , 注意标签的拼接格式 , " git push origin :refs/tags/ " + 标签名称

    1.2K30

    JS数组的创建与使用方法

    1、Array构造函数创建数组 var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); //创建一个包含20项的数组 var...arr3 = new Array('ni', 'min', 'na'); //创建一个包含3个字符串的数组 2、数组字面量创建数组 var arr1 = []; //创建一个空数组 var...arr2 = [20]; //创建一个包含1项的数组 var arr3 = ['ni', 'min', 'na']; 3、读取和设置数组的值 var arr8 = ['ni', 'min',...arr14.reverse()); //(4) [3, 52, 14, 12] console.log(arr14); //(4) [3, 52, 14, 12] 使用...,所以从第基于0的第3项开始向后索引时没有找到值5,则返回-1 console.log(arr19.indexOf("5")); //-1 由于这两个索引方法在比较第一个参数与数组中的每一个项时,使用的是全等操作符

    2.5K30

    如何使用npm创建Node.js项目?

    通过使用Node.js,我们可以简化后端开发过程,并利用丰富的npm生态系统来管理和共享代码。本文将介绍如何使用npm创建Node.js项目,并讨论项目初始化、依赖管理和脚本配置等方面的内容。...项目初始化2.1 确保已安装Node.js和npm在创建Node.js项目之前,请确保已安装Node.js和npm。...可以使用以下命令在终端中创建一个名为"my-project"的项目目录:mkdir my-projectcd my-project2.3 初始化项目接下来,通过运行以下命令来初始化项目:npm init...总结通过使用npm,我们可以轻松创建和管理Node.js项目。通过初始化项目、安装依赖、配置脚本等操作,可以更好地管理项目的开发过程和依赖关系。...希望本文对你理解如何使用npm创建Node.js项目有所帮助。

    2.7K20
    领券