程序员经验分享-hwhale

NextJS 在 MDX 中导入图像

2023-12-10

我尝试了官方 NextJS MDX-Blog 示例。https://github.com/mdx-js/mdx/tree/master/examples/next

但我无法弄清楚如何设置 NextJS 配置以通过 webpack 加载图像？

import img from "./image.jpg"

## Hallo Blogwelt

![My own Image]({img})

您还可以使用/public保存图像的目录。例如，如果您在以下位置添加图像/public/image.jpg，您可以像这样引用博客文章中的图像：

![Alt Text](/image.jpg)

Edit: https://nextjs.org/docs/basic-features/image-optimization#local-images

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

ReactJS

Nextjs

NextJS 在 MDX 中导入图像 的相关文章

  • Promise.all 返回一个未定义的数组并在完成之前解析

    我在返回数组的函数时遇到问题undefined 这是代码 classMethods getQueries function models dbId dateStart dateEnd return new Promise function

  • Angular JS - 如何验证数字输入中的位数

    我们想要做的是 有一个仅接受 0 24 的输入 对于时间输入应用程序 这些是用户应该能够输入到输入中的值 0 1 2 3 4 5 6 7 8 9 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15

  • 使用 JS 和 HTML 将当前 URL 插入链接

    所以 我已经阅读了类似的内容 但我仍然找不到更适合我正在做的事情的答案 我正在尝试使用 JS 获取当前页面 URL 并将其附加到社交媒体共享链接 如下所示 a href target blank 使用 Javascript 我成功地将当前

  • React 应用程序 npm 错误代码 ELIFECYCLE

    下面是我的反应应用程序 我尝试过重新安装node module 设置 环境变量 C Windows System32 name my app version 0 1 0 private true dependencies testing l

  • 如何获取 CSS 旋转元素的实际（非原始）高度

    我需要获取几个不同元素的实际高度 为了精确的自定义工具提示定位 并且其中一些元素 不是全部 被旋转 elem outerHeight 返回原始高度 而不是实际显示的高度 这是一个非常简单的例子 http jsfiddle net NPC42

  • 使用西里尔字母的正则表达式

    我有一个用于文本区域字段中字数统计的 jQuery 函数 此外 它排除所有用 三重括号 封闭的单词 它对于拉丁字符效果很好 但对于西里尔字母句子有问题 我认为错误部分与正则表达式有关 field val replace g match b

  • JavaScript 函数参数和范围

    我用下面列出的代码做了一些测试 function foo x alert y var y I am defined outside foo definition foo 上面的代码给了我一个警告 我是在 foo 定义之外定义的 然后另一个测

  • 当容器有选择框时 jQuery mouseleave 触发问题

    我有两个容器 一个嵌套在另一个容器内 当我将鼠标悬停在父容器上时 我希望显示子容器 当我鼠标移出时 我希望子容器淡出 我遇到的问题是子容器有一个包含 选择框 的表单 当用户选择选择框时 会意外触发 mouseleave 事件 如何阻止选择框

  • 是否可以从“GET”请求中检索 MS/延迟？ （Javascript/Jquery）

    我目前正在使用 jquery 发出一些 getjson 请求 他们是获取请求 GET http localhost MySite JSON http localhost MySite JSON 现在您可以在 Firebug 中观看请求的触发

  • 与玻璃钢战斗

    我读过有关 FRP 的内容 非常兴奋 它看起来很棒 因此您可以编写更多高级代码 并且一切都更加可组合 等等 然后我尝试用数百个 sloc 从纯 js 到 Bacon 重写我自己的小游戏 我发现 我实际上不是编写高级纯逻辑代码 而是击败了 B

  • 按位非运算符

    为什么要按位运算 0 打印 1 在二进制中 不是0应该是1 为什么 你实际上很接近 在二进制中 不是0应该是1 是的 当我们谈论一位时 这是绝对正确的 然而 一个int其值为0的实际上是32位全零 将所有 32 个 0 反转为 32 个 1

  • Google Apps 脚本：如何水平对齐 inlineImage

    我有以下代码 它是一个更大程序的一部分 我正在尝试将图像从我的 Google 驱动器插入到 Google 文档中 并调整其大小并居中 到目前为止 我能够让程序插入图像并调整其大小 但我不知道如何使 inlineImage 居中 我是使用谷歌

  • 如何使用 jQuery AJAX 和 JSON 通过 Bootbox 确认表单提交

    我正在使用一个网络应用程序工作Spring MVC 我试图在提交表单之前显示一个确认对话框Bootbox 但我收到 500 内部服务器错误 这是我的表格

  • 为什么 `BehaviorSubject` 不发出最后一个值

    The 关于BehaviorSubject的文档 http reactivex io documentation subject html声明它应该返回最后发出的值 无论我何时订阅 但它不会为我返回它 const ofObservable

  • 同步通用分析

    新的Universal Analytics重新引入了同步事件跟踪 https developers google com analytics devguides collection analyticsjs method reference

  • 如何在 C# 中通过 JavaScript 回调运行 QUnit 测试并获取测试结果？

    在我的几个项目中 我使用 MVC 模式将代码 关注点 分为 3 层 模型层和控制层都在 C 上运行 因此我使用 MSTest 或 NUnit 等测试框架来验证这些层的功能需求 对于视图层 我使用 QUnit 来测试 JavaScript 文

  • 如何使用 Browserify 获取 html 模板

    我正在尝试找出一种简单的方法 在脚本中需要 html 模板 然后从 CLI 运行 browserify 假设我想获取一个模板并将其附加到正文中 index js var template require template html docu

  • 谷歌地图通过骨干javascript返回div标签但不显示

    我已经开始使用地理定位 我可以获得坐标等 我想在地图中显示它 但是当我将地图返回到 div 时 什么也没有显示 现在我查看了 div 地图正在返回 但只是不可见 这是有问题的 div 请注意 这似乎只是一个小地图的链接 a style di

  • 1° 夏令时 Java 和 JS 表现出不同的行为

    假设巴西利亚 GMT 0300 夏令时于 21 10 2012 00 00 00 此时时钟应提前一小时 Java new Date 2012 1900 9 21 0 0 0 Sun Oct 21 01 00 00 BRST 2012 Chr

  • 如何通过 jQuery onblur 提交表单

    所以我尝试通过 jQuery onblur 提交表单 即一旦焦点离开密码字段 表单就会通过 jQuery 提交 有类似的问题 但这不是我要找的 我尝试使用 document getElementById 但它不起作用 任何帮助表示赞赏 提前

