舔狗日记网站接入博客任意页面

3月 26, 2022 | 折腾

1.搭建舔狗日记网站

基于 GitHub上的一个开源项目,以下是原说明文档:

我们是狗,舔狗。
基于tiangou 中的数据,重新设计了舔狗日记。

没卵用的特性
人肉对每段数据的内容、标点符号进行纠错与优化(不一定标准);并按本人理解进行了划重点标记。
接入和风天气API,获取城市、气象、气温。免费版每日只有1000次,已为大家准备5个APPKEY,为了更充足的请求次数,请自行申请天气API,填写到weatherKeys数组中(index.html 301行)。
使用个性字体:站名「造字工房尚雅」;正文「汉仪跳跳体」。为了性能,使用了 font-spider 对字体进行压缩。字体源文件:/assets/font/.font-spider/;文字承载页:/assets/font/index.html。
纯静态,没时间搞动态。

将源码下载之后上传到你的服务器解压,打开IP地址或者域名加你文件的路径即可打开访问。

个人小小的修改了一下,更适合博客小工具栏……

未修改版本:DOG1 修改版本:DOG2

2.接入博客任意页面

WordPress博客,可以直接添加小工具

调用方法很简单,找到WordPress后台小工具,添加自定义html内容,填入如下代码(其他页面同理)

<iframe src="https://www.morazx.cn/xm/dog/" height="500" frameborder="no" border="0" width="100%"> </iframe>

保存即可在前台看到,其他操作无需我们修改。

演示

可选get参数

  • htmlh:网页高度,默认为500
  • htmlw:网页最大宽度,默认800

对于大页面,可以自行修改iframe的宽度,然后设置get地图宽度即可。

0条评论

递交一条评论

您的电子邮箱地址不会被公开。 必填项已用*标注