ZT Blog

一个简单的独立博客。
首页 归档 主题 饭否 歌单 联系

Yellow增加三个新功能

所有文章图片集中展示

做了一个Picture页面来显示所有文章图片,也就是显示/media/images/目录(上传图片目录)里面的所有图片并分页显示,但并没有遍历到子目录,目前正在研究,似乎遍历到子目录很麻烦,暂时只能是一级目录下。目前是用sort()函数按文件名顺序从低到高排序。

留言板

增加留言板的功能,其实yellow有一个contact插件,不过是通过邮件的方式通知,现在用这个留言板,功能虽然很简单,但基本满足我的需求,无非就是留个言并且可以显示出来。

基于这个开源程序https://github.com/tovic/flat-file-guestbook,稍微修改了一下。

JS的Timeago插件

就是把你原本的时间格式转换成多久以前,比如三天前或者三小时前等。

1.先引用,或者下载本地调用。

<script src="//tokinx.github.io/lately/lately.min.js"></script>

2.启用,初始化。

<script>
    jQuery(document).ready(function () {
        $.lately({
            'target' : '.lately-a,.lately-b,.lately-c'
        });
    });
</script>

3.示例:

//datetime
<time class="lately-a" datetime="2016-09-28T23:49:41+00:00" itemprop="datePublished" pubdate>2016-September-28</time>

//title
<a href="#" class="lately-b" title="2017-02-14 18:56">Any string</a>

//html
<a href="#" class="lately-c">2017-02-12 21:39</a>

上方代码执行效果:datetime: / title:1年前 / html:1年前

参考:https://tokinx.github.io/lately/