首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo Customization

Hexo Customization

作者头像
故事尾音
发布2019-12-18 16:08:20
3340
发布2019-12-18 16:08:20
举报

bilibili插件

bilibili

颜文字

颜文字

表情

表情

下载按钮

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

点击下载百度

引用

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

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

代码块

代码

图标

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

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

音乐

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

npm install hexo-tag-aplayer --save

然后文章中的写法:

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

另外可以支持歌单:

{% 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 %}

视频

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

npm install hexo-tag-dplayer --save

然后文章中的写法:

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

Hexo 中 MathJax 的静态显示(svg)

Hexo 中 MathJax 的静态显示(svg)

Reference

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-10-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • bilibili插件
  • 颜文字
  • 表情
  • 下载按钮
  • 引用
  • 代码块
  • 图标
  • 音乐
  • 视频
  • Hexo 中 MathJax 的静态显示(svg)
  • Reference
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档