aplyer+Md文档延伸
这一篇写在14号去威海前。打算自己去威海,原本打算和同学去的,最后等了几天,他说不能去了,但是自己打算了很久的,自己去也是不错的,也是为了完成自己目标(每年出去两次),同时也是锻炼自己吧,所以还是坚持去的。
写这篇文章的时候,发现自己越来越喜欢写博客了。好像是因为博客的UI越来月好看了吧,哈哈😀😀😀

好了,正文开始~


Aplayer 使用

写博客是避免不了使用音乐的。接下来记录以下使用Aplayer的步骤。—-仅仅是使用其中的MeingJS
参考文档Aplayer

安装

1
npm install --save hexo-tag-aplayer

使用

(现在使用第三方音乐平台最简单了😁)

  1. 配置

    1
    2
    3
    如果想在本插件中使用 MetingJS,请在 Hexo 配置文件 _config.yml 中设置:
    aplayer:
    meting: true
  2. 语法

    1
    2
    3
    4
    <!-- 简单示例 (id, server, type)  -->
    {% meting "60198" "netease" "playlist" %}
    <!-- 进阶示例 -->
    {% meting "60198" "netease" "playlist" "autoplay" "mutex:false" "listmaxheight:340px" "preload:none" "theme:#ad7a86"%}
    选项 默认值 描述
    id 必须值 歌曲 id / 播放列表 id / 相册 id / 搜索关键字
    server 必须值 音乐平台: netease, tencent, kugou, xiami, baidu
    type 必须值 song, playlist, album, search, artist
    fixed false 开启固定模式
    mini false 开启迷你模式
    loop all 列表循环模式:all, one,none
    order list 列表播放模式: list, random
    volume 0.7 播放器音量
    lrctype 0 歌词格式类型
    listfolded false 指定音乐播放列表是否折叠
    storagename metingjs LocalStorage 中存储播放器设定的键名
    autoplay true 自动播放,移动端浏览器暂时不支持此功能
    mutex true 该选项开启时,如果同页面有其他 aplayer 播放,该播放器会暂停
    listmaxheight 340px 播放列表的最大长度
    preload auto 音乐文件预载入模式,可选项: none, metadata, auto
    theme #ad7a86 播放器风格色彩设置
  3. 例子

    1. one
    2. two

Md文档扩展

  1. MD文档支持其他语法

    支持的语言:1c, abnf, accesslog, actionscript, ada, apache, applescript, arduino, armasm, asciidoc, aspectj, autohotkey, autoit, avrasm, awk, axapta, bash, basic, bnf, brainfuck, cal, capnproto, ceylon, clean, clojure, clojure-repl, cmake, coffeescript, coq, cos, cpp, crmsh, crystal, cs, csp, css, d, dart, delphi, diff, django, dns, dockerfile, dos, dsconfig, dts, dust, ebnf, elixir, elm, erb, erlang, erlang-repl, excel, fix, flix, fortran, fsharp, gams, gauss, gcode, gherkin, glsl, go, golo, gradle, groovy, haml, handlebars, haskell, haxe, hsp, htmlbars, http, hy, inform7, ini, irpf90, java, javascript, json, julia, kotlin, lasso, ldif, leaf, less, lisp, livecodeserver, livescript, llvm, lsl, lua, makefile, markdown, mathematica, matlab, maxima, mel, mercury, mipsasm, mizar, mojolicious, monkey, moonscript, n1ql, nginx, nimrod, nix, nsis, objectivec, ocaml, openscad, oxygene, parser3, perl, pf, php, pony, powershell, processing, profile, prolog, protobuf, puppet, purebasic, python, q, qml, r, rib, roboconf, rsl, ruby, ruleslanguage, rust, scala, scheme, scilab, scss, smali, smalltalk, sml, sqf, sql, stan, stata, step21, stylus, subunit, swift, taggerscript, tap, tcl, tex, thrift, tp, twig, typescript, vala, vbnet, vbscript, vbscript-html, verilog, vhdl, vim, x86asm, xl, xml, xquery, yaml, zephir
    参考文档:Markdown 编辑器语法指南

    特别是我看到一个大佬的博客,他写的文章很有个性,仔细分析后是用HTML+md写出来的。
    1. 写个例子
      1
      <h2 style="text-align:center color:red font-size:16px ">古月哥欠的Fan</h2>

    显示:

    古月哥欠的Fan


干货总结

Emoji表情符号* 可以直接复制,免费
Emoji表情—github 大佬收集
easyicon—–免费的ico图标库

文章作者: 旅行猫
文章链接: https://www.yokiweb.top/posts/637245fdsf.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 旅行猫-旅行猫官网
打赏
  • 微信
  • 支付宝

评论