AnZhiYu主题中大部分标签移植于店长的hexo-butterfly-tag-plugins-plus,转载请注明来自安知鱼
段落文本 p标签语法配置参数样式预览示例源码1{% p 样式参数(参数以空格划分), 文本内容 %}
字体: logo, code
颜色: red,yellow,green,cyan,blue,gray
大小: small, h4, h3, h2, h1, large, huge, ultra
对齐方向: left, center, right
彩色文字在一段话中方便插入各种颜色的标签,包括:红色、黄色、绿色、青色、蓝色、灰色。
超大号文字文档「开始」页面中的标题部分就是超大号文字。Volantis
A Wonderful Theme for Hexo
123456- 彩色文字 在一段话中方便插入各种颜色的标签,包括:{% p red, 红色 %}、{% p yellow, 黄色 %}、{% p green, 绿色 %}、{% p cyan, 青色 %} ...
侧边栏组件 - 日历新建 widget.yml在source/_data路径下新建一个widget.yml文件
以后所有自定义的侧边栏组件都可以写在这里面,具体写法参考 butterfly 官方文档
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162top: - class_name: card-times id_name: card-widget-calendar name: icon: html: <div id="calendar-area-left"> <div id="calendar-week"></div> <div id="calendar-date"></div> <div id=&qu ...
在侧边栏添加个性定位欢迎信息样式预览
本教程来源于Kouseki大佬
[点击跳转原帖]: https://blog.kouseki.cn/posts/da2a.html “Kouseki”
操作步骤
打开腾讯位置服务,登录你的账号
点击创建应用,填一下名称和类型,随意即可
点击添加Key,key名称随意,勾选WebServiceAPI,此处白名单可以自选例如我选的是域名白名单,注意此处本地部署localhost是有效的,需带上端口号。部署至公网填写域名即可,不需要端口号。例如本站:blog.kouseki.cn。
记录下得到的Key
在_config.anzhiyu.yml主题配置文件下inject配置项中的bottom引入jquery.min.js
1234inject: bottom: - <script type="text/javascript" src="https://unpkg.zhimg.com/jquery@latest/dist/jquery.min.js"></script> # ...
violet留言板(店长)详见信笺样式留言板
在[BlogRoot]运行指令
1npm install hexo-butterfly-envelope --save
在站点配置文件_config.yml或主题配置文件_config.butterfly.yml添加以下配置项
1234567891011121314151617181920# envelope_comment# see https://akilar.top/posts/e2d3c450/envelope_comment: enable: true #控制开关 custom_pic: cover: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/violet.jpg #信笺头部图片 line: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/line.png #信笺底部图片 beforeimg: https://npm.elemecdn.com/hexo-butterf ...
自定义字体
准备好字体文件后,在[BlogRoot]\source\css\custom.css(没有就自己创建)中添加以下代码:
123456789101112@font-face { /* 为载入的字体取名字(随意) */ font-family: 'YSHST'; /* 字体文件地址(相对或者绝对路径都可以) */ src: url(/font/优设好身体.woff2); /* 定义加粗样式(加粗多少) */ font-weight: normal; /* 定义字体样式(斜体/非斜体) */ font-style: normal; /* 定义显示样式 */ font-display: block;}
各个属性的定义:
font-family属性值中使用webfont来声明使用的是服务器端字体,即设置文本的字体名称。
src属性值中首先指定了字体文件所在的路径。
format声明字体文件的格式,可以省略文件格式的声明,单独使用src属性值。
font-style:设置文本样式。取值:normal:不使用斜体;it ...
文章加密插件
在根目录执行以下命令
1npm install --save hexo-blog-encrypt
Front matter配置方法
123456789101112---title: Hello Worldtags:- 作为日记加密date: 2016-03-30 21:12:21password: mikemessiabstract: 有东西被加密了, 请输入密码查看.message: 您好, 这里需要密码.theme: xraywrong_pass_message: 抱歉, 这个密码看着不太对, 请再试试.wrong_hash_message: 抱歉, 这个文章不能被校验, 不过您还是能看看解密后的内容.---
配置文件[BlogRoot]\_config.yml中针对tags的加密
12345678910# Securityencrypt: # hexo-blog-encrypt abstract: 有东西被加密了, 请输入密码查看. message: 您好, 这里需要密码. tags: - {name: tagName, passwo ...
hexo博客配置页面配置标签页配置
前往你的 Hexo 博客的根目录
在 Hexo 博客根目录 [blog]下打开终端,输入
1hexo new page tags
你会找到 source/tags/index.md 这个文件
修改这个文件: 记得添加 type: "tags"
1234567---title: 标签date: 2021-04-06 12:01:51type: "tags"comments: falsetop_img: false---
参数
解释
type
【必须】页面类型,必须为 tags
comments
【可选】是否显示评论
top_img
【可选】是否显示顶部图
orderby
【可选】排序方式 :random/name/length
order
【可选】排序次序: 1, asc for ascending; -1, desc for descending
分类页配置
前往你的 Hexo 博客的根目录
在 Hexo 博客根目录 [blog]下打开终端,输 ...
侧边栏新年倒计时
添加侧边栏:新建文件[BlogRoot]\source\_data\widget.yml,建议查看butterfly官方文档:自定义侧边栏
12345678910111213# top: 创建的 widget 会出现在非 sticky 区域(即所有页面都会显示)# bottom: 创建的 widget 会出现在 sticky 区域(除了文章页都会显示)top: - class_name: id_name: newYear name: icon: order: 1 html: '<div id="newYear-main"><div class="mask"></div> <p class="title"></p> <div class="newYear-time"></div> <p class="today" ...
hexo-文章html短链接插件前言
Hexo默认的静态URL格式是 :year/:month/:day/:title,即按年、月、日、标题的形式生成固定链接
例如:http://www.xxx.com/2022/11/08/文章标题
默认URL的格式会产生很多斜杠,百度蜘蛛在抓取网页时会根据网页权重抓取网页,比如最先抓取的首页(一般都是自己的域名,比较简短),因此在链接里不宜出现过多的斜杠,最好不要超过两个
还有一个问题:如果文章的标题使用了中文,经过转码后,URL会变得特别长,在最后我会贴上对比图。
使用hexo-abbrlink插件便可解决以上出现的问题,以往修改标题会导致原始链接失效,使用这个插件后只要不更改文章中的abbrlink值,文章的链接就会是持久的
安装插件
1npm install hexo-abbrlink --save
具体插件链接:hexo-abbrlink
配置
修改_config.yml配置文件
12## permalink: :year/:month/:day/:title/permalink: posts/:abbrlink.html ...
安知鱼主题进阶配置评论开启评论需要在 comments-use 中填写你需要的评论。
支持双评论显示,只需要配置两个评论(第一个为默认显示)
12345678910comments: # Up to two comments system, the first will be shown as default # Choose: Valine/Waline/Twikoo/Artalk use: Twikoo # Twikoo/Waline text: false # Display the comment name next to the button # lazyload: The comment system will be load when comment element enters the browser's viewport. # If you set it to true, the comment count will be invalid lazyload: true count: true # Display comment count i ...