hexo笔记

测试看看

Qexo有用吗

咋回事啊

文章模板

参数

---
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:
abcjs:
noticeOutdate:
---
```markdown
---
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:
abcjs:
noticeOutdate:
---

寫法	解釋
title	【必需】文章標題
date	【必需】文章創建日期
updated	【可選】文章更新日期
tags	【可選】文章標籤
categories	【可選】文章分類
keywords	【可選】文章關鍵字
description	【可選】文章描述
top_img	【可選】文章頂部圖片
cover	【可選】文章縮略圖(如果沒有設置)

参数解释

寫法	解釋
title	【必需】文章標題
date	【必需】文章創建日期
updated	【可選】文章更新日期
tags	【可選】文章標籤
categories	【可選】文章分類
keywords	【可選】文章關鍵字
description	【可選】文章描述
top_img	【可選】文章頂部圖片
cover	【可選】文章縮略圖(如果沒有設置)

说说模板

参数

title: shuoshuo
type: shuoshuo
limit:
  type: date
  value: 2024-06-20T00:00:00.000Z
abbrlink: f2253e6
date: 2024-12-21 22:10:29

参数解释

參數	解釋
author	【可選】作者名稱
avatar	【可選】作者頭像
date	【必需】日期
content	【必需】內容（Markdown 格式或者 Html 格式）
key	【可選】評論的唯一標識, 開啓評論必須配置
tags	【可選】標籤

页面模板

参数

---
title:
date:
updated:
type:
comments:
description:
keywords:
top_img:
mathjax:
katex:
aside:
aplayer:
highlight_shrink:
random:
limit:
  type:
  value:
---
```markdown
---
title:
date:
updated:
type:
comments:
description:
keywords:
top_img:
mathjax:
katex:
aside:
aplayer:
highlight_shrink:
random:
limit:
  type:
  value:
---

参数解释

參數	解釋
title	【必需】頁面標題
date	【必需】頁面創建日期
type	【必需】標籤、分類和友情鏈接三個頁面需要配置
updated	【可選】頁面更新日期
description	【可選】頁面描述
keywords	【可選】頁面關鍵字
comments	【可選】顯示頁面評論模塊 (默認 true)
top_img	【可選】頁面頂部圖片
mathjax	【可選】顯示 mathjax (當設置 mathjax 的 per_page: false 時，才需要配置，默認 false)
katex	【可選】顯示 katex (當設置 katex 的 per_page: false 時，才需要配置，默認 false)
aside	【可選】顯示側邊欄 (默認 true)
aplayer	【可選】在需要的頁面加載 aplayer 的 js 和 css，請參考文章下面的音樂配置
highlight_shrink	【可選】配置代碼框是否展開 (true/false) (默認為設置中 highlight_shrink 的配置)
random	【可選】配置友情鏈接是否隨機排序（默認為 false）
limit	【可選】配置説説顯示數量
limit.type	【可選】配置説説顯示數量的類型（date 或者 num）
limit.value	【可選】配置説説顯示數量的值

子页面

子頁面也是普通的頁面，你只需要 hexo n page xxxxx 創建你的頁面就行

然後使用標簽外掛 gallery，具體用法請查看對應的內容。

标签外挂

下面是标签外挂，添加了card.js和card.styl两个文件
注意：内容不能有英文逗号，不然会出bug
这段教程在这里：
https://blog.leonus.cn/2022/butterflyTag.html

–>
参数描述默认值
标题作品的名字未知
链接作品的详情页，填写后会显示查看详情按钮无
背景背景图片Url（必须是图片，想要实现颜色可自行更改代码）纯色#333
评分范围 0-5，可以是小数，如3.5和3.1表示三星半，图标只有半星的） 0
评价点评内容此作品博主暂未作出评价
图标左上角图标，请填写fontawsome图标无
标签右上角标签无
宽度卡片宽度，需要填单位，如：100px 或 10rem 220px
高度卡片高度，要求同上 300px

一個圖庫集合。

寫法
PLAINTEXT

<div class="gallery-group-main">
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
{% galleryGroup name description link img-url %}
</div>

參數	解釋
name	圖庫名字
description	圖庫描述
link	連接到對應相冊的地址
img-url	圖庫封面的地址

[{"url":"https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/d6QHbytlSYO4FBG.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg","alt":"","title":""},{"url":"https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg","alt":"","title":""}]

[{“url”:”https://i.loli.net/2019/12/25/Fze9jchtnyJXMHN.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/ryLVePaqkYm4TEK.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/gEy5Zc1Ai6VuO4N.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/d6QHbytlSYO4FBG.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/6nepIJ1xTgufatZ.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/E7Jvr4eIPwUNmzq.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/mh19anwBSWIkGlH.jpg","alt":""},{"url":"https://i.loli.net/2019/12/25/2tu9JC8ewpBFagv.jpg","alt":""}]
如果你想要使用 /photo/ohmygirl 這樣的鏈接顯示你的圖片內容

你可以把創建好的 ohmygirl 整個文件夾移到 photo 文件夾裏去