12.Hexo helpers类似函数和data folder数据文件夹

helper

Hexo里的helper,或者说是函数
基本上就是小函数,可以在layout布局中使用,可以允许做一些事情
如字符串操作、检查true或false、检查是否在一个页面上、打印出某个页面中的日期或时间特定格式

打开index.ejs
![[Pasted image 20240421140438.png]]

trim

可以通过

<%-  %>

来访问helpers

在中间输入想要输入的helper的名称

<%- trim %>

修剪前面的空白,字符串的尾随空格

<%- trim("   This is my string   ")%>

这个字符串前后都有空格
在浏览器中渲染的时候,空格就消失了
![[Pasted image 20240421141113.png]]

titlecase

控制字符串中的大小写,将字符串中的每个单词大写

<%- titlecase("This is my string")%>

![[Pasted image 20240421141437.png]]

发现每个单词的首字母都变为大写字母

date

可以用来显示日期和时间

<%- date() %>

要传入的第一个事是想要分开i的日期
frontmatter上的日期,比如有一篇博客文章,可以用它来解析博客前面的日期
或者直接输入当前的日期

<%- date(Date.now(), 'YYYY/M/D') %>

这样会提供当前日期和时间,然后给出想要打印使用的格式
![[Pasted image 20240421142215.png]]

time
<%- time(Date.now(), 'h:mm:ss a') %>

h:mm:ss是时间格式,a来显示是am还是pm
![[Pasted image 20240421142436.png]]

其余的helper可以查看官方的Hexo文档
Helpers | Hexo


data folder

date foler是一个非常特殊的文件夹
基本上可以用作是网站上的迷你数据库,可以去存储外部数据文件的地方,如果想要在网站内部使用这些文件

在Hexo中存储信息的方式之一是在frontmatter中
有a和b两个md文件
![[Pasted image 20240421144632.png]]

![[Pasted image 20240421144639.png]]

可以知道标题日期和作者

如果想要存储与特定博客文章无关的数据
如果想要访问一般数据
可以使用data folder来实现操作
![[Pasted image 20240421144855.png]]

在source文件夹里,创建一个_data文件夹
在这个文件夹里可以创建数据文件
有两种格式

  1. .json
  2. .yml
    这也是frontmatter可以使用的两种格式
    所以访问数据文件夹和数据文件和访问frontmatter相似

![[Pasted image 20240421145227.png]]

创建一个数据文件myData.yml
![[Pasted image 20240421145338.png]]

这里有一些简单的值,都只有字符串
要做的就是在任何一个模板中去使用这个文件里的信息

转到index.ejs文件
输入

<%- site.data.myData.var1 %>

![[Pasted image 20240421145807.png]]

![[Pasted image 20240421145920.png]]

其余的也一样
![[Pasted image 20240421145950.png]]

循环访问data文件中的数据

<% for(var value in site.data.myData) { %><% } %>

会循环遍历数据文件上的所有值
这些值会存储在var value中
比如要打印这些值

<% for(var value in site.data.myData) { %><%- value %> <br>
<% } %>

![[Pasted image 20240421150441.png]]

这样可以打印出所有变量的名称,而不是打印出变量的值

<% for(var value in site.data.myData) { %><%- site.data.myData[value] %> <br>
<% } %>

![[Pasted image 20240421150801.png]]

这样就访问了data file里的变量

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/638218.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

模拟电子技术实验(八)

多选题 1.本次实验的目的包括验证的工作原理&#xff1f; A. 反向加法器 B. 过零比较器 C. 滞回比较器 D. 反向比例放大器 答案&#xff1a;BC 评语&#xff1a;10分 单选题 2.该实验稳压管均为左右&#xff1f; A. 4V B. 5V C. 6V …

3.AlexNet--CNN经典网络模型详解(pytorch实现)

看博客AlexNet--CNN经典网络模型详解&#xff08;pytorch实现&#xff09;_alex的cnn-CSDN博客&#xff0c;该博客的作者写的很详细&#xff0c;是一个简单的目标分类的代码&#xff0c;可以通过该代码深入了解目标检测的简单框架。在这里不作详细的赘述&#xff0c;如果想更深…

