问题标签 [gridsome]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1066 浏览

vue.js - 如何在 Buefy 轮播组件中设置 itemWidth?

我在单个文件组件中使用Buefy Carousel Listfrom 。我需要将幻灯片的宽度从默认(476.25)更改为我自己的图像(176)。https://buefy.org/documentation/carousel#carousel-listGridsomewidth

Vue dev工具中,我可以手动覆盖 data prop itmeWidth。这显示正确,并且 Vue 开发工具显示计算的道具已更改为itemStyle: "width: 176px;"

如何将新宽度编码到组件中?我尝试过通过样式(.carousel-slide width: 176px)、数据道具(itemWidth: 176)和计算道具(itemStyle: "width: 176px;")。所有都被忽略并应用默认宽度。

0 投票
1 回答
354 浏览

javascript - 使用 Gridsome 博客按日期排序

我最近开始使用 Gridsome 静态站点生成器构建一个新站点,我喜欢它。在网站上工作时我注意到的一件事是,当我创建帖子时,它们并没有以任何特定的顺序出现,或者我是这么认为的。我对 GraphQL 完全不了解,所以我开始寻找让 Gridsome 按日期对博客文章进行排序的方法。

我花了太多时间弄清楚如何按日期对博客文章进行排序,作为我使用的按文件名排序的 Casper V3 构建的默认设置。我想我会分享以防它帮助其他人。

0 投票
1 回答
532 浏览

vue.js - Gridsome 如何处理外部图片 URL

谁能解释一下 Gridsome 如何处理 Markdown 文件中的外部图像 URL。它是下载图像还是简单地使用该 URL 呈现外部图像。

0 投票
0 回答
167 浏览

vue.js - Prismic/GraphQL 和 Gridsome/Vue 渲染的 v-html 显示在字符串中

所以我使用 Prismic/GraphQL 和 Gridsome 创建了我的网站。而且我得到了查询工作,只有在将字符串渲染为渲染字符串时才显示只有空格会去哪里。

我使用 v-html 来呈现字符串。我什至尝试格式化它,但在我看来,我好像错过了什么?

我的 graphQl 只是基本的变体:

这是 grahQL 资源管理器中输出的部分内容:

但实际输出是这样的:

0 投票
1 回答
281 浏览

javascript - Netflify CMS 手动初始化中的环境变量(Gridsome)

我正在用 Netlify 托管的 Gridsome 和 Netlify CMS 构建一个网站。Netlify CMS 的东西位于/static/admin. 我正在手动初始化 Netlify CMS,index.js以根据环境变量更改它推送的分支。

我在netlify.toml文件中设置这些环境变量,如下所示:

但是当我构建并导航到mysite.com/admin访问 CMS 时,分支始终是develop并且环境变量是undefined. 我尝试了很多不同的东西,我想我在这种情况下对环境变量有一些基本的误解。如果有人可以帮助我并向我解释这些东西或提供可行的解决方案,我会是一个快乐的人。

在此先感谢和欢呼!

0 投票
0 回答
71 浏览

vue.js - 组件错误地从其他组件输出内容

我是第一次使用 Gridsome。我只是想设置我的网站的布局 - 我没有连接任何 API 或任何东西,只是想输出原始 HTML。我有一个 SkipToContent 组件和一个 Header 组件。两者都在输出 Header 组件的内容,我很困惑。我试过重新启动本地服务器和一般调试的东西,比如确保所有文件都保存了。以下是文件:

头文件.vue

SkipToContent.vue

默认.vue

HTML 输出: 在此处输入图像描述

我觉得我要么在做一些非常明显的错误,要么这是在 Gridsome 中使用 TypeScript 的某种问题?

感谢您的任何建议:)

0 投票
1 回答
161 浏览

vue.js - How to use GraphQL queries with BootstrapVue b-table?

I can use <b-table-simple> with GraphQL queries and it works fine, for example:

But how can i do this with <b-table>?

0 投票
0 回答
191 浏览

wordpress - Gridsome条件模板生成

我在 wordpress 帖子中将博客帖子归类为“工作”。

我想从具有“工作”类别的帖子创建页面。我认为这是模板的一个很好的用例:

但这将从所有帖子中创建页面,而不仅仅是具有“工作”类别的帖子。

有没有办法从具有特定类别的帖子有条件地创建页面?

我在想类似的事情:

这失败错误:属性路径的重复键:/

好像它在根目录下生成其他页面?

非常感谢!

0 投票
2 回答
1064 浏览

javascript - Vue在页面加载时滚动到顶部

我目前在我的投资组合网站中使用Gridsome。但是,当我在移动/平板设备上的页面底部比我要导航到的页面长时,页面不会滚动到 Firefox 的顶部。在谷歌浏览器上它工作正常。

我正在使用以下代码滚动到页面顶部:

我尝试了其他解决方案,但似乎没有任何效果。我不想为此解决方案使用任何 jquery。

0 投票
1 回答
469 浏览

javascript - Gridsome 项目托管在 netlify 上。点击时,即使 URL 更新,页面也不会加载

我部署的站点部署在 Netlify 上,当单击登录页面上的任何链接时,URL 会更新,但除非我刷新页面,否则内容不会显示。请注意,在我的本地开发服务器上,这不是问题。它只是现场网站上的一个问题

注意:这方面的文献不多。在https://github.com/gridsome/gridsome/issues上,问题 #324 和问题 #337 都提出了相同的问题,尽管答案不适用于我的项目。

1) 在 ezrasnashim.netlify.com 上查看现场网站。尝试点击登陆页面上的任何链接

环境

@gridsome/cli v0.3.1 网格体 v0.7.12

浏览器:firefox开发者浏览器、google chrome浏览器