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

学习gatsby,从这里开始!

使用场景 如果你有一堆用 Markdown 编辑文章,想要发布到网上,又不想浪费时间在编辑排版上,那么用 Gatsby 生成一个博客网站,是一个非常不错解决方案。...[data-layer-with-nodes] --- 2、Gatsby 项目文件结构 详情,看这里! --- 3、官方demo 展示 Gatsby 各种功能怎么使用。详情,看这里!...--- 三、安装 Gatsby 并新建网站 Gatsby 是在 Node.js 基础上建立,使用 Gatsby 之前必须先安装 Node.js 且版本 ≥ 12.13。...使用 Gatsby CLI 工具,三句命令就可以新建一个静态网站。详情步骤,看这里! --- 四、怎么新增网站页面? 浏览器打开URL是怎么跟项目中代码页面 (js文件) 对应起来?...--- 4、使用 MDX 文件新增页面 MDX文件是指 在 markdown 文件中直接插入 jsx 代码 混合文件,怎么用在Gatsby中?详细步骤,看这里!

2.1K20

Astro,你真的值得试试……

Astro 是一个通过 JavaScript 构建静态和服务端渲染网站框架。它类似于 Next.js 和 Gatsby,而不是类似 React 这样客户端框架。...最基本,你可以在.astro文件中定义 HTML、CSS 和 JS,这是一个 HTML 模板文件(但不仅仅是模板)。...这个文件在构建时或每次请求时都会渲染成一个 HTML 文件,具体取决于你渲染策略。 --- const message = "Hello, world!"...我博客,以及 Lucia 文档都是用 Astro 构建使用 Astro 相当愉快。 强大客户端 JS 支持 Astro 允许你在.astro文件中导入大多数主流框架组件。...而且它还有一个非常大本地化团队。文档支持所有主要语言,包括日语,我也向社区贡献了一些 PR 来出一份力。 最后,所有的维护者都非常出色并且超级活跃,大赞编译器、文档和语言服务器团队!

35840

JavaScript前端学习有哪些项目可以练习

无论你是编程新手,还是经验丰富开发人员,都需要不断学习新概念和语言 / 框架,才能跟得上这个快速变化行业。...01 使用React构建电影搜索应用 首先,可以使用React构建一个电影搜索应用。 你将学到什么内容: 构建这个应用时,你将使用相对较新Hooks API来提升你React技能。...Nuxt.js构建完整语言博客网站 你将学到什么内容: 这个示例项目将教你从初始设置到最终部署,使用Nuxt.js构建完整网站全过程。...06 使用Gatsby建立博客 你将学到什么内容: 在本教程中,你将学习如何利用Gatsby构建出色博客,可以很好地用来撰写自己文章,同时利用React和GraphQL能力。...技术栈和功能: Gatsby React GraphQL 插件和主题 MDX/Markdown 引导CSS 教程:https://blog.bitsrc.io/how-to-build-a-blog-with-gatsby-and-boostrap-d1270212b3dc

2.9K20

vitepress搭建markdown文档博客

Gatsby - 以 GraphQL 为核心,功能相当完善,插件生态丰富。...结构项目,有熟悉 vite.config.ts、pages 文件夹等该插件所有明确依赖包作用:@mdx-js/mdx MDX实现@mdx-js/react 作为 MDX React 实现。...文件式路由约定用 $ 符号文件名结尾来识别为一个文档页面.ts|.tsx|.js|.jsx|.md|.mdx 只要 $ 是扩展名前最后一个字符,所有文件扩展名都有效。...', //网站描述  base: '/', //  部署时路径 默认 /  可以使用二级地址 /base/  // lang: 'en-US', //语言  // 网页头部配置,引入需要图标,css,...demo 中 index.md 文件使用特定语法包裹代码,可以自动生成组件 demo 展示# Button 按钮:::demo 使用`type`,`plain`,`round`来定义 Button

1.5K20

C语言文件使用(下)

