博客功能测试专用

视频播放测试：

------ ### 官方指导

Sunsets don't get much better than this one over @GrandTetonNPS. #nature #sunset pic.twitter.com/YuKy2rcjyU

— US Department of the Interior (@Interior) May 5, 2014

嵌入播放列表

{% youtuber playlist PLAYLIST_ID %}

例如

{% youtuber playlist PLC77007E23FF423C6 %}

音乐

## 用法

{% imgurgal [galleryId]%}

例：

{% imgurgal ryMBU %}

用法

{% autogallery layout-name images-dir %}

参量

• layout-name-要使用的布局的名称。它应该只是文件名，不带.ejs扩展名
• images-dir-要转换为图库的图像目录。相对于source/目录。

例

{% autogallery my-gallery images/galleries/gallery-1 %}

这将使用以下方法创建图库：

• 内容 source/images/galleries/gallery-1
• 部分布局 themes/current-theme/layout/_partial/my-gallery.ejs

{% owl youtube youtube_id %}
{% owl niconico niconico_id [type] %}
{% owl bilibili bilibili_id [page] %}
{% owl vimeo vimeo_id %}
{% owl tudou tudou_id %}
{% owl youku youku_id %}
{% owl tencent tencent_id %}
{% owl ted ted_id [lang] %}

<div class="owl-media owl-video">[component]</div>

。例子

{% owl youtube YtuAOT_c2EA %}
{% owl niconico sm1494658 %}
{% owl niconico sm1494658 watch %}
{% owl bilibili av247371 %}
{% owl bilibili 247371 %}
{% owl bilibili av367901 2 %}
{% owl vimeo 5566538 %}
{% owl tudou pRsx83aRLLs %}
{% owl youku id_XMTc3MzcxMjQw %}
{% owl tencent o03134mlm8j %}
{% owl ted gero_miesenboeck zh-cn %}

随机图片调用测试：

随机动漫图片调用测试：

API基本调用格式：

JSON调用格式

{
    "code":"200" #图片状态码
    "acgurl":"https:\/\/ws1.sinaimg.cn\/large\/0072Vf1pgy1foxkfy08umj31kw0w0nng.jpg" #图片地址
    "width":"2048" #图片宽
    "height":"1152" #图片高
}

其他图片API:

速度: ★★★★★

功能: 返回Bing的随机图片

地址: https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture

速度: ★★★★★

功能: 返回随机图片, 需指定分辨率, 如果指定的分辨率没有找到图片则返回空页面

地址: http://lorempixel.com/1600/900

图床功能测试：

代码嵌入功能：

### 内容折叠：

Html5形式

Click to open

If your browser supports this element, it should allow you to expand and collapse these details.

这是摘要1

这里具体描述，标签相对随意，例如这里使用的<p>标签。

只显示了``标签内容，而``默认隐藏了；

``标签前面出现了一个小三角；

点击展开历史捐赠

5.00
半岛铁盒
2019-09-14


12.34
张明辉
2019-08-20


10.00
六小登登
2019-09-05

#### 冬瓜、黄瓜、西瓜、南瓜都能吃，什么瓜不能吃？

点击显示答案

傻瓜

小华在家里，和谁长得最像？

点击显示答案

自己

什么车子寸步难行?

点击显示答案

风车

展开与收起是通过open属性控制的

通过在``标签上添加布尔类型的open属性，可以让我们的详情信息默认就是展开状态，如下HTML示意：

<details open> <summary>这是摘要2</summary> <content>这里<details>标签设置了HTML布尔属性open，因此，默认是展开状态。</content> </details>

数学工具

函数求导工具

函数输入框:

自变量: 阶数: 0 1 2 3 4 5 6 7 8 9 10

不定积分计算器

请输入你需要积分的函数表达式:

自变量:

定积分计算器

请输入你需要积分的函数表达式:

自变量: 从: 到:

极限计算器

请输入一个函数并计算极限:
极限变量: x趋向于: 极限类型 双侧极限 右侧极限 左侧极限

反函数计算器

输入函数来计算其反函数:

矩阵运算

输入矩阵 A:	输入矩阵 B:

加法

减法

乘法

伯努利数发生器

请输入一个非负整数:

百度地图：

ECharts图表

APlayer

<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

<meting-js
	server="netease"
	type="playlist"
	id="60198">
</meting-js>

JS库Velocity

var elements = document.querySelector("div");
Velocity(elements, {"color": "red"});

var elements = document.querySelector(“div”);Velocity(elements, {“color”: “red”});

element.velocity({
    tween: [456, 123]
}, {
    progress: function(elements, percentComplete, remaining, tweenValue, activeCall) {
        console.log("The current tween value is " + tweenValue)
    }
});

Animate.css

<h1 class="animated infinite bounce delay-2s">Example</h1>

Example

动态添加订阅人数和关注人数

API大全

<iframe src="https://api.isoyu.com/gy/" frameborder="0" scrolling="no" width="300" height="500"></iframe>

0.2 美女图片壁纸

0.2.1 网红专栏壁纸

0.3 动态IP签名图片

0.5 抱枕图生成器

0.8 图片反代

新浪的反代

//api.isoyu.com/img-Proxy.asp?url=https://ww4.sinaimg.cn/large/ce575088ly4g2g98s9kc6j20k00f0q4s.jpg
//api.isoyu.com/img-Proxy.jsp?url=https://ww4.sinaimg.cn/large/ce575088ly4g2g98s9kc6j20k00f0q4s.jpg
//api.isoyu.com/img-Proxy.php?url=https://ww4.sinaimg.cn/large/ce575088ly4g2g98s9kc6j20k00f0q4s.jpg

1.3 新闻详情接口

必选参数: postid 新闻列表下的 postid

接口地址: /api/News/new_detail?postid=CLJN5K2M000181KT

调用例子: //api.isoyu.com/api/News/new_detail?postid=CLJN5K2M000181KT

https://api.isoyu.com/api/News/new_detail?postid=CLJN5K2M000181KT

项目地址

收款码五合一

三个收款码

四个收款码（包PayPal）

待整理

---

---

---

------

---

<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=44020824&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>
<script type="text/javascript">
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth\*0.76+"px";
</script>

<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=85546317&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>
<script src="text.js"></script>

{% for js in page.customjs %}
<script src="{{ js }}"></script>
{% endfor %}

页面引用
CSS 部分

1 JS 部分