随机推荐

  • 使用数据表按不同顺序对多列进行排名

    使用下面的示例 如何使用不同的顺序对多个列进行排名 例如将 y 按降序排列 将 z 按升序排列 require data table dt lt data table x c rep a 5 rep b 5 y abs rnorm 10 1

  • 所有属性上的 INotifyPropertyChanged

    考虑到一个具有大量属性的类 我想实现一个 Dirty 标志 以便知道是否应该更新数据库中的值 有什么办法可以提高PropertyChangedon 所有属性 而无需手动检查并在设置器中将其拔出 编辑以澄清一些事情 我确实浏览了此处链接的线程

  • 为什么使用“pickle”转储比“json”快得多？

    这是针对 Python 3 6 的 编辑并删除了很多无关紧要的内容 我以为json比pickleStack Overflow 上的其他答案和评论让很多人看起来也相信这一点 我的测试合格吗 差距比我想象的要大得多 我在非常大的物体上测试得到了

  • MySQL 选择特定值的最新行

    我正在努力思考如何生成一个能够注意到正确结果的 MySQL 查询 我有一个表 其结构如下 工作流程状态历史记录 id reference status 1 308ffn3oneb Lead Received 2 308ffn3oneb Qu

  • 如何将2个变量求和并将其存储到一个变量中

    我有一个包含 2 个不同子报告的主报告 我有一个来自 subreport1 的变量 sum 例如 10 整数类型 我有来自另一个 subreport2 的另一个变量 sum 例如 2 整数类型 I have 成功从每个子报表中检索了 2 个

  • 获取两个单词之间的文本[关闭]

    很难说出这里问的是什么 这个问题模棱两可 含糊不清 不完整 过于宽泛或言辞激烈 无法以目前的形式合理回答 如需帮助澄清此问题以便重新打开 访问帮助中心 我需要知道如何获取两个给定单词之间的单词 不幸的是我不知道该怎么做 例如 你好 美好的一

  • 使用存储过程作为 MS Access 表单记录源

    现在 我有一个数据库 带有 SQL Server 后端和 MS Access 前端 在一种表单上 我的用户的显示加载时间很慢 该表单本质上是查找用户是谁 基于他们的登录 ID 这部分有效 查看他们的访问权限 只读 v 更新等 这也有效 然后

  • 如何将范围对象插入公式中

    我想将范围对象插入公式中 一个示例应该大致如下所示 Dim x As Range Set x Range Cells 1 1 Cells 2 1 Range C1 Formula SUM x 单元格 C1 中的结果应为 SUM A1 A2

  • 在单个四开 PDF 输出中创建多页面方向

    这个想法是复制 PDF 输出rmarkdown in quarto在本例中 是在单个文档上创建多页方向 在rmarkdown我可以用这个轻松做到trick 但是 我无法在四开本中执行此操作 它会不断发送错误消息 compilation fa

  • GWT - 在共享文件夹中放置什么？

    我仍然不确定要放入什么shared文件夹 如果我正在执行 RPC 请求 并将 Pojos 从客户端发送到服务器 反之亦然 我是否必须将它们放入shared文件夹 因为它们被客户端和服务器使用 EDIT 也许我用错了术语但是当我说Pojo我其

  • 将 JQuery 确认添加到任意元素的最佳不显眼的方法

    我是 jquery 的新手 正在寻找一种好的 不显眼的方法来将 javascript confirm 的 jquery 替换添加到 HTML 元素 具体来说 我希望能够将它用于 ASP NET 按钮 LinkBut tons ImageBu

  • jqGrid 将纪元时间（从毫秒开始）显示为日期时不排序

    我使用 jqGrid 我的网格定义是这样的 colNames Type Date Message User Name Host colModel name type index type width 100 name date index

  • 如何打开和关闭自动亮度？ （不重复）

    我只是想打开和关闭自动亮度 我从这段代码开始 在 onCreate 方法内 final ToggleButton autoBrightToggle ToggleButton findViewById R id brightToggle di

  • slickgrid 使用正则表达式验证列

    有一个带有列验证的简单示例 function requiredFieldValidator value if value null value undefined value length return valid false msg Th

  • 在 MEX 函数中将特征复数矩阵返回到 MATLAB，无需额外复制

    这个问题演示如何使用映射对象将双精度矩阵返回到 MATLAB 以下适用于非复杂数据 double outputPtr plhs 0 mxCreateDoubleMatrix mwSize n mwSize m mxREAL outputPt

  • 使用核心图时应用程序崩溃

    Unknown class CPTGraphHostingView in Interface Builder file 2012 01 09 16 09 34 242 ChartArea 2595 207 UIView setHostedG

  • 将函数应用于 pandas Dataframe，其返回值基于其他行

    我有一个如下所示的数据框 gt gt gt import pandas gt gt gt df pandas DataFrame region east west south west east west east west item on

  • 如何垂直对齐

    我有一个水平的 ul 我需要将每个都居中 li 垂直地在其中 我的标记如下 每个 li li 有边框 我需要项目及其内容垂直位于中间 请帮忙 我是 CSS 新手 li ul

  • Twitter认证后回调

    我正在尝试将 Twitter 集成到我的应用程序中 但我似乎无法让它工作 这是我的代码 public class OAuthForTwitter extends Activity private CommonsHttpOAuthConsum

  • NextJS 在 MDX 中导入图像

    我尝试了官方 NextJS MDX Blog 示例 https github com mdx js mdx tree master examples next 但我无法弄清楚如何设置 NextJS 配置以通过 webpack 加载图像 im

热门标签