下载: #

从 NPM 中安装

npm install ydoc-theme-[name] --save

配置 #

在配置文件里添加配置,如果不配置此项,则为默认主题。

{
    "theme": "library",
    ...
}

主题介绍 #

默认主题 #

简洁高效,匠心独运。

去除冗余的设计元素,直达目标,极致简约。

library #

————你见过凌晨四点图书馆的灯光吗?

————我见过,那时我正在debug。。

ocean #

海洋——浩瀚无边,求索——永无止境。

沉默之中亦有波澜,这是每个程序员内心深处的情愫。

travel #

背上行囊,忘记烦恼,

在清晨的阳光中,踏上一次探索的旅行。

开发主题 #

每一个插件都是一个 npm 模块,命名规则为 ydoc-theme-<name>,比如 ydoc-theme-ocean。 最简单的方法是使用npm安装默认主题的模块 ydoc-theme-default,根据自己的设计在文件中修改或添加内容。

npm install ydoc-theme-default

配置

修改或新建 ydoc-theme-<name> 目录中的 theme.config 文件。

{
    "css": ["./default.css"],
    "js": ["./default.js"]
}

自定义主题

在目录下新建或修改default.css、default.js即可开发主题。 主题中的文件会被引入到页面中,配置的优先级关系是 插件(insertCSS/insertJS)配置 > 主题配置 > ydoc基础配置

发布

编辑 package.json 中的模块名称、版本号等信息,执行 npm publish 即可。