4.Hexo 页面属性和模板设置

Hexo主题(EJS)模版带评论插件,简约大气扁平化主题 简约大方给人一种简单明了,干干净净的感觉 简约不简单,有层次感,可用于写技术方面的干货 和UI设计等 加载速度很快因为够简约,但是该有的功能都有了(个人认为) 阅读详情
Frontmatter

frontmatter基本上是可以定义的有关不同文件的信息,本质上是元数据
frontmatter是我们可以分配给每个内容页面的信息
在Hexo中创建文件时,Hexo主题可以使用该信息以不同的方式显示该内容

当在Hexo创建了一个文件,在source文件夹的posts里面,a.md,
创建内容文件时,文件里会有一些默认信息
![[Pasted image 20240411122827.png]]

这些内容就是页面的前部内容
frontmatter是用两种之一的语言写的,yml或者json
yml和json都是用来定义关键值对的语言

![[Pasted image 20240411125512.png]]

这里是yml,title就是一个key,a就是value
date就是key,2024-04-10 13:24:23 就是value

  • 在这里定义网站里a的页面的标题
  • 下来是a创建的日期
  • 再下来是页面的一些标签

frontmatter允许给页面提供不同的内容,如标题,日期,标签
![[Pasted image 20240411125626.png]]

当打开网站,发现a页面正在主页上显示
实际上正在使用的hexo主题是使用这个a页面的frontmatter中的信息去显

Hexo主题模版推荐简约大方美丽的主题搭建教程 Quiet 简约大方给人一种简单明了,干干净净的感觉 简约不简单,有层次感,可用于写技术方面的干货 和UI设计等 加载速度很快因为够简约,但是该有的功能都有了(个人认为) 页面没有显的特别的乱 品牌树立很好 文档写的也很不错很简单通俗易懂 文档地址(内有演示):https://github.com/QiaoBug/hexo-theme-quiet 文章页面 文章页面的布局也很很简约 有没有很空的感觉给人一种直觉很明显就能看出重要的东西 没有很花里胡哨的东西 能让用户很直观的去阅读文章 标签页 文章归档 阅读详情

相关推荐

使用Hexo从0到1搭建个人博客详细教程(超详细,超简单)

20分钟快速搭建一个属于自己的博客

唯有努力,方可自信! 1万+

hexo博客的背景设置

主要有以下30种: 在右上角或者左上角实现fork me on github添加RSS添加动态背景实现点击出现桃心效果修改文章内链接文本样式修改文章底部的那个带#号的标签在每篇文章末尾统一添加“本文结束”标记修改作者头像并旋转博文压缩修改“代码块自定义样式侧边栏社交小图标设置主页文章添加阴影效果在网站底部加上访问量添加热度网站底部字数统计添加 README.md 文件设置网站的图标Favic

Faith的博客 1万+

优化Hexo性能,使用hexo-neat插件压缩页面,大幅度提升页面性能和响应速度

为什么要压缩页面静态资源 对于个人博客来说,优化页面的访问速度是很有必要的,如果打开你的个人站点,加载个首页就要十几秒,页面长时间处于空白状态,想必没什么人能够忍受得了吧。我个人觉得,如果能把页面的加载时间控制在三四秒内,就很不错了。 那么怎么提高hexo这个静态博客的页面加载速度呢?可以从以下的几个方面去入手: 将js文件尽可能放置到body的闭合标签之前,因为在加载或者引入js文件时是阻塞式...

∑ 1097

搭建个人网站(4):Typora搭配Hexo写文章

My Blog: https://blog.ahrisy.com 模板 上一篇 搭建个人网站(3):Hexo搭建网站 里提到,Hexo 会使用 scaffolds 文件夹里的markdown作为模板来生成新的文件,我们也可以通过修改它们来自定义自己的模板。 scaffolds 文件夹里一般会有下面三个默认的模板,分别对应draft, page 和 post 三种文章类型: 打开之后就可以看到这些文件的内容只有一个YAML格式的文件头: 在使用 Hexo 新建文章的时候就会根据文章类型自动套用这些模板.

Ahrisy的博客 3183

Hexo搭建个人博客模板(附源码)

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

coderYYY的博客 1628

哨兵1号(Sentinel-1)雷达SAR数据预处理全流程:从下载到精确配准

