关于本站使用到的插件

  • 文/一月筠 -- 转载请注明 --
  • 非常高兴您能阅读本篇文章，麻烦输入密码验证一下哦~…

目录

其他资源

本站hexo主题

Yelee主题GitHub地址

Yelee主题使用说明

GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、求职面试等）

Yelee_GitHub仓库展示小挂件

示例图片

使用描述

1
<div class="github-widget" data-repo="<GitHub 用户名>/<仓库名>.js"></div>

Yelee_文章目录

示例图片

使用描述

  • 指定文章中关闭目录 toc: false
1
2
3
4
title: Hello World
date: 2015-08-19 00:00:00
toc: false
---
  • 指定文章中隐藏目录序号 toc_list_number: false
1
2
3
title: Hello World
toc_list_number: false
---

Yelee_文末版权信息

示例图片

使用描述

  • 指定文章中关闭目录 original: false
1
2
3
4
title: Hello World
date: 2015-08-19 00:00:00
original: false
---

未添加的参考功能

Hexo主题中添加日历云功能

动态tag云标签

html游戏

2048

github地址：https://github.com/keRee/2048

在线演示https://keree.github.io/

  • iframe嵌入
1
<iframe src="https://keree.github.io/#/2048" style="overflow-x:hidden;overflow-y:hidden; border:0xp none #fff; min-height:580px;min-width:430px;" frameborder="0" allowtransparency="true"></iframe>

或者，不一定成功

1
<iframe src="https://cdn.rawgit.com/keRee/2048/b43d5e0a/index.html" style="overflow-x:hidden;overflow-y:hidden; border:0xp none #fff; min-height:580px;min-width:430px;" frameborder="0" allowtransparency="true"></iframe>

hexo插件

PDF阅读器插件hexo-pdf

github地址：hexo-pdf

安装时间

2017.03.14

介绍

通过嵌入一个PDF的链接，使你的博客不需要借助第三方便能够在本页在线预览PDF文档。

使用描述

Normal PDF

