SeeSeeYourNovel

全新的，高级的，视奸的，令人害怕的

简介

如你所见，这就是用来视奸的

有点麻烦，但是还能接受

Demo

https://mewbaka.top/SeeSeeYourNovel

使用

关于部署问题，可以查看这个视频

Note

我还没发这个视频

设置参数

progress.json 是这个页面的设置文件，你可以在这里设置内容

每次提交内容仅需修改此文件的 wordCount 以及 lineCount 即可

{
    "name": "测试小说",
    "wordCount": 10000,
    "lineCount": 60,
    "deadline": "2025-12-31",
    "selectedGoal": "wordsLeft",
    "displayMode": "words",
    "goals": {
        "targetLines": 20000,
        "targetWords": 50000
    }
}

• name 小说的名字

• wordCount 当期已经写的字数

• lineCount 当期已经写的行数

• deadline 死线(在目标设置为"死线"时显示，格式:YYYY-MM-DD)

• selectedGoal 目标模式

  模式	描述
  wordsLeft	字数目标（适合小说作者）
  linesLeft	行数目标（适合脚本作者）
  daysLeft	死线目标

• displayMode 显示模式

  模式	描述	预览
  words	只显示字数	现在已经写了 10000 字
  lines	只显示行数	现在已经写了 60 行
  both	都显示	现在已经写了 10000 字 | 60 行

  这里设置的内容会同样套用到下方的”相较于上一次进入页面“

• targetLines 目标行数

• targetWords 目标字数

自定义页面

修改主界面

若要修改主页面内容，请修改 index.html

没什么好讲的，如果要改字的话，直接修改即可

修改样式

若要修改主页面样式，请修改 assets/style.css

主要是下面两点

• 修改主页面背景图片

  在 #background 下的 background-image 中，直接修改里面的url即可，可以将图片上传到图床上面

• 修改颜色

  修改颜色，只需要修改hex颜色码，以 # 开头，后面有六个字母数字混合字符的就是hex颜色码

  直接修改成其他颜色码即可，如 #66ccff

FAQ

• Q: 每次更新不能有更简单的方式吗，为什么要修改文件

  A: 我也想简单，但这是Github Pages，如果支持后端就有更方便的改法了，改文件应该是最适合Github Pages的了

• Q: "相较于上一次进入页面" 是怎么计算的

  A: 如果设计成相较于上一次提交，则需要每次更新写两份数据，变麻烦了，所以就使用本地存储的方式存储上一次进入页面的数据，再与本次提交的数据进行一次比较

开源

本项目遵循 MIT 许可证开放源代码