Friday, February 28th 2020, 6:57 pm

  600 字     2 分钟       

看板娘功能的实现和Aplayer的引入等。

看板娘啊!

这人讲的不错
我目前处于xx级别。

搞了好长时间了…

代码块

通用配置中highlight: enable :true要关闭
行号等可以在其中选择开与否
主题配置中可以选用highlight主题

<p class="note note-warning">note note-warning</p>

<p class="note note-danger">note note-danger</>

<p class="note note-info">note note-info</>
<p class="note note-success">note note-success</>

<p class="note note-light">note note-light</>

自定义滚动条

source>css>_custom>_custom.styl中添加如下代码

// 滚动条
::-webkit-scrollbar {
    //设置高度宽度
  width: 10px;
	height: 10px;
}
::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}
::-webkit-scrollbar-button:start:increment,::-webkit-scrollbar-button:end:decrement {
	display: none;
}
::-webkit-scrollbar-corner {
	display: block;
}
::-webkit-scrollbar-thumb {
    //设置圆角滚动条
	border-radius: 8px;
	background-color: rgba(0,0,0,.2);
}
::-webkit-scrollbar-thumb:hover {
	border-radius: 8px;
	background-color: rgba(0,0,0,.5);
}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb {
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
}
::-webkit-scrollbar-track:hover {
	background-color: rgba(0,0,0,.15);
}
::-webkit-scrollbar-button:start {
	width: 10px;
	height: 10px;
	background: url(../images/scrollbar_arrow.png) no-repeat 0 0;
}
::-webkit-scrollbar-button:start:hover {
	background: url(../images/scrollbar_arrow.png) no-repeat -15px 0;
}
::-webkit-scrollbar-button:start:active {
	background: url(../images/scrollbar_arrow.png) no-repeat -30px 0;
}
::-webkit-scrollbar-button:end {
	width: 10px;
	height: 10px;
	background: url(../images/scrollbar_arrow.png) no-repeat 0 -18px;
}
::-webkit-scrollbar-button:end:hover {
	background: url(../images/scrollbar_arrow.png) no-repeat -15px -18px;
}
::-webkit-scrollbar-button:end:active {
	background: url(../images/scrollbar_arrow.png) no-repeat -30px -18px;
}

段落块and引用

source>lib>mdbootstrap>css>mdb.min.css中可添加
下面是已有的几种

note note-warning

note note-danger

note note-info

note note-success

note note-primary

note note-default

note note-light

div.custom-block tip

初级水平

ha

download package for live2d
npm install --save hexo-helper-live2d
download model package

npm install live2d-widget-model-terisa #对应模型包名即可 || terisa这个包是我发布的里边json没设置好用不了,抽个时间改改

其实很多model别人估计都已经发布了,你只需按照这个格式试一试即可。

高级水平

我不知道那些jQuery和font-awesome都是啥,把他们怎么加载啊也不知道啥意思

播放器

方法一 cdn引入

只需找到themes/XXX/layout/layout.ejs配置即可

可以下载下来拉到自己的cdn,然后更改 js和css 中关于歌单的部分即可。

方法二 本地js

可以自定义歌单

方法自取

所以我可以自己写个歌单吧。



my_blog_generate      Hexo Web前端 blog

本博客所有文章除特别声明外,均采用 CC BY-SA 3.0协议 。转载请注明出处!

 TOC