🧱 Front-matter 的基本认识
Front-matter
是 markdown
文件最上方以 ---
分隔的区域,用于指定个别档案的变数。
其中又分为两种
Post Front-matter 用于文章页配置
提示
如果标注可选的参数,可根据自己需要添加,不用全部都写在 markdown 里
---
title:
date:
updated:
type:
comments:
description:
keywords:
top_img:
mathjax:
katex:
aside:
aplayer:
highlight_shrink:
type:
---
【必需】标签、分类、关于、音乐馆、友情链接、相册、相册详情、朋友圈、即刻页面需要配置
【可选】显示 mathjax(当设置 mathjax 的 per_page: false 时,才需要配置,默认 false)
【可选】显示 katex(当设置 katex 的 per_page: false 时,才需要配置,默认 false)
【可选】在需要的页面加载 aplayer 的 js 和 css,请参考文章下面的音乐 配置
【可选】配置代码框是否展开(true/false)(默认为设置中 highlight_shrink 的配置)
---
title:
date:
updated:
tags:
categories:
keywords:
description:
top_img:
comments:
cover:
toc:
toc_number:
toc_style_simple:
copyright:
copyright_author:
copyright_author_href:
copyright_url:
copyright_info:
mathjax:
katex:
aplayer:
highlight_shrink:
aside:
swiper_index: 1
top_group_index: 1
background: "#fff"
---
【可选】文章缩略图(如果没有设置 top_img,文章页顶部将显示缩略图,可设为 false/图片地址/留空)
【可选】显示文章 TOC(默认为设置中 toc 的 enable 配置)
【可选】显示 toc_number(默认为设置中 toc 的 number 配置)
【可选】显示文章版权模块(默认为设置中 post_copyright 的 enable 配置)
【可选】显示 mathjax(当设置 mathjax 的 per_page: false 时,才需要配置,默认 false)
【可选】显示 katex(当设置 katex 的 per_page: false 时,才需要配置,默认 false)
【可选】在需要的页面加载 aplayer 的 js 和 css,请参考文章下面的音乐
配置
【可选】配置代码框是否展开(true/false)(默认为设置中 highlight_shrink 的配置)
【可选】首页轮播图配置 index 索引,数字越小越靠前
首页轮播图配置: swiper_index
, 数字越小越靠前
首页卡片配置: top_group_index
, 数字越小越靠前
page 中background
, 可配置为 16 进制颜色值
只需要在你的文章顶部的Front-matter
配置swiper_index和top_group_index这两个字段即可显示轮播图和推荐卡
标签页
在 Hexo 博客根目录 [blog]
下打开终端,输入
你会找到 source/tags/index.md
这个文件
修改这个文件: 记得添加 type: "tags"
---
title: 标签
date: 2021-04-06 12:01:51
type: "tags"
comments: false
top_img: false
---
【可选】排序方式 :random/name/length
【可选】排序次序: 1, asc for ascending; -1, desc for descending
分类页
在 Hexo 博客根目录 [blog]
下打开终端,输入
hexo new page categories
你会找到 source/categories/index.md
这个文件
修改这个文件: 记得添加 type: "categories"
---
title: 分类
date: 2022-02-23 17:56:00
aside: false
top_img: false
type: "categories"
---
首页即刻说说页面配置
在 Hexo 博客根目录 [blog]
下打开终端,输入\
你会找到 source/essay/index.md
这个文件
修改这个文件: 记得添加 type: "essay"
---
title: 即刻短文
date: 2020-07-22 22:06:17
comments: true
aside: false
top_img: false
type: essay
---
添加数据,新建文件[blog]\source\_data\essay.yml
,没有_data
文件夹的话也请自己新建。以下是默认格式示例,打开[blog]\source\_data\essay.yml
,输入:
- title: 即刻短文
subTitle: 咸鱼的日常生活。
tips: 随时随地,分享生活
buttonText: 关于我
buttonLink: /about/
limit: 30
home_essay: true
top_background: https://bu.dusays.com/2023/06/15/648af1d5e6f39.jpeg
essay_list:
- content: 音乐支持了参数设置自定义歌单
date: 2023/01/02
link: https://blog.anheyu.com/music/?id=7269231710&server=tencent
- content: 关于页的打赏仿了b站的充电功能,使用svg绘图➕一些动画参数移动,应该不会被b站警告吧😜,另外文章也支持了顶部随机b站同款春秋冬banner。
date: 2022/12/18
- content: React中不能直接修改state的一个重要原因是在性能优化时的prueComponment会进行浅层比较会认为是用一个对象且不能进入队列中批量更新
date: 2022/12/10
- content: 好耶,马上就可以放假回家了!好想家里的好吃的😋!才不是想捏妹妹的脸了
date: 2022/12/06
- content: 全局音乐的动画也处理好了, nice!
date: 2022/11/13
- content: 把页脚, 首页顶部全都魔改到本地了, 方便后续魔改, 音乐也改成胶囊的样式了, 其实还是想让胶囊可拖拽, 不可点击改变歌词位置的, 但是弄了半天都没弄好就放弃了
date: 2022/11/13
- content: 朋友圈船新版本终于写完了, 耶✌️
date: 2022/11/05
link: https://blog.anheyu.com/album/
- content: 终于把相册集搞定了, 耶✌️, 瀑布流在滑动滚动条一个视口范围上下100的情况执行一次, 到底部停止监听让性能高了好多,再也不会布局混乱🤪了
date: 2022/10/25
link: https://blog.anheyu.com/album/
- content: 搜索🔍支持缩略图显示啦(默认获取文章内容的第一张图片)
date: 2022/10/23 08:00:00
from: 安知鱼
- content: 遇见彩虹🌈吃定彩虹
date: 2022/10/23 10:00:00
image:
- https://bu.dusays.com/2023/04/09/64329399e285d.webp
- https://bu.dusays.com/2023/04/09/64329399aa3bc.webp
- https://bu.dusays.com/2023/04/09/6432939996dd7.webp
- content: ThreeJs API真多丫
date: 2022/10/19
- content: 妹妹强制要求我买走了她的两幅画 -¥30
date: 2022/10/02
image:
- https://bu.dusays.com/2023/04/09/643293997b92b.jpeg
- content: 歌曲推荐
date: 2022/09/25
aplayer:
server: tencent
id: 001FGQba3i10mw
- content: 做了一个噩梦, 梦到从楼顶坠下去了。😷
date: 2022/09/24
- content: JOJO是真的好看!
date: 2022/09/21
link: https://www.bilibili.com/bangumi/play/ss39431?spm_id_from=333.337.0.0
主题配置文件中开启menu
中关于和闲言碎语的注释,导航栏闲言碎语,注意缩进!!!
menu:
# 文章:
# 隧道: /archives/ || anzhiyu-icon-box-archive
# 分类: /categories/ || anzhiyu-icon-shapes
# 标签: /tags/ || anzhiyu-icon-tags
# 友链:
# 友人帐: /link/ || anzhiyu-icon-link
# 朋友圈: /fcircle/ || anzhiyu-icon-artstation
# 留言板: /comments/ || anzhiyu-icon-envelope
# 我的:
# 音乐馆: /music/ || anzhiyu-icon-music
# 追番页: /bangumis/ || anzhiyu-icon-bilibili
# 相册集: /album/ || anzhiyu-icon-images
# 小空调: /air-conditioner/ || anzhiyu-icon-fan
关于:
# 关于本人: /about/ || anzhiyu-icon-paper-plane
闲言碎语: /essay/ || anzhiyu-icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1
警告
示例数据中的图片不保证可用性,请自行更换为您自己的图床链接。图床相关知识=>我的图床方案
友情链接配置
在 Hexo 博客根目录 [blog]
下打开终端,输入
你会找到 source/link/index.md
这个文件
修改这个文件: 记得添加 type: "link"
---
title: link
date: 2020-12-01 22:19:45
type: 'link'
---
新建文件source\_data\link.yml
,没有_data
文件夹的话也请自己新建。以下是默认友链格式示例(自己写的教程,夹带点私货不过分吧,嘻嘻)。打开source\_data\link.yml
,输入:
- class_name: 框架
flink_style: flexcard
hundredSuffix: ""
link_list:
- name: Hexo
link: https://hexo.io/zh-tw/
avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
descr: 快速、简单且强大的网站框架
- name: anzhiyu主题
link: https://blog.anheyu.com/
avatar: https://npm.elemecdn.com/anzhiyu-blog-static@1.0.4/img/avatar.jpg
descr: 生活明朗,万物可爱
siteshot: https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/anzhiy.cn.jpg
- class_name: 推荐博客
flink_style: flexcard
link_list:
- name: 安知鱼
hundredSuffix: ""
link: https://blog.anheyu.com/
avatar: https://npm.elemecdn.com/anzhiyu-blog-static@1.0.4/img/avatar.jpg
descr: 生活明朗,万物可爱
siteshot: https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/anzhiy.cn.jpg
- class_name: 小伙伴
class_desc: 那些人,那些事
flink_style: anzhiyu
link_list:
- name: 安知鱼
hundredSuffix: ""
link: https://blog.anheyu.com
avatar: https://npm.elemecdn.com/anzhiyu-blog-static@1.0.4/img/avatar.jpg
descr: 生活明朗,万物可爱
会根据 flink_style 产生两种效果,可选值有flexcard
或者anzhiyu
主题版本小于1.4.1:
当友链数目超过 50 以后会触发,与博主共同进步板块
主题版本大于或等于1.4.1:
可在主题配置文件中配置
# 友情链接顶部相关配置
linkPageTop:
enable: true
title: 与数百名博主无限进步
值得注意的是可以自行配置 hundredSuffix: "!w120"
,该参数可以解决共同进步板块头像质量问题,配置后共同进步板块的头像会添加该后缀。
flink_style: flexcard || anzhiyu
主题版本大于1.4.1可以填写3个值
flink_style: flexcard || anzhiyu || telescopic
当flink_style
为telescopic
时,新增color
与tag
主题版本大于或等于1.4.3:
anzhiyu || telescopic 两种支持color
与tag
color存在默认值#3b70fc
color存在预设值vip || speed
额外的说明:可以设置
recommend: true
设置后 tag=荐 color=#3b70fc
tag: string
color: vip || speed || ""
- class_name: 推荐博客
flink_style: telescopic
hundredSuffix: ""
link_list:
- name: 安知鱼
link: https://blog.anheyu.com/
avatar: https://npm.elemecdn.com/anzhiyu-blog-static@1.0.4/img/avatar.jpg
descr: 生活明朗,万物可爱
siteshot: https://npm.elemecdn.com/anzhiyu-blog@1.1.6/img/post/common/anzhiy.cn.jpg
color: vip
tag: 技术
- name: Akilarの糖果屋
link: https://akilar.top/
avatar: https://img02.anheyu.com/adminuploads/1/2022/09/02/6311fc9de6507.webp
descr: 期待您的光临!
siteshot: https://img02.anheyu.com/adminuploads/1/2022/09/02/6311fc39c5966.webp
color: speed
tag: 生活
- name: Tianli
link: https://tianli-blog.club
avatar: https://img02.anheyu.com/adminuploads/1/2022/11/11/636db0d451fd0.webp
descr: 惟其不可能,所以才相信。
siteshot: https://img02.anheyu.com/adminuploads/1/2022/11/07/6368520c9e4e7.webp
color:
tag: 技术
主题配置文件中开启menu
中友链和友人帐的注释,注意缩进!!!
menu:
# 文章:
# 隧道: /archives/ || anzhiyu-icon-box-archive
# 分类: /categories/ || anzhiyu-icon-shapes
# 标签: /tags/ || anzhiyu-icon-tags
友链:
友人帐: /link/ || anzhiyu-icon-link
# 朋友圈: /fcircle/ || anzhiyu-icon-artstation
# 留言板: /comments/ || anzhiyu-icon-envelope
# 我的:
# 音乐馆: /music/ || anzhiyu-icon-music
# 追番页: /bangumis/ || anzhiyu-icon-bilibili
# 相册集: /album/ || anzhiyu-icon-images
# 小空调: /air-conditioner/ || anzhiyu-icon-fan
关于:
# 关于本人: /about/ || anzhiyu-icon-paper-plane
闲言碎语: /essay/ || anzhiyu-icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1
关于页面配置
在 Hexo 博客根目录 [blog]
下打开终端,输入
你会找到 source/about/index.md
这个文件
修改这个文件: 记得添加 type: "about"
---
title: 关于
date: 2021-03-30 15:57:51
aside: false
top_img: false
background: "#f8f9fe"
comments: false
type: "about"
---
主题配置文件中开启menu
中关于和关于本人的注释,注意缩进!!!
menu:
# 文章:
# 隧道: /archives/ || anzhiyu-icon-box-archive
# 分类: /categories/ || anzhiyu-icon-shapes
# 标签: /tags/ || anzhiyu-icon-tags
友链:
友人帐: /link/ || anzhiyu-icon-link
# 朋友圈: /fcircle/ || anzhiyu-icon-artstation
# 留言板: /comments/ || anzhiyu-icon-envelope
我的:
音乐馆: /music/ || anzhiyu-icon-music
# 追番页: /bangumis/ || anzhiyu-icon-bilibili
# 相册集: /album/ || anzhiyu-icon-images
# 小空调: /air-conditioner/ || anzhiyu-icon-fan
关于:
关于本人: /about/ || anzhiyu-icon-paper-plane
闲言碎语: /essay/ || anzhiyu-icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1
新建source/_data/about.yml
,输入以下内容
- class_name: 关于页
subtitle: 生活明朗,万物可爱✨
avatarImg: https://npm.elemecdn.com/anzhiyu-blog-static@1.0.0/img/avatar.webp
name: 陈志伟
description: 是一名 前端工程师、学生、独立开发者、博主
aboutsiteTips:
tips: 追求
title1: 源于
title2: 热爱而去 感受
word:
- 学习
- 生活
- 程序
- 体验
helloAbout: Hello there!
skillsTips:
tips: 技能
title: 开启创造力
careers:
tips: 生涯
title: 无限进步
item:
- EDU,软件工程专业
img: https://bu.dusays.com/2023/04/21/644287166329b.png
statistic:
link: /archives
text: 文章隧道
cover: https://bu.dusays.com/2023/05/01/644f4b037b930.jpg
map:
title: 我现在住在
StrengthenTitle: 中国,长沙市
background: https://bu.dusays.com/2023/07/05/64a4c61cb20ef.jpg
backgroundDark: https://bu.dusays.com/2023/07/05/64a4c63495ac5.jpg
selfInfo:
selfInfoTips1: 生于
selfInfoContentYear: 2002
selfInfoTips2: 湖南信息学院
selfInfoContent2: 软件工程
selfInfoTips3: 现在职业
selfInfoContent3: 大三学生👨🎓
personalities:
author_name: 执政官
personality_type: ESFJ-A
photo_url: https://bu.dusays.com/2023/07/05/64a4c63495ac5.jpg
personality_img: https://npm.elemecdn.com/anzhiyu-blog@2.0.8/img/svg/ESFJ-A.svg
name_url: https://www.16personalities.com/ch/esfj-%E4%BA%BA%E6%A0%BC
maxim:
maxim_tips: 座右铭
maxim_top: 生活明朗,
maxim_bottom: 万物可爱。
buff:
buff_tips: 特长
buff_top: 脑回路新奇的 酸菜鱼
buff_bottom: 二次元指数 MAX
game:
game_tips: 爱好游戏
game_title: 原神
game_uid: "UID: 125766904"
game_bg: https://bu.dusays.com/2023/04/22/64433bf26e25d.webp
comic:
comic_tips: 爱好番剧
comic_title: 追番
comic_list:
- name: 约定的梦幻岛
href: https://www.bilibili.com/bangumi/media/md5267750/?spm_id_from=666.25.b_6d656469615f6d6f64756c65.1
cover: https://bu.dusays.com/2023/05/27/647166c44b414.webp
- name: 咒术回战
href: https://www.bilibili.com/bangumi/media/md28229899/?spm_id_from=666.25.b_6d656469615f6d6f64756c65.1
cover: https://bu.dusays.com/2023/05/24/646db4398832e.webp
- name: 紫罗兰永恒花园
href: https://www.bilibili.com/bangumi/media/md8892/?spm_id_from=666.25.b_6d656469615f6d6f64756c65.1
cover: https://bu.dusays.com/2023/05/24/646db43983d99.webp
- name: 鬼灭之刃
href: https://www.bilibili.com/bangumi/media/md22718131/?spm_id_from=666.25.b_6d656469615f6d6f64756c65.1
cover: https://bu.dusays.com/2023/05/24/646db439856a0.webp
- name: JOJO的奇妙冒险 黄金之风
href: https://www.bilibili.com/bangumi/media/md135652/?spm_id_from=666.25.b_6d656469615f6d6f64756c65.1
cover: https://bu.dusays.com/2023/05/30/64760e38d651a.webp
like:
like_tips: 关注偏好
like_title: 数码科技
like_bg: https://bu.dusays.com/2022/12/06/638f5f05ce1f7.jpg
like_bottom: 手机、电脑软硬件
music:
music_tips: 音乐偏好
music_title: 许嵩、民谣、华语流行
music_bg: https://p2.music.126.net/Mrg1i7DwcwjWBvQPIMt_Mg==/79164837213438.jpg
music_link: /music
reward_list:
- name: 海阔蓝
amount: 8.8
datatime: 2023-03-28
- name: LK66
amount: 66.6
datatime: 2023-03-24
- name: 张时貳
amount: 6.6
datatime: 2023-01-22
- name: ZeroAf
amount: 9.9
datatime: 2022-12-14
- name: LuckyWangXi
amount: 6.6
datatime: 2022-12-14
- name: 刀中日月长
amount: 10
datatime: 2022-11-16
- name: 鹿啵包
amount: 10
datatime: 2022-11-08
- name: 疾速k
amount: 50
datatime: 2022-09-20
- name: 伴舟先生大霖子
amount: 4.03
datatime: 2022-10-27
suffix: 贝壳
- name: Magica_0x0
amount: 3.36
datatime: 2022-10-07
suffix: 贝壳
- name: 名字就是要短像这样
amount: 3.36
datatime: 2022-08-25
suffix: 贝壳
- name: Leviathan520
amount: 1.34
datatime: 2022-08-23
suffix: 贝壳
- name: 托马斯
amount: 10
datatime: 2022-08-19
- name: 哇是猫猫欸
amount: 1.34
datatime: 2022-08-19
suffix: 贝壳
extra: false
selfInfo.selfInfoContentYear
selfInfo.selfInfoContent2
selfInfo.selfInfoContent3
personalities.author_name
personalities.personality_type
personalities.personality_img
【必须】开发字段,表示额外模块内容可通过修改主题themes/anzhiyu/layout/includes/anzhiyu/about-extra.pug
自行开发,修改为 true 后会引入该 pug 内容。
配置相册页面
在 Hexo 博客根目录 [blog]
下打开终端,输入
你会找到 source/album/index.md
这个文件
修改这个文件: 记得添加 type: "album"
---
title: 相册集
date: 2022-10-23 15:57:51
aside: false
top_img: false
type: "album"
top_background: https://bu.dusays.com/2023/06/30/649e54029be36.webp
---
需要修改顶部图可以修改top_background
字段的链接,主题版本需1.4.1
或以上。
主题配置文件中开启menu
中我的和相册集的注释,注意缩进!!!
menu:
# 文章:
# 隧道: /archives/ || anzhiyu-icon-box-archive
# 分类: /categories/ || anzhiyu-icon-shapes
# 标签: /tags/ || anzhiyu-icon-tags
友链:
友人帐: /link/ || anzhiyu-icon-link
# 朋友圈: /fcircle/ || anzhiyu-icon-artstation
# 留言板: /comments/ || anzhiyu-icon-envelope
我的:
音乐馆: /music/ || anzhiyu-icon-music
# 追番页: /bangumis/ || anzhiyu-icon-bilibili
相册集: /album/ || anzhiyu-icon-images
# 小空调: /air-conditioner/ || anzhiyu-icon-fan
关于:
# 关于本人: /about/ || anzhiyu-icon-paper-plane
闲言碎语: /essay/ || anzhiyu-icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1
新建文件source\_data\album.yml
,没有_data
文件夹的话也请自己新建。打开source\_data\album.yml
,输入:
- class_name: 世界各地夕阳与风景
path_name: /wordScenery
type: 2
description: 因为到不了世界各地,所以请网友们发来了各地的夕阳与风景🌇。
cover: https://bu.dusays.com/2023/04/09/64329399d1175.jpg
top_background: https://bu.dusays.com/2023/06/30/649e546ada7dd.webp
rowHeight: 220
limit: 10
lazyload: true
btnLazyload: false
url: false
album_list:
- date: 2022/10/26 01:00:00
content: 湘潭的一角。
address: 湖南湘潭
from: 再吃一口就减肥
image:
- https://bu.dusays.com/2023/04/09/64329399db122.webp
- date: 2022-10-25
content: 洛阳暴雨后的天空。
address: 河南洛阳
from: 紫菜卷
image:
- https://bu.dusays.com/2023/04/09/64329399db122.webp
- https://bu.dusays.com/2023/04/09/64329399db2e1.webp
- class_name: 我的日常
path_name: /dailyPhoto
type: 1
description: 这里存放的是有关我自己的一些沙雕生活与有趣的事情。
cover: https://bu.dusays.com/2023/04/09/64329399cea5a.webp
album_list:
- date: 2022-10-24
content: 老妹的画
image:
- https://bu.dusays.com/2023/04/09/643293997b92b.jpeg
【可选】当前相册顶部 banner 图片,可以不填,主题版本需要1.4.1或以上
【可选】仅当 type 为 2 时有效,当前相册 rowHeight
【可选】仅当 type 为 2 时有效,当前相册 一次懒加载的数量
【可选】仅当 type 为 2 时有效,当前相册 lazyload 是否开启懒加载,默认懒加载为滚动懒加载,type 为 1 时懒加载不可关闭。
【可选】仅当 type 为 2 且 lazyload 开启 时有效,当前相册 lazyload 懒加载的方式,默认为滚动懒加载,开启本选项后为按钮点击懒加载。
【可选】仅当 type 为 2 时有效,可以加载远程的 json 数据。
由于相册页面需要很多的 page,所以在写数据的时候自行写入路径path_name
,示例数据中有两个path_name
,所以需要再创建两个页面
注意新建的页面必须与path_name
一致。
hexo new page dailyPhoto
hexo new page wordScenery
你会找到 source/dailyPhoto/index.md
和source/wordScenery/index.md
两个文件,这两个为相册集详情页
然后内容为以下内容, 需在详情页加上type: "album_detail"
---
title: 日常生活
date: 2022-10-23 15:57:51
aside: false
top_img: false
type: "album_detail"
---
---
title: 世界各地风景
date: 2022-10-23 15:57:51
aside: false
top_img: false
type: "album_detail"
---
远程加载json示例数据
[
{
"url": "https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/IMG_0556.jpg",
"alt": "IMG_0556.jpg",
"title": "这是title"
},
{
"url": "https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/IMG_0472.jpg",
"alt": "IMG_0472.jpg"
},
{
"url": "https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/IMG_0453.jpg",
"alt": ""
},
{
"url": "https://cdn.jsdelivr.net/gh/jerryc127/CDN/img/IMG_0931.jpg",
"alt": ""
}
]
相册页的样式可以由type控制
相册页 type: 1 样式为紧密的相册 预览
相册页 type: 2 样式为相对疏松的相册 预览
朋友圈页面配置
友链朋友圈后端部署文档 项目地址: https://github.com/Rock-Candy-Tea/hexo-circle-of-friends
请注意朋友圈部署有一定难度,博主使用的为 server 部署,拉取后端代码后可将代码内的默认值改为自己的站点,theme 改为 common2,注意一定要使用common2
,否则将无法拉取到自己的友链。
在 Hexo 博客根目录 [blog]
下打开终端,输入
打开source\fcircle\index.md
,添加一行type: "fcircle"
:
---
title: 朋友圈
date: 2022-11-21 17:06:17
comments: false
aside: false
top_img: false
type: "fcircle"
---
主题配置文件中开启menu
中友链和朋友圈的注释,导航栏朋友圈,注意缩进!!!
menu:
# 文章:
# 隧道: /archives/ || anzhiyu-icon-box-archive
# 分类: /categories/ || anzhiyu-icon-shapes
# 标签: /tags/ || anzhiyu-icon-tags
友链:
# 友人帐: /link/ || anzhiyu-icon-link
朋友圈: /fcircle/ || anzhiyu-icon-artstation
# 留言板: /comments/ || anzhiyu-icon-envelope
# 我的:
# 音乐馆: /music/ || anzhiyu-icon-music
# 追番页: /bangumis/ || anzhiyu-icon-bilibili
# 相册集: /album/ || anzhiyu-icon-images
# 小空调: /air-conditioner/ || anzhiyu-icon-fan
关于:
# 关于本人: /about/ || anzhiyu-icon-paper-plane
闲言碎语: /essay/ || anzhiyu-icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1
主题配置文件中开启friends_vue.enable
,自行设置朋友圈后端地址和顶部模块背景,注意缩进!!!
# 朋友圈配置
friends_vue:
enable: false
vue_js: https://npm.elemecdn.com/anzhiyu-blog-static@1.0.0/js/friends_vue/index.js
apiurl: # 朋友圈后端地址
top_background:ym
以下是演示站配置
friends_vue:
enable: true
vue_js: https://npm.elemecdn.com/anzhiyu-blog-static@1.0.0/js/friends_vue/index.js
apiurl: https://friends.anheyu.com/ # 朋友圈后端地址
top_background: https://bu.dusays.com/2023/06/15/648af1d5e6f39.jpeg
其中vue_js
参数,需要将https://npm.elemecdn.com/anzhiyu-theme-static@1.1.1/friends/index.4f887d95.js
下载下来
然后全局搜索 friends.anzhiy.cn
替换为您的部署的后端 url 然后使用
前端项目地址:hexo-circle-of-friends-front,也可以自行下载项目后,修改代码中的 url 变量路径friends.anzhiy.cn
为你自己的,然后执行npm run build
构建使用,
主题配置文件中开启menu
中友链和朋友圈的注释,注意缩进!!!
menu:
# 文章:
# 隧道: /archives/ || anzhiyu-icon-box-archive
# 分类: /categories/ || anzhiyu-icon-shapes
# 标签: /tags/ || anzhiyu-icon-tags
友链:
# 友人帐: /link/ || anzhiyu-icon-link
朋友圈: /fcircle/ || anzhiyu-icon-artstation
# 留言板: /comments/ || anzhiyu-icon-envelope
我的:
音乐馆: /music/ || anzhiyu-icon-music
# 追番页: /bangumis/ || anzhiyu-icon-bilibili
# 相册集: /album/ || anzhiyu-icon-images
# 小空调: /air-conditioner/ || anzhiyu-icon-fan
关于:
# 关于本人: /about/ || anzhiyu-icon-paper-plane
闲言碎语: /essay/ || anzhiyu-icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1
音乐馆页配置
在 Hexo 博客根目录 [blog]
下打开终端,输入
你会找到 source/music/index.md
这个文件
修改这个文件: 记得添加 type: "music"
---
title: 音乐馆
date: 2021-04-24 21:41:30
type: music
aplayer: true
top_img: false
comments: false
aside: false
---
新建 source/json/music.json
,此 json 为切换歌单按钮的歌单数据。
[
{
"name": "青花瓷",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.4/青花瓷/青花瓷.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002eFUFm2XYZ7z_2.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.4/青花瓷/青花瓷.lrc"
},
{
"name": "稻香",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.1/周杰伦/稻香/稻香.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.1/周杰伦/稻香/稻香.lrc"
},
{
"name": "晴天",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/晴天/晴天.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/晴天/晴天.lrc"
},
{
"name": "七里香",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/七里香/七里香.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000003DFRzD192KKD_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/七里香/七里香.lrc"
},
{
"name": "花海",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music-jay@1.0.1/花海/花海.flac",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music-jay@1.0.1/花海/花海.lrc"
},
{
"name": "反方向的钟",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music-jay@1.0.1/反方向的钟/反方向的钟.flac",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000f01724fd7TH_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music-jay@1.0.1/反方向的钟/反方向的钟.lrc"
},
{
"name": "兰亭序",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.1/周杰伦/兰亭序/兰亭序.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.1/周杰伦/兰亭序/兰亭序.lrc"
},
{
"name": "说好的辛福呢",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/说好的辛福呢/说好的辛福呢.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/说好的辛福呢/说好的幸福呢.lrc"
},
{
"name": "等你下课 (with 杨瑞代)",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.1/周杰伦/等你下课/等你下课.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000003bSL0v4bpKAx_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.1/周杰伦/等你下课/等你下课.lrc"
},
{
"name": "我落泪情绪零碎",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/我落泪情绪零碎/我落泪情绪零碎.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000bviBl4FjTpO_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/我落泪情绪零碎/我落泪情绪零碎.lrc"
},
{
"name": "听妈妈的话",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/听妈妈的话/听妈妈的话.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.2/听妈妈的话/听妈妈的话.lrc"
},
{
"name": "明明就",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music-jay@1.0.1/明明就/明明就.flac",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000003Ow85E3pnoqi_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music-jay@1.0.1/明明就/明明就.lrc"
},
{
"name": "我是如此相信",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music-jay@1.0.1/我是如此相信/我是如此相信.flac",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000001hGx1Z0so1YX_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music-jay@1.0.1/我是如此相信/我是如此相信.lrc"
},
{
"name": "发如雪",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.3/发如雪/发如雪.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M0000024bjiL2aocxT_3.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.3/发如雪/发如雪.lrc"
},
{
"name": "以父之名",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.3/以父之名/以父之名.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000MkMni19ClKG_3.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.3/以父之名/以父之名.lrc"
},
{
"name": "园游会",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.3/园游会/园游会.flac",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000003DFRzD192KKD_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.3/园游会/园游会.lrc"
},
{
"name": "本草纲目",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.4/本草纲目/本草纲目.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000002jLGWe16Tf1H_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.4/本草纲目/本草纲目.lrc"
},
{
"name": "龙卷风",
"artist": "周杰伦",
"url": "https://npm.elemecdn.com/anzhiyu-music@1.0.4/龙卷风/龙卷风.mp3",
"cover": "https://y.qq.com/music/photo_new/T002R300x300M000000f01724fd7TH_1.jpg?max_age=2592000",
"lrc": "https://npm.elemecdn.com/anzhiyu-music@1.0.4/龙卷风/龙卷风.lrc"
}
]
hexo 配置文件_config.yml
中添加以下配置,注意不是主题配置文件
# APlayer
# https://github.com/MoePlayer/hexo-tag-aplayer/blob/master/docs/README-zh_cn.md
aplayer:
meting: true
asset_inject: false
主题配置文件中开启menu
中我的和音乐馆的注释,注意缩进!!!
menu:
# 文章:
# 隧道: /archives/ || anzhiyu-icon-box-archive
# 分类: /categories/ || anzhiyu-icon-shapes
# 标签: /tags/ || anzhiyu-icon-tags
友链:
友人帐: /link/ || anzhiyu-icon-link
# 朋友圈: /fcircle/ || anzhiyu-icon-artstation
# 留言板: /comments/ || anzhiyu-icon-envelope
我的:
音乐馆: /music/ || anzhiyu-icon-music
# 追番页: /bangumis/ || anzhiyu-icon-bilibili
# 相册集: /album/ || anzhiyu-icon-images
# 小空调: /air-conditioner/ || anzhiyu-icon-fan
关于:
# 关于本人: /about/ || anzhiyu-icon-paper-plane
闲言碎语: /essay/ || anzhiyu-icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1
将menu
中音乐馆的路径修改为以下格式即可/music/?id=1708664797&server=tencent
,支持id
和server
参数。
404 页面
主题内置了一个简单的 404 页面,可在设置中开启
本地预览时,访问出错的网站是不会跳到 404 页面的。 如需本地预览,请访问 http://localhost:4000/404.html
# A simple 404 page
error_404:
enable: true
subtitle: "页面没有找到"
background:
追番页面
在博客根目录执行
npm install hexo-bilibili-bangumi --save
在 hexo 配置文件_config.yml
中加入以下配置,注意不是主题配置文件,更多配置请参考hexo-bilibili-bangumi
# 追番插件
# https://github.com/HCLonely/hexo-bilibili-bangumi
bangumi: # 追番设置
enable: true
source: bili
path:
vmid: 372204786
title: "追番列表"
quote: "生命不息,追番不止!"
show: 1
lazyload: false
loading:
showMyComment: false
pagination: false
metaColor:
color:
webp:
progress:
extraOrder:
proxy:
host: "代理host"
port: "代理端口"
extra_options:
top_img: false
lazyload:
enable: false
留言板页面
在博客根目录执行
npm install hexo-butterfly-envelope --save
在站点配置文件_config.yml
中添加以下内容配置,更多配置请查看信笺样式留言板
# 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-butterfly-envelope/lib/before.png # 信封前半部分
afterimg: https://npm.elemecdn.com/hexo-butterfly-envelope/lib/after.png # 信封后半部分
message: #信笺正文,多行文本,写法如下
- 有什么想问的?
- 有什么想说的?
- 有什么想吐槽的?
- 哪怕是有什么想吃的,都可以告诉我哦~
bottom: 自动书记人偶竭诚为您服务! #仅支持单行文本
height: #1024px,信封划出的高度
path: #【可选】comments 的路径名称。默认为 comments,生成的页面为 comments/index.html
front_matter: #【可选】comments页面的 front_matter 配置
title: 留言板
comments: true
top_img: false
type: envelope
我的装备页面
在 Hexo 博客根目录 [blog]
下打开终端,输入
hexo new page equipment
你会找到 source/equipment/index.md
这个文件
修改这个文件: 记得添加 type: "equipment"
---
title: 我的装备
date: 2023-06-10 21:33:24
type: equipment
aside: false
top_img: false
---
添加数据,新建文件source\_data\equipment.yml
,没有_data
文件夹的话也请自己新建。以下是默认格式示例,打开source\_data\equipment.yml
,输入:
- class_name: 好物
description: 实物装备推荐
tip: 跟 安知鱼 一起享受科技带来的乐趣
top_background: https://bu.dusays.com/2023/07/05/64a4c38842b7a.webp
good_things:
- title: 生产力
description: 提升自己生产效率的硬件设备
equipment_list:
- name: MacBook Pro 2021 16 英寸
specification: M1 Max 64G / 1TB
description: 屏幕显示效果好、色彩准确、对比度强、性能强劲、续航优秀。可以用来开发和设计。
image: https://bu.dusays.com/2023/07/05/64a4c3b191e2e.png
link: /posts/571d.html
- name: iPad 2020
specification: 深空灰 / 128G
description: 事事玩得转,买前生产力,买后爱奇艺。
image: https://bu.dusays.com/2023/07/05/64a4c3b191e2e.png
link: https://www.apple.com.cn/ipad-10.2/
- name: iPhone 12 mini
specification: 绿色 / 128G
description: 超瓷晶面板,玻璃背板搭配铝金属边框,曲线优美的圆角设计,mini大小正好一只手就抓住,深得我心,唯一缺点大概就是续航不够。
image: https://bu.dusays.com/2023/07/05/64a4c3ded6319.webp
link: https://www.apple.com.cn/iphone-12/specs/
- name: AirPods(第三代)
specification: 标准版
description: 第三代对比第二代提升很大,和我一样不喜欢入耳式耳机的可以入,空间音频等功能确实新颖,第一次使用有被惊艳到。
image: https://bu.dusays.com/2023/07/05/64a4c3ded6319.webp
link: https://www.apple.com.cn/airpods-3rd-generation/
- title: 出行
description: 用来出行的实物及设备
equipment_list:
- name: Apple Watch Series 8
specification: 黑色
description: 始终为我的健康放哨,深夜弹出站立提醒,不过确实有效的提高了我的运动频率,配合apple全家桶还是非常棒的产品,缺点依然是续航。
image: https://bu.dusays.com/2023/07/05/64a4c40ab698a.webp
link: https://www.apple.com.cn/apple-watch-series-8/
- name: NATIONAL GEOGRAPHIC双肩包
specification: 黑色
description: 国家地理黑色大包,正好装下16寸 Macbook Pro,并且背起来很舒适,底部自带防雨罩也好用,各种奇怪的小口袋深得我心。
image: https://bu.dusays.com/2023/07/05/64a4c40ab698a.webp
link: https://item.jd.com/100011269828.html
- name: NATIONAL GEOGRAPHIC学生书包🎒
specification: 红白色
description: 国家地理黑色大包,冰冰🧊同款,颜值在线且实用。
image: https://bu.dusays.com/2023/07/05/64a4c40ab698a.webp
link: https://item.jd.com/100005889786.html
主题配置文件中开启menu
中关于和我的装备的注释,导航栏我的装备,注意缩进!!!
menu:
# 文章:
# 隧道: /archives/ || anzhiyu-icon-box-archive
# 分类: /categories/ || anzhiyu-icon-shapes
# 标签: /tags/ || anzhiyu-icon-tags
# 友链:
# 友人帐: /link/ || anzhiyu-icon-link
# 朋友圈: /fcircle/ || anzhiyu-icon-artstation
# 留言板: /comments/ || anzhiyu-icon-envelope
# 我的:
# 音乐馆: /music/ || anzhiyu-icon-music
# 追番页: /bangumis/ || anzhiyu-icon-bilibili
# 相册集: /album/ || anzhiyu-icon-images
# 小空调: /air-conditioner/ || anzhiyu-icon-fan
关于:
# 关于本人: /about/ || anzhiyu-icon-paper-plane
# 闲言碎语: /essay/ || anzhiyu-icon-lightbulb
# 随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1
我的装备: /equipment/ || anzhiyu-icon-dice-d20
示例数据中的图片不保证可用性,请自行更换为您自己的图床链接。图床相关知识=>我的图床方案