首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Jekyll _data文件中对JSON对象进行寻址的正确语法

是通过点(.)符号进行层级寻址。

JSON对象是一个键值对的集合,可以用来存储和传输数据。在Jekyll中,_data文件夹用于存放数据文件,可以在模板中通过寻址来访问这些数据。

假设有一个名为data.json的数据文件,其中包含以下内容:

代码语言:txt
复制
{
  "person": {
    "name": "John",
    "age": 25,
    "email": "john@example.com"
  }
}

要访问这个JSON对象中的name属性,可以使用以下语法:

代码语言:txt
复制
{{ site.data.data.person.name }}

上述语法中,site.data表示访问Jekyll中的数据对象,data表示_data文件夹下的数据文件名(不带文件扩展名),person表示JSON对象中的键名,name表示person对象中的属性名。

通过点符号的层级寻址可以让我们方便地访问嵌套的JSON对象。如果要访问其他属性,只需在点符号后面加上相应的属性名即可。

Jekyll还提供了另一种语法来访问JSON对象,即使用方括号([])进行寻址。例如,要访问上述JSON对象中的name属性,可以使用以下语法:

代码语言:txt
复制
{{ site.data.data["person"]["name"] }}

上述语法中,方括号内的字符串表示属性名,通过多次嵌套方括号可以实现对深层属性的访问。

这是一个简单的示例,展示了在Jekyll _data文件中对JSON对象进行寻址的正确语法。根据实际需要,可以根据JSON对象的结构进行相应的寻址操作。腾讯云相关产品和产品介绍链接地址请参见腾讯云官方网站。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用 jsDelivr 免费加速 GitHub Pages 博客静态资源(二)

Jekyll layout 可以理解为页面模板,它是可以继承,比如我博客所有页面模板有一个共同祖先模板 _layouts/default.html,模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索,它搜索数据是来自一个动态生成 JSON 文件。...这个 JSON 文件编译前长这样: https://github.com/mzlogin/mzlogin.github.io/blob/master/assets/search_data.json Jekyll...编译后长这样: https://mazhuang.org/assets/search_data.json 这样资源是没有办法直接通过替换网址来用 jsDelivr 加速,因为 jsDelivr 上缓存是编译前文件...修改引用 JSON 文件地方,比如我 _includes/sidebar-search.html 里写法由: json: 'https://mazhuang.org/assets/search_data.json

1.2K31

使用 jsDelivr 免费加速 GitHub Pages 博客静态资源(二)

Jekyll layout 可以理解为页面模板,它是可以继承,比如我博客所有页面模板有一个共同祖先模板 _layouts/default.html,模板里可以使用 Liquid 语法对内容进行处理...0x02 站内搜索引用 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索,它搜索数据是来自一个动态生成 JSON 文件。...这个 JSON 文件编译前长这样: https://github.com/mzlogin/mzlogin.github.io/blob/master/assets/search_data.json Jekyll...编译后长这样: https://mazhuang.org/assets/search_data.json 这样资源是没有办法直接通过替换网址来用 jsDelivr 加速,因为 jsDelivr 上缓存是编译前文件... GitHub Actions 感兴趣同学可以自行参考官方说明学习。

1.1K00

Jekyll 优化合集

另外值得注意是,因为原来文章首页发生了移动,搜索使用 search.json 配置文件也要复制一份,这样能同时保证不同目录下搜索功能。...important; } }   另外,也需要在 _config.yml 文件导航栏添加链接,如下所示。...由于 Markdown 语言解析器 Markdown 标准支持不同,可能不支持 LaTex 公式,本站所使用主题原来就尚未 Markdown 公式或者 LaTex 公式进行支持。...此处,为了原生支持 LaTex 语法采用双$符号来声明公式,同时也相应调整了 MathJax 配置。于是就可以基于文章模板页面中直接使用如下所示 LaTex 声明即可正确显示数学公式了。...其实在 Jekyll 要做到这个也不是很难,只需要对整个文章内容进行字符计数即可。

2.1K30

开发工具总结(14)之Jekyll制作文档并发布到GitHub

