Butterfly语法/标签

2023-01-21|2023-02-08

540|2分钟

  • 文章置顶是 sticky: x(x是数字,数值越大,置顶的优先级越大)
  • 文章布局
    img
  • 添加自定义页面(当我们在执行 hexo g 命令时,.md 文件就会被转化成 HTML 文件,但是有时候我们需要新建一个独立的页面,这个页面不使用主题的渲染,具有自己独立的样式)

在根目录下的 source 文件夹下创建index.md,需要在里面改:

1
2
3
4
5
6
7
8
MARKDOWN---
layout: false
---
{% raw %}
xxxxxxxxxxxxx
xx HTML代码 xx
xxxxxxxxxxxxx
{% endraw %}

在主题文件下 sidebarmenu — 下按其他页面格式写即可

  • 修改404页面,在主题配置文件找到 error_404 选项,改成 true,然后找到 404.pug 在里面修改即可,本地预览只能访问 http://localhost:4000/404.html 看效果【由于是pug格式所以需要html转pug
  • 添加Algolia搜索,参考基于 Hexo 键入搜索功能,需要注意indexName不要有符号,简简单单abc就行,每次更新文章都要重新 hexo algolia(当前这个插件只能搜索文章名,因为主题版本太低不支持)
  • 文章插入bibi视频语法:

修改里面的 aid 为你视频的 AV号

1
2
3
4
5
6
7
8
9
10
11
MARKUP<div align=center class="aspect-ratio">
<iframe src="https://player.bilibili.com/player.html?aid=474023258&&page=1&as_wide=1&high_quality=1&danmaku=0"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
high_quality=1
danmaku=1
allowfullscreen="true">
</iframe>
</div>
  • 文章页局部 html 代码不渲染

可以用标签包裹:

1
2
3
4
MARKUP{% raw %}
<div class="">你的一些代码...</div>
<script>你的一些代码...</script>
{% endraw %}
  • 语法标签语法参考:
  1. https://butterfly.js.org/posts/4aa8abbe/#timeline
  2. https://tzy1997.com/articles/0xiipgum/#特效标签-wow
  3. https://blog.imzjw.cn/posts/bfdocs/
  • 代码框语言选择 diff 可以高亮 +/- 的代码
  • 数学公式语法参考:
  1. Markdown 在数学公式中插入文字
  2. markdown语法中一些数学符号
  3. Markdown语法之数学公式【总结】
  4. markdown数学公式总结
  5. markdown插入空格

[
](javascript:)