博客功能测试专用


视频播放测试:

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

嵌入播放列表

{% 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

图床功能测试:
2020030109090920200301090909 2708855327088553

代码嵌入功能:

### 内容折叠:

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>这里&lt;details&gt;标签设置了HTML布尔属性open,因此,默认是展开状态。</content> </details>

数学工具

函数求导工具

函数输入框:

自变量: 阶数:

不定积分计算器

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

自变量:

定积分计算器

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

自变量: 从: 到:

极限计算器

请输入一个函数并计算极限:
极限变量: 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 美女图片壁纸

姬长信API姬长信API

0.2.1 网红专栏壁纸

姬长信API姬长信API 姬长信API姬长信API

0.3 动态IP签名图片

姬长信API姬长信API 姬长信API姬长信API

0.5 抱枕图生成器

姬长信API姬长信API 古客API古客API 姬长信API姬长信API

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
古客API古客API

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)

四合一四合一

文章作者: 远方客
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 远方客 !
评论
 上一篇
linux常用命令 linux常用命令
1.查看linux服务器的系统信息(内核) 在linux命令行下输入shell指令:uname -a 2.查看操作系统的版本(以redhat为例,其他的同理) cat /etc/redhat-release 或 cat /etc/iss
2020-01-23 远方客
下一篇 
ONEdriver应用程序注册流程 ONEdriver应用程序注册流程
二、如何获取应用机密(client secret)和应用 ID(client_id)? 登录:https://portal.azure.com/?l=zh-hans.zh-cn#blade/Microsoft_AAD_Registere
2020-01-23 远方客
  目录