文章8
标签30
分类5
『书摘。』· 感受文学之美

『书摘。』· 感受文学之美

😉 简介

『书摘。』网站是(Github:fly6022)于2019年8月29日开发的书籍好句摘录网站,收录了古今中外名著/影视/动漫中的好句。

『书摘。』好句插件通过 Github 发布开放源代码,遵循 MIT 协议,有余力的童鞋可以来帮助我们完善『书摘。』哦 Thanks♪(・ω・)ノ

(P.S:为『书摘。』做出突出贡献的童鞋的ID可以被我们展示到官网的“贡献者”页面哦~~)

🎈 特性

  • 随时更新
  • 可随处调用
  • 使用JavaScript开发
  • 体积小(仅74KB)
  • 开放源代码

插件源代码
官方网站
开发者博客

📝 使用方法

💻 在官方网站中使用『书摘。』

『书摘。』的使用非常简单,您只需点击浏览器的刷新按钮或按键盘上的“F5”键即可更新『书摘。』好句。

我们可能会在未来更新自动更新(每间隔一段时间自动更换好句),但目前还不支持。

🎨 在您的网页上使用『书摘。』

使用html代码直接引用。

<!-- html -->
<div id="haoju" class="shuzhai"></div>

<!-- Javascript -->
<script src="https://book.fly6022.fun/note/haoju.js"></script>

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="https://book.fly6022.fun/note/css/shuzhai.css">

😃 使用者

  • 幻空盒子 - HK Box:幻空盒子是一款提供给MC玩家但不限于MC玩家的多功能盒子,是SRF技术部旗下品牌之一,由幻空Hub技术团队开发。我们的宣传词:“创你所想,造你之梦”。

🔧 『书摘。』实现原理

仅说明几个重大版本更新的实现原理。

v1.1.0

『书摘。』核心插件使用JavaScript编写,其原理为访问者每一次刷新网页,都会触发“haoju.js”生成一个随机数,之后,浏览器根据“haoju.js”生成的随机数,在“haoju.js”中调用为这个随机数的句子,再显示到网页的指定位置上。

例如:

“haoju.js”生成了随机数 0.

经过查找,0 所对应的句子是 “‘怕什么?一切要来的都得来,不必怕。’ —— 沈从文 《边城》”

如果返回的是以下的值,是插件bug,刷新一下试试:(暂时未找到解决方案,不过看了看Javascript手册,以下返回值是“未定义”的意思,我认为应该是插件已经生成了随机数,但是未执行查找对应字符串的命令而引起的)

undefined

v1.3.0

1.3.0版本在1.1.0版本基础之上,增加了自动更新功能,下面我来介绍一下自动更新功能的实现原理。

自动更新功能的实现基于Javascript语言。

1.3.0版本在1.2.0版本JavaScript脚本基础上,将字符串嵌套进了函数(function),之后通过加载setTimeout以及setInterval方法来实现自动更新。前者(setTimeout)用于在指定的毫秒数后调用函数,我此处配置毫秒数为0,主要是因为如果不设置为0,会与后者(setInterval)产生冲突,造成无法显示;后者(setInterval)用于在用户打开页面后计时,这里我将毫秒数设置为10000,即10秒,也就是在用户打开页面后10秒钟自动更新下一个内容。

setTimeout("haoju()","0");setInterval("haoju()","10000"); // 计时器,单位毫秒

🤝 贡献

  1. 复制。将『书摘。』好句插件源码 clone 下来。

  2. 编辑。之后打开任意代码编辑器(例如:Sublime、VSCode、Dreamweaver等)编辑。

  3. 示例。确保书摘好句段落及文字格式与原插件一致。
    段落及文字格式:(注意:下面代码中,破折号与 #作者# 及 #作者# 与 #作品名称# 之间有空格!)

   haoju[#好句编号#]="“#好句内容(不包括作者/作品名称)#”<br>—— #作者# #作品名(注意加书名号)#";
  • 标准编辑格式:
   haoju[0]="“怕什么?一切要来的都得来,不必怕。”<br>—— 沈从文 《边城》";
  1. 检查。编辑完毕后记得修改“最后编辑者”、“最后更新时间”以及“书摘数量”参数!(大概在插件源代码第8行)
/*『书摘。』好句插件 by fly6022*/
/* 本插件开源遵循 MIT 协议 */

/* 最后编辑者:fly6022 */
/*最后更新时间:2020-4-1 08:41:25*/

function haoju() {
    var len=472;// 好句数量
  1. 测试。点击根目录的 test.html 将插件在本地运行,检查是否可正常运行,如果不能,则是语法错误,需要再次修改。

  2. 提交。将编辑后的插件通过 pull上传到Github仓库,由我审核无误之后,我会将版本上传,并将编辑者的昵称添加到『书摘。』官方网站的贡献者名单中。

❓ 其它

本文章介绍的是『书摘。』官方网站以及好句插件,如果你只想看我们的好句插件介绍,请移步→『书摘。』好句插件

最后,『书摘。』的完善需要您的支持,如果您有余力的话,欢迎到 Github 上贡献源码或捐赠我们,我们感激不尽,我们会将每一位贡献者的ID上传到官方网站的“贡献者”及“捐赠者”名单页面。

『书摘。』官方网站:https://book.fly6022.fun/

写了这么多,溜啦溜啦 ο(=•ω<=)ρ⌒☆

📃 开源协议

『书摘。』好句插件开源遵循 MIT 协议。

Author:fly6022
Link:http://fly6022.fun/2020/02/16/2019-10-13-01/
版权声明:本文章采用 署名 4.0 国际 (CC BY 4.0) 协议进行许可