图库 图库页面只是普通的页面,你只需要hexo n page xxxxx
创建你的页面就行
<div class ="gallery-group-main" > {% galleryGroup '壁纸' '收藏的一些壁纸' '/Gallery/wallpaper' https://i.loli.net/2019/11/10/T7Mu8Aod3egmC4Q.png %} {% galleryGroup '漫威' '关于漫威的图片' '/Gallery/marvel' https://i.loli.net/2019/12/25/8t97aVlp4hgyBGu.jpg %} {% galleryGroup 'OH MY GIRL' '关于OH MY GIRL的图片' '/Gallery/ohmygirl' https://i.loli.net/2019/12/25/hOqbQ3BIwa6KWpo.jpg %} </div >
子页面 子页面也是普通的页面,你只需要hexo n page xxxxx
创建你的页面就行
{% gallery % }         {% endgallery % }
导航菜单 Home: / || fas fa-home Archives: /archives/ || fas fa-archive Tags: /tags/ || fas fa-tags Categories: /categories/ || fas fa-folder-open List||fas fa-list: Music: /music/ || fas fa-music Movie: /movies/ || fas fa-video Link: /link/ || fas fa-link About: /about/ || fas fa-heart
必须是 /xxx/
,后面||
分开,然后写图标名。
如果不希望显示图标,图标名可不写。
默认子目录是展开的,如果你想要隐藏,在子目录里添加 hide 。
主页文章节选(自动节选和文章页description) 在butterfly里,有四种可供选择
description: 只显示description
both: 优先选择description,如果没有配置description,则显示自动节选的内容
auto_excerpt:只显示自动节选
false: 不显示文章内容
修改 主题配置文件
index_post_content: method: 3 length: 500
顶部图
如果不要显示顶部图,可直接配置 disable_top_img: true
配置
解释
index_img
主页的 top_img
default_top_img
默认的 top_img,当页面的 top_img 没有配置时,会显示 default_top_img
archive_img
归档页面的 top_img
tag_img
tag 子页面 的 默认 top_img
tag_per_img
tag 子页面的 top_img,可配置每个 tag 的 top_img
category_img
category 子页面 的 默认 top_img
category_per_img
category 子页面的 top_img,可配置每个 category 的 top_img
文章封面 文章的markdown文档上,在Front-matter添加cover
,并填上要显示的图片地址.
如果不配置cover,可以设置显示默认的cover.
如果不想在首页显示cover,可以设置为false
修改 主题配置文件
cover: index_enable: true aside_enable: true archives_enable: true position: both default_cover:
mermaid 使用mermaid标籤可以绘製Flowchart(流程图)、Sequence diagram(时序图 )、Class Diagram(类别图)、State Diagram(状态图)、Gantt(甘特图)和Pie Chart(圆形图),具体可以查看mermaid文档
mermaid: enable: true theme: light: default dark: dark
例如:
{% mermaid %} pie title Key elements in Product X "Calcium" : 42.96 "Potassium" : 50.05 "Magnesium" : 10.01 "Iron" : 5 {% endmermaid %}
Tabs 使用方法
{% tabs Unique name , [index ] % } <!-- tab [Tab caption ] [@icon ] --> Any content (support inline tags too). <!-- endtab --> {% endtabs % } Unique name : Unique name of tabs block tag without comma. Will be used in If there are whitespaces in name, for generate Only for current url of post/page must be unique! [index ] : Index number of active tab. If not specified, first tab (1) will be selected. If index is -1 , no tab will be selected. It's will be something like spoiler. Optional parameter. [Tab caption ] : Caption of current tab. If not caption specified, unique name with tab index suffix will be used as caption of tab. If not caption specified, but specified icon, caption will empty. Optional parameter. [@icon ] : FontAwesome icon name (full-name, look like 'fas fa-font' ) Can be specified with or without space; e.g. 'Tab caption @icon' similar to 'Tab caption@icon' . Optional parameter.
示例:
{% tabs test1 % } <!-- tab --> **This is Tab 1 .** <!-- endtab --> <!-- tab --> **This is Tab 2 .** <!-- endtab --> <!-- tab --> **This is Tab 3 .** <!-- endtab --> {% endtabs % }
自定义Tab名 + 只有icon + icon和Tab名
{% tabs test4 % } <!-- tab 第一个Tab --> **tab名字为第一个Tab** <!-- endtab --> <!-- tab @fab fa-apple-pay --> **只有图标 没有Tab名字** <!-- endtab --> <!-- tab 炸弹@fas fa-bomb --> **名字+icon** <!-- endtab --> {% endtabs % }
hexo clean && hexo deploy