SVN泄露(ctfhub)

目录 下载安装dvcs-ripper 使用SVN 一、什么是SVN&#xff1f; 使用SVN能做什么&#xff1f; 二、SVN泄露&#xff08;ctfhub&#xff09; SVN源代码漏洞的主要原因&#xff1a; 工具准备&#xff1a;dirsearch、dvcs-ripper 网络安全之渗透测试全套工具篇&#xff08;内…

车载电子电器架构 —— 功能安全开发(首篇)

车载电子电器架构 —— 功能安全开发 我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 屏蔽力是信息过载时代一个人的特殊竞争力,任何消耗你的人和事,多看一眼都是你的不对。非必要不费力证明自己…

ACE框架学习2

目录 ACE Service Configurator框架 ACE_Server_Object类 ACE_Server_Repository类 ACE_Server_Config类 ACE Task框架 ACE_Message_Queue类 ACE_TASK类 在开始之前&#xff0c;首先介绍一下模板类的实例化和使用。给出以下代码 //ACCEPTOR代表模板的方法 template <…

【数据结构项目】通讯录

个人主页点这里~ 原文件在gitee里~ 通讯录的实现 基于动态顺序表实现通讯录项目1、功能要求2、代码实现file.hfile.cList.hList.ctest.c 基于动态顺序表实现通讯录项目 准备&#xff1a;结构体、动态内存管理、顺序表、文件操作 1、功能要求 ①能够存储100个人的通讯信息 ②…

在PostgreSQL中如何实现分区表以提高查询效率和管理大型表?

文章目录 解决方案1. 确定分区键2. 创建分区表3. 数据插入与查询4. 维护与管理 示例代码1. 创建父表和子表2. 插入数据3. 查询数据 总结 随着数据量的增长&#xff0c;单一的大型表可能会遇到性能瓶颈和管理难题。PostgreSQL的分区表功能允许我们将一个大型表分割成多个较小的、…

一线实战,一次底层超融合故障导致的Oracle异常恢复

背景概述 某客户数据由于底层超融合故障导致数据库产生有大量的坏块&#xff0c;最终导致数据库宕机&#xff0c;通过数据抢救&#xff0c;恢复了全部的数据。下面是详细的故障分析诊断过程&#xff0c;以及详细的解决方案描述&#xff1a; 故障现象 数据库宕机之后&#xff0c…

Docker - 镜像、容器、仓库

原文地址&#xff0c;使用效果更佳&#xff01; Docker - 镜像、容器、仓库 | CoderMast编程桅杆Docker - 镜像、容器、仓库 提示 这个章节涉及到 Docker 最核心的知识&#xff0c;也是在使用过程中最常使用到的&#xff0c;需要重点学习。 什么是Docker镜像、容器、仓库&…

基于STM32的蓝牙小车的Proteus仿真(虚拟串口模拟)

文章目录 一、前言二、仿真图1.要求2.思路3.画图3.1 电源部分3.2 超声波测距部分3.3 电机驱动部分3.4 按键部分3.5 蓝牙部分3.6 显示屏部分3.7 整体 4.仿真5.软件 三、总结 一、前言 proteus本身并不支持蓝牙仿真&#xff0c;这里我采用虚拟串口的方式来模拟蓝牙控制。 这里给…

python爬虫--------requests案列(二十七天)

兄弟姐们&#xff0c;大家好哇&#xff01;我是喔的嘛呀。今天我们一起来学习requests案列。 一、requests____cookie登录古诗文网 1、首先想要模拟登录&#xff0c;就必须要获取登录表单数据 登录完之后点f12&#xff0c;然后点击network&#xff0c;最上面那个就是登录接口…

详解Java中的五种IO模型

文章目录 前言1、内核空间和用户空间2、用户态和内核态3、上下文切换4、虚拟内存5、DMA技术6、传统 IO 的执行流程 一、阻塞IO模型二、非阻塞IO模型三、IO多路复用模型1、IO多路复用之select2、IO多路复用之epoll3、总结select、poll、epoll的区别 四、IO模型之信号驱动模型五、…