本站使用的插件

 2024/11/09 

诶☝️🤓好不容易整了一个blog自然是要搞点好玩的🤗

短链生成

npm install hexo-abbrlink --save
自动添加abbrlink

文章加密

hexo-blog-encrypt
npm install --save hexo-blog-encrypt

---
title: Hello World
tags:
- 作为日记加密
date: 2016-03-30 21:12:21
password: mikemessi
abstract: 有东西被加密了, 请输入密码查看.
message: 您好, 这里需要密码.
wrong_pass_message: 抱歉, 这个密码看着不太对, 请再试试.
wrong_hash_message: 抱歉, 这个文章不能被校验, 不过您还是能看看解密后的内容.
---

文章隐藏

hexo-hide-posts
npm install hexo-hide-posts
好像在只在主页隐藏功能上有点问题！

文字上方注释 Ruby

hexo-ruby-character
npm install hexo-ruby-character --save

1	{% ruby 我喜欢你\|fuck you %}

我喜欢你 (fuck you)

文字遮盖效果 Spoiler

hexo-spoiler
npm install hexo-spoiler --save

1	{% spoiler 我喜欢你 %}

我喜欢你

分栏

hexo-tag-commom
使用教程
npm install hexo-tag-common

{% tabs 测试测试,1 %}
<!-- tab 很遗憾 -->
**你的脑子太小**
<!-- endtab -->

<!-- tab 经考核 -->
**只容得下爱恨**
<!-- endtab -->

<!-- tab 不通过 -->
**容不下数学**
<!-- endtab -->
{% endtabs %}

你的脑子太小

只容得下爱恨

容不下数学

数据可视化工具

hexo-tag-chart
官方文档
npm install hexo-tag-chart --save

{% chart 80% 300 %}
{
    type: 'line',
    data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [{
            label: 'My First dataset',
            backgroundColor: 'rgb(255, 99, 132)',
            borderColor: 'rgb(255, 99, 132)',
            data: [0, 10, 5, 2, 20, 30, 45]
        }]
    },
    options: {
        responsive: true,
        title: {
            display: true,
            text: 'Chart.js Line Chart'
        }
    }
};
{% endchart %}

悬浮注释

hexo-tag-hint
npm install hexo-tag-hint --save

1	{% hint 'I WANT YOU' '🫵' %}

I WANT YOU

动态终端代码演示

这个也太帅了我一定要学，下次看看
https://github.com/heowc/hexo-tag-gdemo

折叠

hexo-fold

1
2
3

{% fold 我是可折叠内容 %}

{% endfold %}

我是可折叠内容

你看到了隐藏起来的我！

插入b站视频

hexo-tag-bilibili
npm install --save hexo-tag-bilibili

1
2
3

{% bilibili [av_id] %}
or
{% bilibili [av_id] [page] %}

但是宽度不适配主题…!
感觉可能还是用html插入视频比较好！

testing···

https://caczhtus.github.io/posts/51050/
https://akilar.top/posts/615e2dec/
下次试试
我在考虑替换为butterfly主题，它支持的插件和功能实在太多了，但是主页又太花里胡哨了。。。

https://yun.yunyoujun.cn/guide/
不得不说，↑这个主题示例站点看起来很土但是根据这位的修改之后变得相当好看
特别是文章显示部分，只能说不愧是做前端的能改成这样

网易云居然自己可以生成？！

注脚

hexo-reference
npm install hexo-reference --save

basic footnote^[1]
here is an inline footnote[^2](inline footnote)
and another one^[3]
and another one^[4]

[^1]: basic footnote content
[^3]: paragraph
footnote
content
[^4]: footnote content with some [markdown](https://en.wikipedia.org/wiki/Markdown)

basic footnote^[1]
here is an inline footnote^[2]
and another one^[3]
and another one^[4]

实际上感觉悬停注释就够用了….
总之先加到这里！

1.basic footnote content ↩
2.inline footnote ↩
3.paragraph footnote content ↩
4.footnote content with some markdown ↩

</div>

Next Post

Git使用指南
Previous Post

做题记录串

CATALOG

1. 短链生成
2. 文章加密
3. 文章隐藏
4. 文字上方注释 Ruby
5. 文字遮盖效果 Spoiler
6. 分栏
7. 数据可视化工具
8. 悬浮注释
9. 动态终端代码演示
10. 折叠
11. 插入b站视频
12. testing···
13. 注脚