修阅读'一直载入中':novel.md gzip + 章节索引 + loading 状态

问题定位:
- novel.md 285KB 线上 Content-Type 被 nginx 默认识别为 application/octet-stream,gzip_types 无法命中,未压缩直传
- 用户网络慢时全本下载数秒甚至更久,一直'载入中 …'
- 附带问题:renderNovel 的 sections forEach idx 和 CHAPTERS 数组错位——'终章之后·当世界再次变聪明'这个非章节 ## heading 被 skip 掉后,之后所有第二部章节的 CHAPTERS[idx] 索引都偏移一位,映射到错误的章节图(不崩溃但显示错)

修复:
1. Dockerfile nginx conf 加 location = /novel.md 用 default_type 'text/markdown; charset=utf-8',覆盖默认 octet-stream,让 gzip_types 命中。gzip_comp_level 6 / gzip_min_length 512 / gzip_vary on。预计 285KB → ~90KB
2. renderNovel 里 ch 的解析从 CHAPTERS[idx] 改为 CHAPTERS.find(c => c.n === chN),按语义 n 精确匹配(主部 1-20 + 0 终章 / 第二部 -1 到 -8)。不再受 section 索引漂移影响
3. loadNovel 细化 loading 文案'正在下载全本 …' → '正在渲染章节 …';await setTimeout(0) 让浏览器先 paint;失败时补兜底直链'直接打开 novel.md'
4. imgPath 从 './images/${ch.img}' 加防守 (ch && ch.img),第二部 img=null 的章节不渲染 broken img src

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
kang
2026-04-18 15:50:40 +08:00
parent 15b2812507
commit 33c60aa08a
3 changed files with 36 additions and 28 deletions

View File

@@ -2,24 +2,7 @@ FROM nginx:alpine
COPY . /usr/share/nginx/html/
RUN printf 'types {\n\
text/html html htm;\n\
text/css css;\n\
text/plain txt;\n\
text/markdown md;\n\
application/javascript js;\n\
application/json json;\n\
image/jpeg jpg jpeg;\n\
image/png png;\n\
image/webp webp;\n\
image/svg+xml svg;\n\
image/x-icon ico;\n\
font/woff woff;\n\
font/woff2 woff2;\n\
}\n\
default_type application/octet-stream;\n\
\n\
server {\n\
RUN printf 'server {\n\
listen 80;\n\
server_name _;\n\
root /usr/share/nginx/html;\n\
@@ -33,7 +16,13 @@ server {\n\
access_log off;\n\
}\n\
\n\
# html / md: always revalidate\n\
# novel.md specifically — force text/markdown so gzip triggers\n\
location = /novel.md {\n\
default_type "text/markdown; charset=utf-8";\n\
add_header Cache-Control "public, max-age=0, must-revalidate";\n\
}\n\
\n\
# html / md catch-all: always revalidate\n\
location ~* \\.(html|md)$ {\n\
add_header Cache-Control "public, max-age=0, must-revalidate";\n\
}\n\