主题开发的钩子点位是`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(); ```