6.Hexo标签插件和资产文件夹

标签插件

标签插件,基本上是只是一些小的代码片段,可以将他们添加到markdown文件中
以便添加特定的代码,不需要编写复杂或混乱的HTML

当很多时候想要在markdown页面添加一些特殊元素,通常必须使用HTML
如果不想这么用HTML,或者是不知道怎么去用,或者只是不想弄乱markdown文件

所以标签插件就是放在markdown文件中的小代码片段,它们会呈现更复杂的内容

Tag Plugins | Hexo
打开Hexo官方文档,在标签插件页面
这里列出了可以使用的所有插件
![[Pasted image 20240413163723.png]]

这些是代码块标签插件
如果在写博客,想要一些代码示例,可以使用代码块标签插件,轻松地将代码添加到博客中并使其风格化

添加代码的方式是使用标签插件
将标签插件添加到网站中的方式是

输入左右大括号,两个百分号,在百分号中间键入标签插件的名称
比如codeblock
有两种类型的代码块
![[Pasted image 20240413161711.png]]

单标签代码块
如果使用单标签代码块,只需要一个标签
双标签代码块
![[Pasted image 20240413161719.png]]

需要一个结束的标签
通过输入end和代码块的名称来编写结束标记

在这个代码块内,可以添加任何文本将其表现为代码的格式
比如一些JavaScript文本
![[Pasted image 20240413161955.png]]

当刷新Hexo页面
这些代码块内的文本被渲染为代码
![[Pasted image 20240413162101.png]]

以程式化的方式渲染

所以要做的就是包含codeblock这个代码插件
然后里面的所有文本都会自动开始渲染

正常情况下如果想要添加这样的代码内容,必须使用HTML和CSS
但是在Hexo里只需要将这个代码插件插入到文件当中,它就会自动工作

使用标签插件,除了只是使用它们的名称和调用它们之外,还可以向它们传递不同的参数
可以将特定值传递给标签插件,它可以用该值来改变内容的呈现方式

比如可以使用lang属性
输入正在使用的编程语言
![[Pasted image 20240413162837.png]]

Hexo会使用这个信息,会对这里的代码进行样式化
![[Pasted image 20240413163540.png]]

括号里的文本会显示不同的颜色,变量关键字也是不同的颜色,

许多标签插件将采用必需或可选的参数,可以增加功能或只是改进标签插件的外观和呈现内容的方式

还有很多其他插件,可以在网站页面添加图片或视频

资产文件夹

hexo中的asset文件夹
在Hexo中基本上是一种用于存储与每篇博客文章相关的静态资源
如果有一篇博客文章,想在文章中使用图片或者是一个可以让用户下载的PDF
可以将所有这些静态资源放入asset文件夹中
然后就可以在markdown文件上访问这些静态资源

为了使用asset文件夹
![[Pasted image 20240413164556.png]]

需要打开config.yml文件,找到写作部分,有一个post_asset_folder,默认是false,要将它设置为true
![[Pasted image 20240413164619.png]]

保存config文件

为了创建一个asset文件夹,首先需要创建一个新的内容
post文件g
![[Pasted image 20240413164819.png]]

会发现这次创建了两个东西,一个g.md文件,还有一个g文件夹
这个g文件夹就是asset文件夹
可以在这里存储所有想要用于此md文件的任何静态资源

比如可以放入一个png文件
![[Pasted image 20240413165142.png]]

1.

要做的就是输入一组特殊的Hexo代码

{% asset_img g.png %}

意思是
进入asset文件夹,获取一个名为g.png的文件
因为是asset_img,所以将在HTML中显示该图像
![[Pasted image 20240413165824.png]]

在主页上显示的g.md文件,里面有刚刚插入的图片

同样也可以传递参数

{% asset_img g.png Hatsune Miku %}

这样可以输入该图像的标题,会显示在图片的下方
![[Pasted image 20240413170530.png]]

2.

也可以输入其它命令

{% asset_link g.png "Hatsune Miku" %}

如asset link,这样会在网站上显示一个链接
![[Pasted image 20240413170603.png]]

