Hexo Customization

bilibili插件

bilibili

颜文字

表情

下载按钮

代码语言：javascript复制

{% btn https://www.baidu.com, 点击下载百度, download fa-lg fa-fw %}

点击下载百度

引用

代码语言：javascript复制

{% cq %}
人生乃是一面镜子，
从镜子里认识自己，
我要称之为头等大事，
也只是我们追求的目的！
{% endcq %}

人生乃是一面镜子，从镜子里认识自己，我要称之为头等大事，也只是我们追求的目的！

代码块

代码语言：javascript复制

代码

图标

https://fontawesome.com/v4.7.0/

代码语言：javascript复制

- <i class="fa fa-pencil"></i> 铅笔
- <i class="fa fa-cloud-upload"></i> 上传
- <i class="fa fa-download"></i> 下载

铅笔
上传
下载

音乐

首先在站点文件夹根目录安装插件：

代码语言：javascript复制

npm install hexo-tag-aplayer --save

然后文章中的写法：

代码语言：javascript复制

{% aplayer "歌曲名" "歌手名" "https://什么什么什么.mp3" "https://封面图.jpg" "lrc:https://歌词.lrc" %}

另外可以支持歌单：

代码语言：javascript复制

{% aplayerlist %}
{
    "autoplay": false,
    "showlrc": 3,
    "mutex": true,
    "music": [
        {
            "title": "歌曲名",
            "author": "歌手名",
            "url": "https://什么什么什么.mp3",
            "pic": "https://封面图.jpg",
            "lrc": "https://歌词.lrc"
        },
        {
            "title": "歌曲名",
            "author": "歌手名",
            "url": "https://什么什么什么.mp3",
            "pic": "https://封面图.jpg",
            "lrc": "https://歌词.lrc"
        }
    ]
}
{% endaplayerlist %}

视频

首先在站点文件夹根目录安装插件：

代码语言：javascript复制

npm install hexo-tag-dplayer --save

然后文章中的写法：

代码语言：javascript复制

{% dplayer "url=https://什么什么什么.mp4" "https://封面图.jpg" "api=https://api.prprpr.me/dplayer/" "id=" "loop=false" %}

Hexo 中 MathJax 的静态显示（svg）

Reference

打造个性超赞博客Hexo NexT GitHubPages的超深度优化

hexo svg

0 人点赞