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

2024-04-22 13:04

本文主要是介绍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里的变量

这篇关于12.Hexo helpers类似函数和data folder数据文件夹的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/925853

相关文章

MySQL常用字符串函数示例和场景介绍

《MySQL常用字符串函数示例和场景介绍》MySQL提供了丰富的字符串函数帮助我们高效地对字符串进行处理、转换和分析,本文我将全面且深入地介绍MySQL常用的字符串函数,并结合具体示例和场景,帮你熟练... 目录一、字符串函数概述1.1 字符串函数的作用1.2 字符串函数分类二、字符串长度与统计函数2.1

SpringBoot多环境配置数据读取方式

《SpringBoot多环境配置数据读取方式》SpringBoot通过环境隔离机制,支持properties/yaml/yml多格式配置,结合@Value、Environment和@Configura... 目录一、多环境配置的核心思路二、3种配置文件格式详解2.1 properties格式(传统格式)1.

解决pandas无法读取csv文件数据的问题

《解决pandas无法读取csv文件数据的问题》本文讲述作者用Pandas读取CSV文件时因参数设置不当导致数据错位,通过调整delimiter和on_bad_lines参数最终解决问题,并强调正确参... 目录一、前言二、问题复现1. 问题2. 通过 on_bad_lines=‘warn’ 跳过异常数据3

python使用try函数详解

《python使用try函数详解》Pythontry语句用于异常处理,支持捕获特定/多种异常、else/final子句确保资源释放,结合with语句自动清理,可自定义异常及嵌套结构,灵活应对错误场景... 目录try 函数的基本语法捕获特定异常捕获多个异常使用 else 子句使用 finally 子句捕获所

C#监听txt文档获取新数据方式

《C#监听txt文档获取新数据方式》文章介绍通过监听txt文件获取最新数据,并实现开机自启动、禁用窗口关闭按钮、阻止Ctrl+C中断及防止程序退出等功能,代码整合于主函数中,供参考学习... 目录前言一、监听txt文档增加数据二、其他功能1. 设置开机自启动2. 禁止控制台窗口关闭按钮3. 阻止Ctrl +

java如何实现高并发场景下三级缓存的数据一致性

《java如何实现高并发场景下三级缓存的数据一致性》这篇文章主要为大家详细介绍了java如何实现高并发场景下三级缓存的数据一致性,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 下面代码是一个使用Java和Redisson实现的三级缓存服务,主要功能包括:1.缓存结构:本地缓存:使

在MySQL中实现冷热数据分离的方法及使用场景底层原理解析

《在MySQL中实现冷热数据分离的方法及使用场景底层原理解析》MySQL冷热数据分离通过分表/分区策略、数据归档和索引优化,将频繁访问的热数据与冷数据分开存储,提升查询效率并降低存储成本,适用于高并发... 目录实现冷热数据分离1. 分表策略2. 使用分区表3. 数据归档与迁移在mysql中实现冷热数据分

C#解析JSON数据全攻略指南

《C#解析JSON数据全攻略指南》这篇文章主要为大家详细介绍了使用C#解析JSON数据全攻略指南,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、为什么jsON是C#开发必修课?二、四步搞定网络JSON数据1. 获取数据 - HttpClient最佳实践2. 动态解析 - 快速

postgresql使用UUID函数的方法

《postgresql使用UUID函数的方法》本文给大家介绍postgresql使用UUID函数的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录PostgreSQL有两种生成uuid的方法。可以先通过sql查看是否已安装扩展函数,和可以安装的扩展函数

MySQL字符串常用函数详解

《MySQL字符串常用函数详解》本文给大家介绍MySQL字符串常用函数,本文结合实例代码给大家介绍的非常详细,对大家学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录mysql字符串常用函数一、获取二、大小写转换三、拼接四、截取五、比较、反转、替换六、去空白、填充MySQL字符串常用函数一、