这个链接只是链接到asset文件夹,链接到图像文件
![[Pasted image 20240413170714.png]]

在URL中可以看到日期名字和图像

3.
{% asset_path g.png "Hatsune Miku" %}

还可以输入图像路径
这样不会直接链接到文件,而是提供该图像所在的路径
可以输入到URL中打开图像

基本上这些命令只允许访问asset文件夹里面的资源

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

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

相关文章

CSS特效---百分比加载特效

1、演示 2、一切尽在代码中 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>Document</title&…

公众号文章如何添加多个附件?

在公众号分享一些文档给粉丝下载&#xff0c;有那么几种方式。比如把文档转成超链接&#xff0c;放在公众号的“阅读原文”处&#xff0c;或者把文件转成二维码&#xff0c;贴在公众号文章里面。这两种方式其实都需要先把文件转成超链接&#xff08;网页链接&#xff09;&#…

【目标检测数据集】VOC2007 数据集介绍

一、介绍 VOC 数据是 PASCAL VOC Challenge 用到的数据集&#xff0c;官网&#xff1a;http://host.robots.ox.ac.uk/pascal/VOC/ 备注&#xff1a;VOC数据集常用的均值为&#xff1a;mean_RGB(122.67891434, 116.66876762, 104.00698793) Pytorch 上通用的数据集的归一化指…

OVITO-2.9版本

关注 M r . m a t e r i a l , \color{Violet} \rm Mr.material\ , Mr.material , 更 \color{red}{更} 更 多 \color{blue}{多} 多 精 \color{orange}{精} 精 彩 \color{green}{彩} 彩&#xff01; 主要专栏内容包括&#xff1a; †《LAMMPS小技巧》&#xff1a; ‾ \textbf…

系统架构最佳实践 -- 一般优惠券平台系统架构设计

优惠券是商城的一种基础的营销工具&#xff0c;在目前c端用户对于电子优惠券已经非常熟悉的情况下&#xff0c;一般自营商城的营销活动系统&#xff0c;都是从优惠券开始搭建。 一、名词定义 基于个人理解&#xff0c;为方便表述&#xff0c;首先对可能产生歧义的名词进行如下…

ubuntu 设置 root 用户密码,创建新用户并赋权限

ubuntu 设置 root 用户密码&#xff0c;创建新用户并赋权限 在适用于 Linux 的 Windows 子系统上运行 Linux GUI 应用&#xff0c; 安装 Ubuntu-20.04 系统&#xff0c;新安装好的系统&#xff0c;设置用户名密码时&#xff0c; root 用户密码默认为空&#xff0c;这时需要设置…

信息学奥赛一本通T1442-小木棍【dfs】

信息学奥赛一本通T1442-小木棍 - C语言网 (dotcpp.com) #include <iostream> #include <algorithm> #include <cmath> #include <cstring> using namespace std; const int N1e5100; int n; int res1e9; int a[N],p0,sd0; bool vis[N]; bool dfs(int i…

【R语言】绘制标准地图(指北针,比例尺,图例)

在绘制地图时&#xff0c;我们一般都是利用“ArcGIS”"MapGIS"等专业软件进行手动操作。这样制作的地图自定义的效果强&#xff0c;我们可以随意调换地图的各种元素&#xff0c;但是今天本文要将的是如何使用R语言绘制具备地图三要素的精美地图&#xff0c;当然代码绘…

Android 14.0 SystemUI修改状态栏电池图标样式为横屏显示

1.概述 在14.0的系统rom产品定制化开发中,对于原生系统中SystemUId 状态栏的电池图标是竖着显示的,一般手机的电池图标都是横屏显示的 可以觉得样式挺不错的,所以由于产品开发要求电池图标横着显示和手机的样式一样,所以就得重新更换SystemUI状态栏的电池样式了 如图: 2.S…

volatile是如何禁止指令进行重排序的

Further Reading &#xff1a; 内存屏障类型介绍&#xff08;StoreStore&#xff0c;StoreLoad&#xff0c;LoadLoad&#xff0c;LoadStore&#xff09; Further Reading &#xff1a; 什么是指令重排 重排序分为编译器重排序和处理器重排序。 为了实现volatile内存语义&#x…