1
{% pdf https://www.szse.cn/lawrules/csrcrules/notice/P020230406509524241312.pdf %}

or

1
{% pdf ./bash_freshman.pdf %}

示例

RSS订阅插件hexo-generator-feed

github地址：hexo-generator-feed

安装时间

2017.03.14

介绍

RSS订阅所需插件

使用描述

已在_config.yml中集成并使用，不需要额外配置。

hexo-generator-sitemap

github地址：hexo-generator-sitemap

安装时间

2017.03.14

介绍

站点SEO优化，是网站被百度等录入的插件。

使用描述

已在_config.yml中集成并使用，不需要额外配置。

1
2
3
sitemap:
    path: sitemap.xml
    template: ./sitemap_template.xml

hexo-generator-seo-friendly-sitemap

github地址：hexo-generator-seo-friendly-sitemap

安装时间

2017.03.14

介绍

站点SEO优化，是网站被百度等录入的插件。

使用描述

已在_config.yml中集成并使用，不需要额外配置。

加密插件hexo-encrypt

github地址：https://github.com/edolphin-ydf/hexo-encrypt

安装时间

2017.03.21

介绍

尝试着想一下，你写了一篇博客，但是，出于某种原因，不太希望每一个人都可以看到他。所以你常常会为这种文章设置一个密码，其他人需要输入密码才可以访问这篇博客。对于 emlog 或者 wordpress 来说，这很容易，但是对于 hexo 来说，之前并没有一个类似的功能。

所以，hexo-encrypt因为这个需求而诞生了。

线上 Demo 你可以查看 http://edolphin.site/2016/05/31/encrypt-test/

密码是 “123456”

使用描述

  • 在你的文章的头部添加上对应的字段，如 password, abstract, message
1
2
3
4
5
6
7
8
9
10
11
---
title: hello world
date: 2016-03-30 21:18:02
tags:
    - iOS
encrypt: true
enc_replace_url: true # this indicate wether the plugin should replace the img url in this post, this option has a higher priority than `replace_all_url` in _config.yml
enc_pwd: 123456 # this is the way to set encrypt password for this post
enc_img_type: qiniu # or base64
enc_template: 'user defined decrpyt ui template' # same as template in _config.yml but has a higher priority
---

音乐插件hexo-tag-aplayer

github地址：https://github.com/grzhan/hexo-tag-aplayer

安装时间

2017.03.21

介绍

在博客中插入音乐。
插件基于 DIYgod 编写的 html5 播放器 APlayer。

引用网页查看 Hexo博客中插入音乐/视频

本页查看效果：


        

        


使用描述
1
{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}



    

  • 关于歌词
    • 



除了’lrc’选项，您可以使用具有结束标签的aplayerlrc来显示歌词。


1
2
3
{% aplayerlrc "title" "author" "url" "autoplay" %}
[00:00.00]lrc here
{% endaplayerlrc %}



    

  • 示例
    • 



1
2
{% aplayer "喜欢你" "邓紫棋" "
https://music.163.com/song/media/outer/url?id=28949444" "https://api.i-meto.com/meting/api?server=netease&type=pic&id=8896148580676276&auth=435419eb5c22febe50a3251373ae8aa8c085f2d1" "lrc:https://api.i-meto.com/meting/api?server=netease&type=lrc&id=28949444&auth=bff6064dd8d16ad21fd8dffb217686dd992360c5" %}



视频插件hexo-tag-dplayer
github地址：https://github.com/NextMoe/hexo-tag-dplayer


安装时间
2017.03.21


介绍
在博客中插入视频。
插件基于 DIYgod 编写的 html5 播放器 DPlayer。


引用网页查看 Hexo博客中插入音乐/视频


本页查看效果：


1
{% dplayer "url=https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4"  "pic=http://home.ustc.edu.cn/~mmmwhy/GEM.jpg" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" "subtitle.url=https://s-sh-17-dplayercdn.oss.dogecdn.com/hikarunara.vtt" %}





    

  • 参数
    • 



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
“autoplay”：自动播放视频，不受移动浏览器支持
'theme'：theme color，default：＃b7daff
'loop'：循环播放音乐，默认值：true
'lang'：language，`zh'用于中文，`en'用于英语，default：导航器语言
'screenshot'：启用屏幕截图功能，默认值：false，注意：如果设置为true，视频和视频海报必须启用跨源
'hotkey'：绑定热键，包括左边和空格，默认值：true
'preload'：'auto'，加载音乐的方式，可以是'none''metadata''auto'，默认：'auto'
'url'：必需，视频网址
'pic'：视频封面图片
'api'：DPlayer danmaku backend url
'add'：dplayer danmuku for bilibili
'id'：see https://github.com/DIYgod/DPlayer
'token'：see https://github.com/DIYgod/DPlayer
'maximum'：danmaku的最大数量

'width'：最大宽度的dplayer wraper
'height'：dplayer wraper的最大高度，你可以使用像素“height = 233px”



示例：


1
2
{% dplayer "url=http://devtest.qiniudn.com/若能绽放光芒.mp4" "addition=https://dplayer.daoapp.io/bilibili?aid=4157142" "api=http://dplayer.daoapp.io" "pic=http://devtest.qiniudn.com/若能绽放光芒.png" "id=9E2E3368B56CDBB4" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}
{% dplayer "url=http://devtest.qiniudn.com/若能绽放光芒.mp4" "addition=https://dplayer.daoapp.io/bilibili?aid=4157142" "api=http://dplayer.donot.help/dplayerpy" "pic=http://devtest.qiniudn.com/若能绽放光芒.png" "id=2622668" "loop=yes" "theme=#FADFA3" "autoplay=false" "width=233px" %}



使用描述
1
{% dplayer key=value ... %}



捐赠按钮Yajon/donate-page
github地址：https://github.com/Yajon/donate-page


安装时间
2017.03.21


介绍
使用在博客中插入捐赠按钮。
一款捐赠按钮样式，包含PayPal、支付宝、微信，可使用iframe直接嵌入，方便简洁。


引用网页查看 Hexo博客中插入捐赠按钮


本页查看效果：




将文章标题转成英文的插件hexo-translate-title
github地址：https://github.com/cometlj/hexo-translate-title


安装时间
2017.03.24


介绍
使用Google翻译，百度翻译和有道翻译将Hexo中的汉字标题转成英文标题。
有道翻译按照官网提供的API，调用时候出现如下报错，故目前可认为不可用，等待查明原因后修改。


使用描述
配置hexo项目下的_config.yml


1
2
3
4
5
6
translate_title:
  translate_way: google    #google | baidu | youdao
  youdao_api_key: XXX
  youdao_keyfrom: XXX
  is_need_proxy: true     #true | false
  proxy_url: http://localhost:8123



注意：判断是否需要配置google本地代理，因为我在本地是开启时才能访问google翻译的，如果没有被墙，请将_config.yml 下的is_need_proxy: true改为false。如果设置为true,请设置本地代理地址