以前在玩wordpress时，添加了一些可有可无的功能，像什么视频，小说，下载。除了折腾成功的那种成就感外，似乎平时写文章时很少用到。哈哈，主要还是折腾的那种快感。非常棒的。最近就心血来潮，把下载功能搬到了博客里…

其实就是个下载有样式的下载框而已，看起来像那么回事。

火狐浏览器

30.71MB

epsswpym

如下载遇到网盘提示过期或地址有误，请评论留言，我会第一时间补链，谢谢！~

弄完之后才发现，这个居然高度有这么高。不过样式倒是不打算再调整了，挺好。哈哈！~{:扶眼镜:}

这个下载其实就是使用了以前文章提过的自定义标签，超好用。<% 自定义标签名参数[可选参数] %>就是这个。

实现思路

首先，我们要有个大致的样式框架，至少要知道哪些是自己需要的。比如，软件预览大图，软件图标，软件的大小，以及下载地址和提示信息。没错，这些就是字段了。把这些通过数组进行分组一一对应之后，剩下的就只是在文章中填充这些字段的信息即可。

其实没啥难度，主要的就是要循环下载链接，因为可能链接不止一个，如百度网盘，迅雷这些下载链接。就需要去循环填写了多少，并用split进行分割，再for循环去循环链接。只要填写就会出现一个链接。最烦躁的是百度网盘，因为分享链接带网盘密码。所以就需要多一个字段去对应。因为之前需要区分不同链接的对应关系，我把百度网盘给的class是bd，所以，我们由此去判断就好了。如果分割的class里有bd，就在链接里添加上网盘密码（前提是你写了网盘密码这个字段）。

关于样式

我之前在wordpress里弄的下载界面不是现在这样，而是带有简介和图片可左右翻动预览的。但后来想想，当前是在文章中，图片预览和简介自然会出现在文章中，所以就作罢了。以前相当于现在下载站中的独立下载页面了。不想弄成那样的，所以就简单的处理了一下，只保留了一张软件预览。其它只有下载信息和下载地址。

感觉够用，就不往弄复杂了。还是可以的，至少简单够用，也去兼容了响应式。唯一不足的就是占地面积略大。{:二哈:}

题外之前使用自定义标签来获取豆瓣书籍和电影。发现需要在文中写成<% douban id %><% enddouban %>太过麻烦，于是在弄下载时，发现可以不用写结束标签。就整改了下代码，还好没有太多引用豆瓣的东西，不然真是改疯了{:笑cry:}，git里全是错误提示，哈哈。

又稍微的调整了一下手机上显示豆瓣，文章以及下载引用的样式。看起来和谐多了。对了，还有首页底部的版权信息样式。顺便把表情更新了一下，用的就是新浪微博的2018新版表情？主要还是之前那个外链图库好像不太稳定，不是速度慢就是显示不出图片。

目前所用图库主要还是新浪的，可以外链，支持https，并且有chrome扩展，使用非常方便，可管理，可缩放图片大小，还支持批量上传。唯一不足的就是对*.png图片支持不好，会自动变成*.jpg。其它方面，除了好用挑不出啥缺点。

折腾

扫码关注公众号或点下方按钮，分享此文章