前言 文接上回,我们在文件操作(上)里讲到了C语言中对文件顺序读写。如果说,我们不想按照文件原本顺序来对它进行读写(即,随机读写文件内容),又该如何操作呢?...请随我一同进入本篇文章中,我将为你细致讲解C语言文件操作。...一、文件随机读写 1.如何进行随机读写 通过对文件指针使用,改变文件读写顺序,就能实现文件随机读写 2.相关函数(含例子) 1.fseek函数 功能:根据文件指针位置和偏移量来定位文件指针...1.概念介绍 系统会自动在内存中为程序中每一个正在使用文件开辟一块“文件缓冲区”。...,也会刷新缓冲区 pf = NULL; return 0; } ---- 总结 以上就是今天要讲内容,本文介绍了C语言文件相关操作,主要包括有文件随机读写、文件读取结束原因判定,介绍了相关函数和具体如何使用这些函数

55530

C语言文件使用(上)

本篇内容将向大家介绍如何存储数据之C语言文件使用。...一、为什么要使用文件? 我们一般保存数据方式有:把数据放在磁盘文件、存放在数据库等。 因此如果我们将数据保存在电脑硬盘上,下次程序运行时就可以使用之前存储数据了。 二、什么是文件?...文件使用方式 含义 如果指定文件不存在 “r”(只读) 为了输入数据,打开一个已经存在文件文本。...stdin和stdout即可正常使用 总结   以上就是今天要讲内容,本文简单介绍了C语言中对于文件使用相关内容,主要包括文件基础知识、对文件打开和关闭操作以及文件顺序读写。...本文作者也只是一个正在学习C语言等编程知识萌新,若这篇文章中有哪些不正确内容,请在评论区向作者指出(也可以私信作者),欢迎大佬们指点,也欢迎其他正在学习C语言萌新和作者进行交流。

79630

博客用不着什么JavaScript框架

但这种方法也存在问题:它在配置和本地化方面仍然存在很多未解决 issue。 我们已经看到,单页应用程序在导航方面存在固有的可访问性问题,但要注意是,使用前端框架也会在其他方面带来可访问性问题。...JavaScript 是一种强大语言,可以完成一些令人难以置信事情,但是在开发中你很容易过早开始使用它,其实本来用 HTML 和 CSS 就够了。...应该看看最小功能原则:在你充分利用功能较弱语言(HTML)之前,请不要使用功能更强大语言(JavaScript)。在我看来,将博客变成 JavaScript 单页应用程序会带来不必要复杂性。...Eleventy 为你提供了十种可以任意搭配模板语言选项,包括 markdown、nunjucks 和 liquid;这意味着我可以从 Craft 中复制并粘贴旧模板,更改文件扩展名,并做一些细微调整就能运行在...Eleventry 还有一些让我感到困惑事情:我有一阵子一直搞不懂它分页功能,认为它只是将帖子分页到指定大小一些组中,之后才意识到它可以动态生成全新页面;我还发现自己在同一文件中混用了模板语言

4.1K10

创建 React 应用 7 种方式,你用过几种?

创建一个名为 src 文件夹,所有源代码都放在该目录下,在src目录下,创建index.js文件,该文件也就是 webpack 构建入口文件 import React from 'react' import...老项目迁移会存在一定成本,可以参考我之前文章《将 React 应用迁移至 Vite》 四:Gatsby Gatsby 不仅仅是一个静态网站生成器,它更是一个渐进式 Web 应用生成器。...创建 gatsby 应用 npm init gatsby 在命令行中选择开发语言,是否使用 CMS、是否支持、md、mdx 等 创建完成后,在命令行运行 npm run dev,打开 http://localhost...:8000/ 看下效果 打开 http://localhost:8000/___graphql 运行 graphql 语言查询 比如创建一个博客列表,可以在代码中直接导出一个 graphql 查询语言...优势: ✅ 页面渲染性能优秀 ✅ 对 SEO 友好 ✅ 对打包文件进行了优化 ✅ 轻松部署到 CDN(基于出色扩展功能) ✅ 丰富插件系统 Gatsby 劣势: ⛔️ 使用起来相较于 CRA

