|
|
<!DOCTYPE HTML> |
|
|
<html class="no-js"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
|
|
<meta name="referrer" content="default"> |
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> |
|
|
<meta name="renderer" content="webkit"> |
|
|
<meta name="apple-mobile-web-app-capable" content="yes" /> |
|
|
<link rel="icon" href="https://cdn.yimian.xyz/img/head/head3r.ico"> |
|
|
<link rel="apple-touch-icon" href="https://cdn.yimian.xyz/img/head/head3r.ico"> |
|
|
<title>Ushio Img</title> |
|
|
<!-- 使用url函数转换相关路径 --> |
|
|
<link rel="stylesheet" type="text/css" href="https://img.yimian.xyz/usr/themes/photograph/bootstrap3/css/bootstrap.min.css" /> |
|
|
<link rel="stylesheet" type="text/css" href="https://img.yimian.xyz/usr/themes/photograph/fancybox3/jquery.fancybox.min.css" /> |
|
|
<link rel="stylesheet" type="text/css" href="https://img.yimian.xyz/usr/themes/photograph/style.css?202101011221" /> |
|
|
<link rel="stylesheet" type="text/css" href="https://img.yimian.xyz/usr/themes/photograph/style.social.css?202101011221" /> |
|
|
<style type="text/css"> |
|
|
.notice-top { |
|
|
color: PaleVioletRed; |
|
|
border-color: PaleVioletRed; |
|
|
} |
|
|
.item-link-text::before { |
|
|
content: ''; |
|
|
display: block; |
|
|
position: absolute; |
|
|
top: -36px; |
|
|
left: -2px; |
|
|
background-image: url("https://img.yimian.xyz/usr/themes/photograph/src/miao.svg"); |
|
|
background-size: cover; |
|
|
width: 40px; |
|
|
height: 45px; |
|
|
} |
|
|
.item-title { |
|
|
opacity: 1; |
|
|
} |
|
|
.item-img, .item-title { |
|
|
border-top-left-radius: 10px; |
|
|
border-top-right-radius: 10px; |
|
|
border-bottom-right-radius: 10px; |
|
|
border-bottom-left-radius: 10px; |
|
|
} |
|
|
.item-link-text { |
|
|
border-top: solid 2px white; |
|
|
border-right: solid 2px white; |
|
|
border-bottom: solid 2px white; |
|
|
border-left: solid 2px white; |
|
|
border-top-left-radius: 10px; |
|
|
border-top-right-radius: 10px; |
|
|
border-bottom-right-radius: 10px; |
|
|
border-bottom-left-radius: 10px; |
|
|
} |
|
|
.item { |
|
|
height: 16vw; |
|
|
} |
|
|
@media screen and (max-width: 1199px) { |
|
|
.item { |
|
|
height: 23vw; |
|
|
} |
|
|
} |
|
|
@media screen and (max-width: 991px) { |
|
|
.item { |
|
|
height: 32vw; |
|
|
} |
|
|
} |
|
|
@media screen and (max-width: 767px) { |
|
|
.item { |
|
|
height: 45vw; |
|
|
} |
|
|
} |
|
|
#side-button {opacity: 1;} |
|
|
#side-button li {border-radius: 20px;} |
|
|
|
|
|
.row .post-item { |
|
|
height: 16vw; |
|
|
} |
|
|
@media screen and (max-width: 1199px) { |
|
|
.row .post-item { |
|
|
height: 23vw; |
|
|
} |
|
|
} |
|
|
@media screen and (max-width: 991px) { |
|
|
.row .post-item { |
|
|
height: 32vw; |
|
|
} |
|
|
} |
|
|
@media screen and (max-width: 767px) { |
|
|
.row .post-item { |
|
|
height: 45vw; |
|
|
} |
|
|
} |
|
|
.post-item-img { |
|
|
height: 100%; |
|
|
object-fit: cover; |
|
|
} |
|
|
|
|
|
/** diyCSS Start **/ |
|
|
/** diyCSS End **/ |
|
|
</style> <!--[if lt IE 9]> |
|
|
<script src="//cdn.bootcss.com/html5shiv/r29/html5.min.js"></script> |
|
|
<script src="//cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script> |
|
|
<![endif]--> |
|
|
<!-- 通过自有函数输出HTML头部信息 --> |
|
|
<meta name="description" content="Just So So ..." /> |
|
|
<meta name="keywords" content="typecho,php,blog" /> |
|
|
<meta name="generator" content="Typecho 1.1/17.4.24" /> |
|
|
<meta name="template" content="photograph" /> |
|
|
<link rel="pingback" href="https://img.yimian.xyz/index.php/action/xmlrpc" /> |
|
|
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://img.yimian.xyz/index.php/action/xmlrpc?rsd" /> |
|
|
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://img.yimian.xyz/index.php/action/xmlrpc?wlw" /> |
|
|
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="https://img.yimian.xyz/index.php/feed/" /> |
|
|
<link rel="alternate" type="application/rdf+xml" title="RSS 1.0" href="https://img.yimian.xyz/index.php/feed/rss/" /> |
|
|
<link rel="alternate" type="application/atom+xml" title="ATOM 1.0" href="https://img.yimian.xyz/index.php/feed/atom/" /> |
|
|
<script>block_aplayer = true;lang = ['zh'];</script> |
|
|
<script src="https://cdn.yimian.xyz/ushio-js/ushio-head.min.js"></script> |
|
|
<script>page.proj = 'iotcat/ushio-img';</script> |
|
|
</head> |
|
|
<body> |
|
|
<!--[if lt IE 8]> |
|
|
<div class="browsehappy" role="dialog">当前网页 <strong>不支持</strong> 你正在使用的浏览器. 为了正常的访问, 请 <a href="http://browsehappy.com/">升级你的浏览器</a>.</div> |
|
|
<![endif]--> |
|
|
<div class="notice-top"><b>网站公告：</b>欢迎来到本站~ 点击图片右上角<svg width="17" viewBox="0 0 40 40"><path d="M6,30 C8,18 19,16 23,16 L23,16 L23,10 L33,20 L23,29 L23,24 C19,24 8,27 6,30 Z"></path></svg>按钮可以查看图片链接哦|ू･ω･` )</div> |
|
|
<nav class="navbar navbar-default navbar-fixed-top"> |
|
|
<div class="container-fluid"> |
|
|
<!-- Brand and toggle get grouped for better mobile display --> |
|
|
<div class="navbar-header"> |
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> |
|
|
<span class="sr-only">Toggle navigation</span> |
|
|
<span class="glyphicon glyphicon-th-large" aria-hidden="true"></span> |
|
|
</button> |
|
|
<a class="navbar-brand" href="https://img.yimian.xyz/">Ushio Img</a> |
|
|
</div> |
|
|
<!-- Collect the nav links, forms, and other content for toggling --> |
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
|
|
<ul class="nav navbar-nav"> |
|
|
<!-- pageNav --> |
|
|
<!-- randomLink --> |
|
|
<!-- cateNav --> |
|
|
<!-- diyNav --> |
|
|
<li><a href="https://imgbed.yimian.xyz/" title="图床">图床</a></li> |
|
|
<li><a href="https://www.eee.dog/" title="博客">博客</a></li> |
|
|
<li><a href="https://iotcat.me/" title="关于我">关于我</a></li> |
|
|
<li><a href="" title=""></a></li> |
|
|
</ul> |
|
|
<!-- search & setting --> |
|
|
<!-- float search --> |
|
|
<!-- right search & setting --> |
|
|
<ul class="nav navbar-nav navbar-right"> |
|
|
<form class="navbar-form navbar-left" id="search" method="post" action="https://img.yimian.xyz/" role="search"> |
|
|
<div class="form-group"> |
|
|
<label for="s" class="sr-only">搜索关键字</label> |
|
|
<input type="text" id="s" name="s" class="form-control input-search" placeholder="输入关键字搜索"> |
|
|
<button type="submit" class="btn btn-default button-search"> |
|
|
<span class="glyphicon glyphicon-search" aria-hidden="true"></span> |
|
|
</button> |
|
|
</div> |
|
|
</form> |
|
|
</ul> |
|
|
</div><!-- /.navbar-collapse --> |
|
|
</div><!-- /.container-fluid --> |
|
|
</nav> |
|
|
<!-- firstVisiting --> |
|
|
<!-- mobileCateTags --> |
|
|
|
|
|
<div class="content"> |
|
|
<div id="masonry" class="row"> |
|
|
<div class="item-sc col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
|
|
<a href="https://img.yimian.xyz/index.php/archives/moe_random.html"><img class="item-sc-img lazy" src="https://img.yimian.xyz/usr/themes/photograph/src/lazy.gif" data-original="https://api.yimian.xyz/img/" alt="随机萌图" /></a> |
|
|
<div class="item-sc-meta"> |
|
|
<a class="item-sc-link" href="https://img.yimian.xyz/index.php/archives/moe_random.html">随机萌图</a> |
|
|
<div class="item-sc-mates"> |
|
|
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span><span class="item-sc-mates-text">01.01</span> |
|
|
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span><span class="item-sc-mates-text">35</span> |
|
|
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span> |
|
|
150 </div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item-sc col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
|
|
<a href="https://img.yimian.xyz/index.php/archives/wallpaper.html"><img class="item-sc-img lazy" src="https://img.yimian.xyz/usr/themes/photograph/src/lazy.gif" data-original="https://api.yimian.xyz/img/?type=wallpaper" alt="Bing壁纸" /></a> |
|
|
<div class="item-sc-meta"> |
|
|
<a class="item-sc-link" href="https://img.yimian.xyz/index.php/archives/wallpaper.html">Bing壁纸</a> |
|
|
<div class="item-sc-mates"> |
|
|
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span><span class="item-sc-mates-text">12.31</span> |
|
|
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span><span class="item-sc-mates-text">5</span> |
|
|
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span> |
|
|
366 </div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item-sc col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
|
|
<a href="https://img.yimian.xyz/index.php/archives/imgbed.html"><img class="item-sc-img lazy" src="https://img.yimian.xyz/usr/themes/photograph/src/lazy.gif" data-original="https://api.yimian.xyz/img/?type=imgbed" alt="图床" /></a> |
|
|
<div class="item-sc-meta"> |
|
|
<a class="item-sc-link" href="https://img.yimian.xyz/index.php/archives/imgbed.html">图床</a> |
|
|
<div class="item-sc-mates"> |
|
|
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span><span class="item-sc-mates-text">12.30</span> |
|
|
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span><span class="item-sc-mates-text">5</span> |
|
|
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span> |
|
|
128 </div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item-sc col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
|
|
<a href="https://img.yimian.xyz/index.php/archives/head.html"><img class="item-sc-img lazy" src="https://img.yimian.xyz/usr/themes/photograph/src/lazy.gif" data-original="https://api.yimian.xyz/img/?type=head" alt="二次元头像" /></a> |
|
|
<div class="item-sc-meta"> |
|
|
<a class="item-sc-link" href="https://img.yimian.xyz/index.php/archives/head.html">二次元头像</a> |
|
|
<div class="item-sc-mates"> |
|
|
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span><span class="item-sc-mates-text">12.29</span> |
|
|
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span><span class="item-sc-mates-text">10</span> |
|
|
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span> |
|
|
130 </div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="item-sc col-xs-6 col-sm-4 col-md-3 col-lg-2"> |
|
|
<a href="https://img.yimian.xyz/index.php/archives/koino.html"><img class="item-sc-img lazy" src="https://img.yimian.xyz/usr/themes/photograph/src/lazy.gif" data-original="https://cdn.yimian.xyz/img/head/head.png" alt="Koino" /></a> |
|
|
<div class="item-sc-meta"> |
|
|
<a class="item-sc-link" href="https://img.yimian.xyz/index.php/archives/koino.html">Koino</a> |
|
|
<div class="item-sc-mates"> |
|
|
<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span><span class="item-sc-mates-text">12.28</span> |
|
|
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span><span class="item-sc-mates-text">?</span> |
|
|
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span> |
|
|
86 </div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<!-- end #main--> |
|
|
|
|
|
<div id="side-button"> |
|
|
<ul> |
|
|
<li id="go-top"><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span></li> |
|
|
<li id="go-bottom"><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span></li> |
|
|
<!--<li id="show-qrcode" onclick="showQrcode()"><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span></li>--> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<!-- end #sidebar --> |
|
|
<div id="no-data"></div> |
|
|
<footer class="footer anti-select"> |
|
|
<!-- bottom notice --> |
|
|
<!-- powered info --> |
|
|
<p class="related">POWERED BY <a href="https://ushio.yimian.xyz/">Ushio</a> / THEME BY <a href="https://photo.siitake.cn/photograph.html" target="_blank">SIITAKE</a></p> |
|
|
<!-- kotkeys desc --> |
|
|
<!-- counter --> |
|
|
<p class="related">本站已收录<span id="picNum">??</span>张图片在5个相册中。本站已拥有2条评论</p> |
|
|
<script>$.get('https://api.yimian.xyz/img/getImgNum.php', function(res){var n = 0; res = JSON.parse(res); Object.keys(res).forEach(function(i){n += res[i]});$('#picNum').html(n)});</script> |
|
|
<!-- copy & icp --> |
|
|
<p class="related">© <a href="https://iotcat.me/">IoTcat</a> 2019-<script>document.write(new Date().getFullYear())</script></p> |
|
|
</footer><!-- end #footer --> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/js/jquery-3.3.1.min.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/bootstrap3/js/bootstrap.min.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/js/jquery.lazyload.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/js/masonry-docs.min.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/js/infinite-scroll.pkgd.min.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/js/shortcut.js"></script> |
|
|
|
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/fancybox3/js/core.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/fancybox3/js/guestures.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/fancybox3/js/hash.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/fancybox3/js/media.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/fancybox3/js/wheel.js"></script> |
|
|
<script type="text/javascript" src="https://img.yimian.xyz/usr/themes/photograph/fancybox3/js/share.js"></script> |
|
|
|
|
|
<script type="text/javascript">if(history.length < 2){$('.header-post-back').css('opacity', 0);}</script> |
|
|
<script type="text/javascript"> |
|
|
//lazyload |
|
|
$(function() { |
|
|
$("img.lazy").lazyload({ |
|
|
placeholder : "https://img.yimian.xyz/usr/themes/photograph/src/lazy.gif", |
|
|
effect: "fadeIn", }); |
|
|
}); |
|
|
//showcomment |
|
|
$(function() { |
|
|
if(window.location.href.indexOf("#comment-")>-1) { |
|
|
$("#post-comments").addClass("comment-open"); |
|
|
} |
|
|
$("#ex-comment").click(function() { |
|
|
$("#post-comments").toggleClass("comment-open"); |
|
|
}); |
|
|
}); |
|
|
//goToTop |
|
|
$(function(){ |
|
|
$("#go-top").hide(); |
|
|
$(window).scroll(function(){ |
|
|
if($(this).scrollTop() > 100){ |
|
|
$('#go-top').fadeIn(); |
|
|
}else{ |
|
|
$('#go-top').fadeOut(); |
|
|
} |
|
|
}); |
|
|
$('#go-top').click(function(){ |
|
|
$('html ,body').animate({scrollTop: 0}, 300); |
|
|
return false; |
|
|
}); |
|
|
}); |
|
|
//goToBottom |
|
|
$(function(){ |
|
|
$(window).scroll(function(){ |
|
|
if($(this).scrollTop() > (document.body.scrollHeight - 1000)) { |
|
|
$('#go-bottom').fadeOut(); |
|
|
}else{ |
|
|
$('#go-bottom').fadeIn(); |
|
|
} |
|
|
}); |
|
|
$('#go-bottom').click(function(){ |
|
|
$('html ,body').animate({scrollTop: document.body.scrollHeight}, 300); |
|
|
return false; |
|
|
}); |
|
|
}); |
|
|
// infinite scroll |
|
|
// https://infinite-scroll.com/ |
|
|
if ($('a').is('ol.page-navigator li.next a')) { |
|
|
var $grid = $('#masonry').masonry({ |
|
|
itemSelector: '.item', |
|
|
gutter: 0, |
|
|
isAnimated: false, |
|
|
}); |
|
|
var msnry = $grid.data('masonry'); |
|
|
$grid.infiniteScroll({ |
|
|
path : "ol.page-navigator li.next a", |
|
|
append : "#masonry div.item", |
|
|
hideNav: 'ol.page-navigator', |
|
|
history: false, |
|
|
prefill: true, |
|
|
outlayer: msnry, |
|
|
}); |
|
|
$grid.on('append.infiniteScroll', function( event, response, path) { |
|
|
$("img.lazy").lazyload(); |
|
|
}); |
|
|
$grid.on('last.infiniteScroll', function( event, response, path ) { |
|
|
$('#no-data').html('<div>😋已经到底啦！</div>'); |
|
|
}); |
|
|
} |
|
|
//cookie opt |
|
|
//代码修改自 https://www.cnblogs.com/shizhouyu/p/3963122.html |
|
|
var cookieSet = function(key,val,time) { //设置cookie方法 |
|
|
var date = new Date(); //获取当前时间 |
|
|
var expiresDays = time; //将date设置为n天以后的时间 |
|
|
date.setTime(date.getTime() + expiresDays * 24 * 3600 * 1000); //格式化为cookie识别的时间 |
|
|
document.cookie = key + "=" + val + ";expires="+date.toGMTString(); //设置cookie |
|
|
} |
|
|
var cookieGet = function(key) { //获取cookie方法 |
|
|
/*获取cookie参数*/ |
|
|
var getCookie = document.cookie.replace(/[ ]/g,""); //获取cookie，并且将获得的cookie格式化，去掉空格字符 |
|
|
var arrCookie = getCookie.split(";") //将获得的cookie以"分号"为标识 将cookie保存到arrCookie的数组中 |
|
|
var tips; //声明变量tips |
|
|
for(var i=0; i < arrCookie.length; i++) { //使用for循环查找cookie中的tips变量 |
|
|
var arr = arrCookie[i].split("="); //将单条cookie用"等号"为标识，将单条cookie保存为arr数组 |
|
|
if(key == arr[0]) { //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作 |
|
|
tips = arr[1]; //将cookie的值赋给变量tips |
|
|
break; //终止for循环遍历 |
|
|
} |
|
|
} |
|
|
return tips; |
|
|
} |
|
|
var cookieDelete = function(key) { //删除cookie方法 |
|
|
var date = new Date(); //获取当前时间 |
|
|
date.setTime(date.getTime() - 10000); //将date设置为过去的时间 |
|
|
document.cookie = key + "=v; expires =" + date.toGMTString(); //设置cookie |
|
|
} |
|
|
//random post link |
|
|
//qrcode |
|
|
var qrcodeDiv = $('<div id="qrcode" onclick="hiddQrcode()"></div>'); |
|
|
var thisPageUrl = "http://img.yimian.xyz/"; |
|
|
var qrcodeSrc = "/usr/themes/photograph/qrcode.php?size=200&text=" + encodeURI(thisPageUrl); |
|
|
var qrcodeImg = $('<img>'); |
|
|
qrcodeImg.attr("src", qrcodeSrc); |
|
|
qrcodeDiv.append(qrcodeImg); $('body').append(qrcodeDiv); |
|
|
var showQrcode = function() { |
|
|
$("#qrcode").css("display", "block"); |
|
|
} |
|
|
var hiddQrcode = function() { |
|
|
$("#qrcode").css("display", "none"); |
|
|
} |
|
|
// toast |
|
|
var toast = function (msg) { |
|
|
setTimeout(function(){ |
|
|
var toastWrap = $('<div class="toast-wrap"></div>'); |
|
|
var toastMsg = $('<span class="toast-msg"></span>'); |
|
|
toastMsg.html(msg); |
|
|
toastWrap.append(toastMsg); |
|
|
$('body').append(toastWrap); |
|
|
toastWrap.addClass('toastAnimate'); |
|
|
},200); |
|
|
} |
|
|
</script> |
|
|
<script src="https://cdn.yimian.xyz/ushio-js/ushio-footer.min.js"></script> |
|
|
</body> |
|
|
</html>
|
|
|
|