第二步:把下载好模板上传到自己Github仓库。 第三步:_posts文件夹中放入自己写好博客,文件名必须是日期-标题名,例如:2019-01-01-我第一篇博客。...布局可以 YAML 头信息根据不同文章进行选择。 这将在下一个部分进行介绍。标签 {{ content }} 可以将content插入页面。 _posts 这里放就是你文章了。...文件格式很重要,必须要符合: YEAR-MONTH-DAY-title.MARKUP。 The permalinks 可以文章自己定制,但是数据和标记语言都是根据文件名来确定。..._data 放一些其他配置文件,必须是.yml或者.yaml格式,比如有一个文件叫members.yml,如果想引用这个文件内容就通过site.data.membres来引用 _site 一旦 Jekyll...---- 三、相关语法官网 Liquid语法: https://help.shopify.com/themes/liquid Jekyll中文网: http://jekyll.com.cn/ 本地预览博客效果

1K30

个人免费博客花式搭建指南

其他   除了以上这些,也有一些其他支持 Markdown 语法和部署简单免费博客搭建方法,比如说将静态网站部署普通虚拟主机、虚拟服务器上,将静态网站文件当做是对象存储并开放匿名访问,使用 Read...当然,Jekyll 完全支持用户原有主题上进行更改,只要你了解文件是如何组织、需要何种环境等等,你就可以做出自己修改。...实际使用过程,笔者根据自己需求也 H2O 主题上做出了一定功能修改,并开源为 jekyll-them-H2O-ac。...语法指南 # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 普通段落文件(直接输入) **加粗** *斜体* `段落内标签,通常在段落引用命令时使用...; 代码内容,# 号与文字之间空一格,# 号与代码同行时距离不宜过长,如相邻几行都有注释对齐为佳;当代码注释内容超过一行时最好将注释放在代码后一行,此时 # 号前不留空格; 使用图片进行解释时候

1.8K40

什么是JSON PATH?

