-
@ nostr_cn_dev
2025-04-02 01:35:00
## nostrbook 技术框架
源代码在 github.com
```
git clone https://github.com/nostrbook/nostrbook
cd nostrbook
npm install
npm run dev
```
* 网站主框架 vite + svelte
* 网站浏览书框架 docsify
## 网站主框架
svelte 为主，daisyui （tailwindcss） css 。
页面的逻辑结构 都是 svelte搭建的， 采用了 layout 左侧菜单。
菜单代码 在 https://github.com/nostrbook/nostrbook/blob/main/src/lib/SideMenu.svelte
菜单里用了弹框登录，弹框的代码基本是问的 AI。
子页面和 路由器看sveltekit规则编写。
### 书籍的数据
https://github.com/nostrbook/nostrbook/blob/main/src/lib/bookevent.ts
使用的nostr ndk 库来读写 relay。
书的 tag， 内容就是 标题，封面和作者。
```
[
['t',booktag],
['title',content['title']],
];
```
### 章节的数据
```
[
['t',chaptertag],
['title',title],
['d',filename + "-" + bookid],
['e',bookid],
];
```
这里面的 d，采用了 文件名 + bookid，所以每一本的章节名的文件名是唯一的。
### 配置文件
src/lib/config.ts，主要配置 服务器的地址
* 图片文件 nip96 服务器
* relays 服务器
* book的tag ，测试和 release不一样。 如果自己部署独有的服务器也可以不一样。这样内容可以垂直。
### 首页采用了缓冲机制
首页的内容来自 书籍的列表， 用booktag和30023来区分是不是书籍信息。
为了搜索引擎友好，让页面加载就有数据。
采用了 src/hooks.server.ts 预备加载数据，数据会被首页面 src/routes/+page.server.ts 传给 page.svelte去渲染。
这一切都是后台完成的。html页面加载的时候数据都已经渲染完成了。所以对搜索引擎非常友好。搞定了google，seo。
但是为了数据的完整性， 页面起来后会继续读取列表，这时候可能会显示最新的数据。