主题开发的钩子点位是`app`
```
// index.ts
import createPlugin from '@@/create-plugin';
export default createPlugin({
components: {
'app': () => import('./components/app')
}
});
```
`components/app.tsx` 即为阅读页面的根节点,下面内容自由发挥
样式建议使用[styled-components](https://styled-components.com/),通过
```
import {styled} 'topwrite';
```
可获取到该组件
### 主题开发中常用到的数据有
```
//获取当前文档,book里包含了文档配置,目录等数据,具体可以查看ts的类型
const book = useSelector('book');
//获取当前打开章节对应的文件
const file = useSelector('file');
//获取当前章节(如果在首页则为null)
const article = useArticle();
const prevArticle = usePrevArticle();
const nextArticle = useNextArticle();
//获取文档名称
const title = useTitle();
```