什么是JSON PATH一般编程语言中,JSON对象,深层次对象和属性访问,使用一种链式标识方式,例如对于下面这个对象(来自PG官方技术文档):js 代码解读复制代码{ "track":...JSON对象类似于JS语法,使用.和括号,结合属性名称来表示寻址路径寻址次序,从左到右进行解析属性名称中有空格,可以使用双引号包围对于数组,可以使用通配符 *,或者具体数字可以使用条件语句,来属性进行过滤条件语句中...作为操作符PG关于JSON PATH有那些相关功能和函数JSON章节,我们已经提到,下面由两个操作符,需要配合JSON Path进行使用:jsonb @?...jsonb @@ jsonpath → booleanJSON对象,使用JSON Path进行谓词检查,只计算第一个匹配项目。...路径字符串,还可以定义参数,并可以使用在vars对象值来替换(也就是说path也可以是参数化);silent参数为true时,函数将抑制与@?

7110

手把手教你用vuepress搭建自己网站(1)

特点:比Jekyll要先进一点,先生成文件,部署 基于Node.js静态网站生成器 主题很丰富,vuepress之前很多博客,文档网站都是基于Hexo搭建,是用jekyll还是Hexo搭建,基本上做...,但是简单,你只需专注 md 编写就可以 Docute,是Docsify升级,没有构建过程,将 md文件呈现为单页面应用程序,会生成静态HTML, SEO很友好,利于百度蜘蛛抓取 Docsify官方文档...使用文档,可以去尝试一下,这个不仅仅可以写Ts,md也可以写TypeScript 自己用 VuePress搭建网站过程,从零开始,一行行代码配置,编写,以及考虑代码模块化拆分,维护性,可实现按需定制化...先把官方默认主题,玩熟悉了,去玩自定义主题,以及进行二次开发,都是可以 口说无凭,话说多了,都是故事,下面一步步带你从零开始,到域名部署等,搭建属于自己网站,开始自己记录之旅....文件夹后,cmd或git bash终端下,使用npm init -y,或yarn init -y初始化,会自动生成一个package.json文件 yarn init -y 或 npm init -

1.2K20

如何在Windows平台上基于github搭建个人博客平台

本文将介绍Windows平台上搭建基于github pages 个人博客网站过程,以及利用Jekyll进行本地博客调试过程,对于不懂前端的人来说是一个比较基础入门教程。...另外,本文也同步发布个人博客上面,本文中一些外部超链接,所涉及到工具typora, 博客模板github地址,基于Ruby本地博客调试方式,博客主题和markdown语法等更多详细信息,...这里不对Github使用做深入解释,感兴趣的人可以自行搜索。这里假设阅读本文的人已经Github使用有了一定了解。...选择自己喜欢主题 用户也可以自行选择其他主题,jekyll主题官网 上有很多开源主题,可以选择自己喜欢,也可以自行搜索jekyll主题,网上有不少开源主题,选择自己喜欢即可。 3....上述安装完成以后,需要执行以下命令安装bundle: gem install bundle 然后是安装jekyll,由于github pages是基于jekyll,所以我们本地安装jekyll以后进行本地网页调试

82150

用Github搭建个人博客

站点 先看看阮一峰《搭建一个免费,无限流量Blog—-github Pages和Jekyll入门》,看完整个站点应该就有了一个大概认识。...jekyll templates可以看到,是支持include,只需要在根目录下创建一个名为_includes目录,把页面片放到这个目录,然后用下面的语法加载对应页面片文件即可: {% include...footer.html %} #加载名为 footer.html 文件到当前位置 {% include footer.html param="value" %} #也可传参数到页面片文件footer.html...于是,我们可以用同样方法建立导航、头部之类公用代码,然后放到_includes目录需要位置引用。...,按下Ctrl+B即可在本地浏览器进行简单预览了。

72010

本地运行 fyne 官网

它支持使用 markdown 语法编写文章,然后自动生成相应静态页面托管远程主机上供用户访问。为了能本地运行文档,我们必须先安装 ruby + jekyll 环境。...如果输出正确 ruby 版本信息,说明安装成功。如果提示命令找不到,则未安装成功,或环境变量设置不正确: ? 成熟编译语言通常都有相应包管理工具,用于下载和管理依赖。...如果提示命令找不到,则安装失败,或环境变量设置不正确: ? Mac Mac 上可以直接使用 brew 安装 ruby 和 gem。...这是应该有个依赖版本问题,我们可以使用错误提示命令bundle启动: $ bundle exec jekyll serve 运行成功: ?...这时,我们就可以浏览器输入:http://localhost:4000就可以本地随意浏览官网了。 ?

6.2K30

Linux 上搭建Jekyll静态博客

网站配置基本都集中 _config.yml 文件,将其中与个人信息相关部分替换成你自己,比如网站 url、title、subtitle 和第三方评论模块配置等。...我该缺陷记录见 [Issues#2][3]。 删除我文章与图片。 如下文件除了 template.md 文件外,都可以全部删除,然后添加你自己内容。..._posts 文件是我已发布博客文章。 _drafts 文件是我尚未发布博客文章。 _wiki 文件是我已发布 wiki 页面。...images 文件是我文章和页面里使用图片。 修改「关于」页面。...pages/about.md 文件内容对应网站「关于」页面,里面的内容多为个人相关,将它们替换成你自己信息,包括 _data 目录下 skills.yml 和 social.yml 文件数据。

2.4K80

GitHub 12个实用技巧

但是如果你直接粘贴一个段Vue,Typescript或者JSX代码,你可以指定出来以得到正确语法高亮。 注意第一行 ```jsx : ? 意味着这段代码可以正确显示: ?...(顺便说下,gist,如果你gist文件后缀名是.jsx, 将自动获得JSX语法高亮) 这是所有支持语法列表. #4 PRs巧妙关闭issues 如果你创建了一个pull request来修复问题单...缺点 我最近三周开始使用GitHub来替代Jira来进行管理项目(一个小项目)。越用越喜欢。 但是我不敢想象用它来进行敏捷开发,因为我想要正确评估和计算所有事物。...您想将文本块存储某个地方,而且可以很方便编辑,且不需要开发。 我建议是文本写在markdown文件,然后存到你仓库。接着在前端写一个组件来请求文件然后渲染。...为了看上去统一,把谷歌开发工具换成黑色(这个是内置设置打开),然后换成Atom One Dark 黑色主题 。 最后 就这些。 希望你有用,祝你生活愉快。

1.2K20

基于Jekyll与Github Pages搭建博客

创建完成后,进入所创建库,settings页面找到GitHub Pages进行设置,如果你库有按照上述方式进行命名,则它会自动进行设置,设置成功后会该页面出现绿色提示,成功后可选择 Choose...Jekyll 运行环境配置与安装 事实上,搭建博客过程,配置这个安装环境我花时间是最久也是最懵逼,最后也是不知道为什么才终于配置成功。...我博客选择 Github 上找博客主题,它对目录各个文件内容、功能都有很详细地说明,适合我这样小白学习使用 Jekyll 。...我在对这个模板进行改造过程也慢慢熟悉了 jekyll 目录结构和操作方式。...通过查看本地博客和修改文件参数,我们就可以慢慢完善出一个属于自己博客了。当你自己本地博客满意后,就可以开始将博客文件上传到第一步创建 Github 库中了。 4.

1.1K10

package.json文件快速入门详解

写在前面 相信入门nodejs或者npm同学会对package.json这个文件有疑惑,这个文件作用不是很清晰,但搭建自己博客每每用到node,npm这个文件又必不可少。...npmpackage.json文件管理项目的依赖项以及项目的元数据。 node执行jsrequire时候,也会根据package.json依赖项查找。...package.jsonnpm中用比较多,我github博客就是基于npm管理搭建项目根目录下有package.json这个文件,如图 ?...{ "name" : "xxx", "version" : "0.0.0", } package.json文件就是一个JSON对象,该对象每一个成员就是当前项目的一项设置。...这个字段默认值是模块根目录下面的index.js。 4.Config object Config对象Scripts整个周期中皆可用,专门用于给Scripts提供配置参数。

97010

解决 but found )

本篇博客文章,我将介绍如何解决这个问题。错误原因"END_OBJECT but found FIELD_NAME"错误通常出现在处理JSON数据过程。它表示解析JSON数据时出现了语法错误。...具体来说,它表示JSON对象结尾位置预期了一个结束符号('}'),但实际上却找到了一个字段名。 这个错误通常是由以下几个原因导致JSON对象括号没有正确地匹配。...例如,可能缺少了一个闭合'}',或者多余了一个多余'}'。JSON对象字段顺序不正确。需要注意是,一些编程语言中,JSON字段顺序是有意义。如果字段顺序不正确,解析器可能会报错。...确保JSON数据符合JSON规范语法,并且没有任何非法字符。使用工具进行JSON验证。可以使用一些在线或本地JSON验证工具来帮助我们检查JSON数据格式和语法是否正确。打印详细错误信息。...空白字符和换行符JSON空白字符(空格、制表符、换行符)语法上是可选,可以根据需要进行使用或省略,不会影响JSON解析。5. 注释JSON规范不支持注释,不能在JSON添加注释。6.

22340

可能是最全面的github pages搭建个人博客教程

以后操作都在你自己仓库进行。 ? 版权声明:fork之后_posts文件夹内容是我博客文章,版权归我所有。你可以选择删除里面的文章替换上自己或者转载附上链接注明出处。...评论功能基于gitalk,配置文件中找到gitalk配置项目: 修改规则如下: gitalk: clientID: clientSecret: <你clientSecret...文章用markdown语法,写好统一放在_post文件夹下上传,git page会自动从你git仓库拉去解析成网页,立刻就能在你博客网页浏览。...配置search.json 复制这份代码到你博客根目录 这个配置文件代表可以按博客标题、标签、时间、分类搜索。.../js,里面包含simple-jekyll-search.min.js和simple-jekyll-search.js两个文件,连同js文件夹放在你根目录下面。

14.5K10
领券