【计算机毕业设计】人事管理系统——后附源码

&#x1f389;**欢迎来到我的技术世界&#xff01;**&#x1f389; &#x1f4d8; 博主小档案&#xff1a; 一名来自世界500强的资深程序媛&#xff0c;毕业于国内知名985高校。 &#x1f527; 技术专长&#xff1a; 在深度学习任务中展现出卓越的能力&#xff0c;包括但不限于…

70 个常用的GIS Python 库

由于其多功能性、广泛的库生态系统和用户友好的语法&#xff0c;Python 已成为地理信息系统 (GIS) 和遥感领域的主导语言。这个 70 个地理空间 Python 库的汇编展示了可用于 GIS 和遥感数据处理和分析的丰富工具包。 Python 在 GIS 中的重要性源于它处理复杂地理空间数据的能力…

HTML快速入门

目录 一、HTML基础 1、HTML是什么&#xff1f; 2、认识 HTML 标签 3、HTML文件的基本结构 二、HTML快速开发 三、HTML常见标签 1、标题标签&#xff1a;h1~h6 2、段落标签&#xff1a;p 3、换行标签&#xff1a;br 4、图片标签&#xff1a;img 5、超链接&#xff1a…

Python单元测试框架—pytest常用测试报告类型

&#x1f345; 视频学习&#xff1a;文末有免费的配套视频可观看 &#x1f345; 关注公众号【互联网杂货铺】&#xff0c;回复 1 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 先前博客有介绍pytest测试框架的安装及使用&#xff0c;现在来聊…

Python赋能AI数据分析开启人工智能新时代

文章目录 一、Python是办公自动化的重要工具二、Python是提升职场竞争力的利器三、Python是企业数字化的重要平台四、Python是AI发展的重要通道之一《编程菜鸟学Python数据分析》编辑推荐内容简介作者简介目录前言为什么要写这本书读者对象如何阅读本书 随着我国企业数字化和信…

运动听歌哪款耳机靠谱?精选五款热门开放式耳机

随着人们对运动健康的重视&#xff0c;越来越多的运动爱好者开始关注如何在运动中享受音乐。开放式蓝牙耳机凭借其独特的设计&#xff0c;成为了户外运动的理想选择。它不仅让你在运动时能够清晰听到周围环境的声音&#xff0c;保持警觉&#xff0c;还能让你在需要时与他人轻松…

CentOS 7开机启动过程,引导和服务,密码的修改

开机启动过程&#xff1a; 引导过程&#xff1a;1.开机自检(BIOS)->2.MBR引导->GRUB菜单->加载内核kernel->systemd进程初始化 程序&#xff1a;执行特定任务的一串代码&#xff0c;静态&#xff0c;存在硬盘中。 进程&#xff1a;运行中的程序叫进程&#xff0…

Django之rest_framework(一)

一、请求和响应对象介绍 REST framework引入了2个新的对象:Request和Response 1.1、Request rest_framework.request.Request 该对象扩展了常规的HttpRequest ,增加了对REST框架灵活的请求解析和请求认证的支持 官网:Requests - Django REST framework 主要属性: data 这…

Oracle 数据库全表扫描的4种优化方法(DB)

全表扫描的工作是扫描高水位一下所有的数据块。 这里就有一个问题&#xff0c;什么是高水位线。高水位的标志存在表头。 该数据块以后都是崭新未格式化的数据块&#xff0c;高水位的目的有二。它是全表扫描的 终点&#xff0c;并行插入的起点&#xff01; 优化全表扫描的办法有…

类和对象(拷贝构造函数)

目录 拷贝构造函数 特征 结论&#xff1a; 拷贝构造函数 拷贝构造函数&#xff1a;只有单个形参&#xff0c;该形参是对本类类型对象的引用(一般常用const修饰)&#xff0c;在用已存 在的类类型对象创建新对象时由编译器自动调用。 特征 拷贝构造函数也是特殊的成员函数&…