本文详细介绍了哨兵1号(Sentinel-1)雷达SAR数据从下载到精确配准的全流程预处理方法。内容涵盖SLC与GRD数据选择、ASF平台下载技巧,并重点解析了使用SNAP软件进行几何校正、辐射定标及高精度配准的核心步骤,为InSAR形变监测等应用提供可靠的数据基础。

weixin_29208327的博客 478

gitlab远程子仓库配置SSH - 保姆级教程

在网上搜索了一些方法,但是不够详细,走了好多弯路,所以记录下配置SSH的详细过程吧。

是菠萝的博客 1万+

【读书笔记】Verilog的亚稳态现象和跨时钟域处理方法

文章目录 一、亚稳态 (1)跨时钟域的亚稳态现象 (2)亚稳态的多径传输 二、跨时钟域处理 2.1 单bit信号跨时钟域处理 (1)单径两级触发器同步器 (2)相位控制 (3)多径与多级寄存器同步链 (4)组合逻辑信号的同步化 (5)快时钟域信号的同步化 2.2 多bit信号的跨时钟域处理 (1)异步FIFO (2)双口RAM.........

毕淑敏曾说过:“我不相信命运,我只相信自己的手;我不相信手掌上的纹路,但我相信手指加上手掌的力量”。在这个快节奏的社会,只有自己能力不足才会被卷,踏踏实实沉下心来学一些技术,及时记录,方便以后复盘。 2万+

Python 爬虫实战:全球渔业船舶捕捞记录数据采集与分析全攻略

通过本项目,我们实现了对全球渔业船舶捕捞记录数据的采集、处理和可视化,为渔业资源管理和海洋生态保护提供了数据支持。未来,可以进一步结合机器学习和深度学习技术,对捕捞行为进行预测和分类,提高对非法捕捞活动的识别能力。

2201_76125261的博客 557

Raspberry Pi 4B 蓝牙串口(SPP)配置与使用

Linux、Android、Windows 等操作系统带有在引导期间启动的蓝牙守护进程/蓝牙服务。 对于与监视器连接并使用 GUI(如 GTK 等)运行的设备,只需多次单击即可轻松启用并连接到附近的设备。 但是在无头设备的情况下,我们必须依赖于需要在命令行上运行的不同命令。 这篇博客我们将讨论如何在无头树莓派上通过蓝牙设备连接附近。

视觉与物联智能 2745

YOLOv11目标检测模型性能评价指标详解,涉及混淆矩阵、F1-Score、IoU、mAP、参数量、计算量等,一文打尽所有评价指标

本文主要讲解的是计算机视觉网络模型的性能评价指标,这是每一篇论文中都需要展示的内容。熟悉每一个评价指标也能够帮助我们在训练和改进模型过程中,更好的观察模型的变化效果。

Limiiiing的博客 8410

一篇文章带你快速入门 MATLAB

文章目录一、认识 MATLAB 界面二、MATLAB 的运行方式三、Matlab 中的窗口1. 命令窗口2. MATLAB的程序编辑窗口3. 工作空间窗口4. 命令历史窗口5. 图形窗口6. 当前目录窗口四、MATLAB的帮助系统1. 帮助命令2. 联机帮助五、其他知识补充1. MATLAB的搜索路径2. 变量命名规则3. M文件命名规则 一、认识 MATLAB 界面 在 MATLAB Desktop 中,工具条取代了菜单和工具栏。应用程序库收纳了 MATLAB 产品系列的应用程序,单一文件应用程序打包为一

南淮北安的博客 5126

Autosar 下电过程-基于ETAS工具

本文介绍基于ETAS工具对应的BIP包的下电过程,仅供参考。在最后调用SBC下电时,需要理清楚SBC的休眠流程,否则可能会出现休眠又唤醒情况。后面有空会介绍9471的休眠流程。

赞的博客 810

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

上一篇: 【AcWing】蓝桥杯集训每日一题Day22|区间DP|博弈论|1388.游戏(C++)
下一篇: 【AcWing】蓝桥杯集训每日一题Day23|树形DP|字典序最小3465.病毒溯源(C++)
ChoSeitaku
博客等级 码龄5年 3452粉丝 557原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值