Ede's Blog

博客小挂件

插件

Gif播放器

loading样式 & gif的暂停和播放,推荐声明widthheight,避免布局重排。auto将自适应。

<img class="gif" width="xxx" height="xxx" data-src="your-gif-url" auto/>

图片浏览

图片滚动浏览,并提供缩略样式

<div class="img-list">
<img data-src="your-img-01" class="vertical" data-desc="your-img-describe"/>
<img data-src="your-img-02"/>
<img data-src="your-img-03"/>
</div>
  • class="vertical":对应background: auto 100%,高度100%,宽度自适应,对应手机竖屏拍照的照片,其他对应background: cover
  • data-desc:图片描述

提示

Hover Me - right

Hover Me - left

Hover Me - bottom

Hover Me - top

<a class="pop" data-title="btn-description">btn</a>

样式

图片居中描述

<div class="img-desc">your-img-desc</div>
描述测试

命令行

<div class="shell">
<span class="prefix">edeink@:~</span>
<span class="command">cd Document</span>
</div>
edeink@:~ vim index.html

第三方

评论插件

插件出处:Gitment

<div id="comment"></div>

注:鉴于没人评论,特此关闭评论,T__T,需要留言的,可以直接到“issue”留言

数学公式

插件出处:Mathjax

<script type="text/javascript" src="https://cdn.bootcss.com/mathjax/2.7.4/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

$$γ(M)=\sum_{v,w\in{M}}γ(v→w)+\sum_{v\in{N_1}}γ(v→λ)+\sum_{w\in{N_2}}γ(λ→w) $$

$$ γ(M)=\sum_{v,w\in{M}}γ(v→w)+\sum_{v\in{N_1}}γ(v→λ)+\sum_{w\in{N_2}}γ(λ→w) $$

特殊配置

有部分配置,为YAML配置部分

全局配置

该主题在配置_config.yml键值一览

ede_theme:
# 开关
switch:
# 是否启用左侧目录
toc: true
# 是否用PWA,实践证明,用了PWA访问速度反而变慢
use_pwa: false
# 文字顶部声明
tip:
alert: 博主很多屁话想说,但一时不知说些什么
warn: 文章未成熟,请绕路
error: 文章关掉有错误,但是博主懒,不想改,Pr pr
# 顶部功能
menu:
- { title: Home, link: /, ico: home }
- { title: About, link: /about/index.html, ico: me }
- { title: Github, link: https://github.com/edeity, ico: github }
# 头部声明请更改title
# 尾部声明
foot: Edeink © 2015-2019 · powered by hexo

文章配置

导航栏

当某篇文章需要关闭或开启时,可以在文章头部声明。没有声明,则采用_config.yml中配置的默认值:

toc: false

文章声明

默认关闭,可在顶部声明开启。

alert:
warn: 前方高能警告
error:

右侧可以自定义值,eg:warn: 前方高能警告,仅有warn没有值时,将采用_config.yml中的默认值。alerterror同理。

当然,也可以直接写HTML(但不会填充默认值)

<div class="alert">提示,前方有妹纸</div>
<div class="warn">小心,前方有水坑</div>
<div class="error">错误,前方道路坍塌</div>

效果如下:

提示,前方有妹纸
小心,前方有水坑
错误,前方道路坍塌