6.3K10

2022 年10个优质 Node.js CMS 平台分享

由于基于 「API」,开发人员可以自由选择他们喜欢使用工具、编程语言和框架。 3.混合内容管理系统 混合 「CMS」 融合了传统和无头 「CMS」 体验。...Tina 「Tina」 是一个免费且完全开源无头 「CMS」,专为 「Next.js」 和 「Gatsby」 等基于 「React」 框架构建。...「Tina」 提供了一个 「GraphQL API」,我们可以使用它来查询和获取我们内容。还有一个 「Cloudinary」 包,我们可以用它来优化和管理我们媒体文件。...特点 很棒实时编辑体验 MDX 支持 GraphQL API 网址: https://tina.io/ 8....「Payload」 提供基于配置文件中定义内容集合自动生成 「REST」 和 「GraphQL API」。我们还可以将本地 「API」 与服务器端框架(例如 「Next.js」)一起使用

4.1K20

2023 年,这 9 个项目助你成为前端高手

作者 | Kurt Bittner 、Pierre Pureur 译者 | 平川 策划 | 丁晓昀 无论你是编程新手还是资深开发人员,学习新概念和语言(或框架)都是跟上快速技术发展节奏必要条件...7 用 Gatsby 构建一个博客 Gatsby 是一个很好静态站点生成器,它在底层使用了 React 和 GraphQL。这个项目看起来是这样。...技术栈和特性 Gatsby React GraphQL 插件和主题 MDX/Markdown Bootstrap CSS 模板 如果你曾经想过要开发一个博客,这就是一个很好例子(https://blog.bitsrc.io...我并不是说 WordPress 是一个糟糕选择,但有了 Gatsby,你可以使用 React 构建一个高性能网站——这是一个很棒组合。...Gridsome 与 Gatsby 一样,两者都使用 GraphQL 作为数据层,不一样是 Gridsome 使用了 VueJS。它也是一个很棒静态站点生成器,可以帮你构建出很好博客。

3.1K20

2018年1月份最热门JavaScript开源项目

它可从本地磁盘、Google 云端硬盘、Dropbox、Instagram、远程 URL、摄像机和其他位置提取文件,然后将其上传到最终目的地。它非常快速并且易于使用。...代码片段文章,让你能够在极短时间内可以理解使用它们,分为日期、节点、功能模块等部分,你可以直接将文件这些代码直接导入到你文本编辑器(VSCode,Atom,Sublime) 八、puppeteer...● 本地化: Docusaurus 通过CrowdIn 提供本地化支持。通过翻译文档增强国际社区地位。...具有以下特性: ● 声明式:HyperApp 设计基于 Elm Architecture。使用函数式范例创建可扩展基于浏览器应用程序。你不必学习一种新语言。...十五、Gatsby https://github.com/gatsbyjs/gatsby Star 18245 ? Gatsby 可以使用 React.js 把纯文本转换到动态博客或者网站上。

2K80

【Java 语言】读取 properties 配置文件 ( Java 语言 properties 配置文件 | 使用 properties 配置文件 )

一、Java 语言 properties 配置文件 Java 语言中 , properties 配置文件 是一种用于存储应用程序配置信息文本文件 ; properties 配置文件 通常用于配置应用程序...各种 参数 ; properties 配置文件 是 由一系列 键值对 组成 , 每个 键值对 都表示一个 配置项 ; 每个配置项由 一个 键值对 组成 , 键值对 之间使用等号 " = " 分隔 ;...secret ; 二、使用 properties 配置文件 在 Java 语言中 , 使用 Properties 类 读取 和 操作 properties 配置文件 ; 通过加载 properties...配置文件 , 应用程序可以在运行时获取所需配置信息 , 并根据这些信息进行相应操作 ; 使用 Properties 类 读取 properties 配置 流程如下 : 首先 , 创建 Properties...; // 再后 , 调用 Properties 实例对象 load 函数 , 加载 properties 配置文件 文件输入流 prop.load

59050

一款支持手绘风格开源图表工具—Excalidraw

使用Excalidraw,你可以创建美观手绘风格图表、线框图等 主要特点: •Excalidraw编辑器(npm包)支持以下功能:• 免费且开源。•无限、基于画布白板。•✍️ 手绘风格。...• 支持本地化(国际化i18n)。•️ 可导出为PNG、SVG和剪贴板。• 开放格式 - 可将绘图导出为.excalidraw json文件。...功能 Excalidraw.com网站是使用Excalidraw可以构建内容最小展示。其源代码也是这个存储库一部分。该应用程序具有以下功能: •PWA支持(离线工作)。• 实时协作。...react-dom @excalidraw/excalidraw•或通过yarn:yarn add react react-dom @excalidraw/excalidraw 集成 •VScode扩展•npm包 使用...使用语言 •TypeScript 88.0%•SCSS 4.8%•MDX 4.3%•JavaScript 2.6%•HTML 0.3%•CSS 0.0% 引用 更多详细内容大家可以看这里: https

63310

声临其境 — 音频沉浸体验

随着长视频制作行业和消费市场持续发展,国外越来越多优秀内容“走进来”,同时更多国内优秀作品“走出去”,这对配音本地化提出了极大挑战。...作为国内长视频领导者爱奇艺在自有的海量内容优势下,基于Voice Conversion,MDX,Denoise等AI技术,研发了面向影视剧场景AI配音技术IQDubbing,有效地缓解了影视剧配音本地化问题...Conversion,MDX等,以及相关创新点等,同时介绍IQDubbing配音技术在实际业务中应用效果;第三部分介绍IQDubbing遇到问题以及未来计划。...其中双耳音频对于嘈杂环境下语言理解起到关键作用,对于交互体验和语音可懂度提升都有帮助,但是到目前为止空间音频在远程会议场景中应用还非常少。...随着在线会议普及,用户已经不再满足于能听到,而是要有更为极致听感体验,如何能够在复杂多变应用场景中依旧保证声音清晰流畅是对会议系统极大挑战。

59420

AI法律助手与原创奇幻小说生成

eosphoros-ai/DB-GPT[1] Stars: 6.4k License: MIT DB-GPT是一个实验性开源项目,利用本地化GPT大型模型与数据和环境进行交互,旨在提供私密性和安全性数据处理解决方案...是一系列基于中文法律知识开源大语言模型。...核心优势在于: 提供了不同版本、参数量大小不同但逻辑推理能力各有所长 (从简单到复杂) 预训练语言模型。 使用丰富多样化并经过清洗、增强处理后构造出来用作对话数据集。...lvwzhen/law-cn-ai[4] Stars: 4.5k License: NOASSERTION 这个项目是一个 AI 法律助手,它从指定目录中获取所有的 .mdx 文件,并将其处理成自定义上下文以供...用户可以提供一个初始提示,并输入希望有多少章节,然后 AI 会生成一整本小说,并输出与电子书阅读器兼容 EPUB 文件

24020

C语言dll文件说明以及生成、使用方法

最近在搞一些小项目,由于要涉及到跟其它语言进行交互,动态链接库变成了不二选择。为此也查阅了很多资料,将动态链接库相关知识在此做一个整理。...(3)扩展了应用程序特性,使用dll文件可以使得应用程序能很方便进行功能扩展,很多程序插件机制就是通过dll文件实现。      ...(4)可以用多种语言来编译和调用,由于各种语言都有自己独特开发优势,在处理某类事务方面具有着独特优势,所以在多种语言编程过程中,可以利用dll文件作为桥梁,可以发挥多种语言优点。...使用是vs2015,在debug模式或者release模式下调试后会在相应目录下生成dll文件,即可使用。 五、调用DLL文件   生成DLL自然是为了调用,调用DLL有两种方式。...lib文件、dll文件都放到跟源文件同一目录下即可使用

5.4K60
领券