摛藻

一个基于 JavaScript 开发的文学类项目

在线文档

原生 JavaScript

远离臃肿，追求简洁，基于原生JS开发。

开放源代码

依托于快速发展的开源社区不断壮大。

模块化

高度集成的模块化编程设计，提高运行效率的同时也减少了代码量。

WARNING

网站正在建设中，部分栏目的内容可能存在遗漏、误区，这些缺失内容会在接下来的日子里逐步完善，敬请谅解。

# 快速开始

# 安装

通过 jsDelivr 安装

<script src="https://cdn.jsdelivr.net/gh/ChizaoProject/chizaobook@latest/app.js" async></script>

# 使用

在页面添加一个容器：

<chizaobook>

之后使用以下JavaScript代码来生成插件：

const chizaobook = new Chizaobook({
	container: "chizaobook", // string
	packageSource: "", // string
	packageType: 8 // int
});

# 异步加载

jsDelivr CDN有时较慢，可以采用以下方法进行异步加载，防止阻塞页面正常加载。

<script>
    let app = document.createElement('script');
        app.src = 'https://cdn.jsdelivr.net/gh/ChizaoProject/chizaobook@master/app.js';
        app.async = true;
        app.onload = function () {
            chizaobook = new Chizaobook({
                container: "chizaobook", // string
                packageSource: "https://cdn.jsdelivr.net/gh/ChizaoProject/Packages@master/package_source.json", // string
                packageType: null // int
          })
          chizaobook.selector();
        };
    document.head.appendChild(app);
</script>

TIP

# packageSource

该参数的参数值可以为“数据包”链接，也可以为“数据源”（数据包索引）链接。

我们推荐将该项设置为 "https://cdn.jsdelivr.net/gh/ChizaoProject/Packages@latest/package_source.json"(留空默认为该值)

当然您也可以根据自己的喜好，制作自己的数据包索引（参考文档），或是使用社区制作的第三方数据包索引。