Skip to content

iamzhout/tongjian

 
 

Repository files navigation

《资治通鉴》胶片版

Netlify Status

TLDR: https://tongjian.qiaopang.com

作为一个喜欢且经常读史读古文的程序员,《资治通鉴》这样的大部头我读起来还是觉得非常费力。首先是时间上的开销很大 —— 一页纸往往要读上半小时到一小时,其中免不了查阅词典,了解生僻字词的读音和释义;其次是难以深度阅读 —— 大量的地名人名和时间的关系,无法很快厘清,因而对错综复杂的历史事件读之依旧是懵懵懂懂;再次,无论是实体书的阅读,还是电子书的阅读,笔记都很难处理,比如人物的图像,事件(主要是战争)的地图,无法和原文很好地一一对照。最后,三百万字,二百九十四卷的内容,往往令读者还未开始阅读便自我放弃了。

于是我便萌生了制作《资治通鉴》胶片版的念头。我可阅读的时间往往比较碎片化,所以希望闲暇时可以读上一小段,这样不必抱着大部头望而兴叹;我希望文档本身是活的,帮助理解内容的佐料(注释,图片,地图等)可以不断以一种简单轻量的方式被添加进来;此外,文档本身应该是精美的,看着舒服。这便是这个胶片版的最初的目标。

这个目标进一步细化,便成了这个样子:

  • 选取质量上乘的《资治通鉴》 txt 版本
  • 将文档切分成 294 卷,每卷一个胶片
  • 自动生成符合 marp 格式的胶片,做一些格式上的处理
    • 为引文生成不同的格式
    • 每页胶片都自动放置一个 audio tag,可以播放本页的语音素材,比如:臣光曰
  • 找相熟的小伙伴们创作每一张胶片的语音素材 为每一张胶片自动生成语音素材
  • 通读之,添加注释,相关图片和地图

制作出来的 slides 截图如下:

运行

本地需要有 nodejs 运行时,然后安装依赖:

make init
make dep

之后可以 make run 运行 http 服务器。服务器运行完毕后,可以在浏览器中打开 http://localhost:8080/ 查阅。

如果要批量生成 html / pdf 版本,可以 make build 或者 make build-pdf

语音素材的生成

《资治通鉴》胶片版内的所有语音素材均使用 科大讯飞开放平台 的在线语音合成技术提供。目前使用的发音人为 讯飞楠楠。感谢科大讯飞的开放平台,我得以自动化生成所有语音素材。由于目前我使用的免费版有日 API 访问上限,所以所有内容生成语音素材尚需时日。

如果你想生成自己的语音素材,可以在科大讯飞开放平台创建账户,生成你的 appid / app_key,并将其配置到环境变量 XF_TTS_IDXF_TTS_KEY 中。之后你可以使用 make gen-audios CHAPTER=xxx 来生成对应卷的语音素材。

如果你对生成语音素材感兴趣,可以看这几个工具:

  • tools/cli/normalizer.js: 把原始的文本素材转化为 JSON。
  • tools/cli/generator.js: 将 JSON 转化为 marp slides。
  • tools/cli/tts.js: 读取 resources/_meta 中的文件,按章节生成语音素材。

如何编辑及添加素材

所有的素材都放在 slides/assets 下,按卷命名。

添加图片或者地图

以这张 slide 为例:

可以把对应的图片拷贝至 assets/images/001/jinyang.jpg,然后在对应的 slide 页中使用 marp 的 图片语法,如下:

---

![bg left](assets/images/001/jinyang.jpg)

![](assets/audios/001/16.mp3)

赵襄子使张孟谈潜出见二子,曰:__「臣闻唇亡则齿寒。今智伯帅韩、魏而攻赵,赵亡则韩、魏为之次矣。」__ 二子曰:__「我心知其然也,恐事末遂而谋泄,则祸立至矣」__ 。张孟谈曰:__「谋出二主之口,入臣之耳,何伤也?」__ 二子乃阴与张孟谈约,为之期日而遣之。襄子夜使人杀守堤之吏,而决水灌智伯军。智伯军救水而乱,韩、魏翼而击之,襄子将卒犯其前,大败智伯之众。遂杀智伯,尽灭智氏之族。唯辅果在。

---

添加注释

注释使用 abbr 完成。以这张 slide 为例:

要注释的内容用 *[]: 括起来,注释放在 : 后即可。注意如果注释的内容前后没有标点或者空格,需要再原文中手工插入空格。

---

![](assets/audios/001/11.mp3)

及智宣子卒,智襄子为政,与韩康子、魏桓子宴于蓝台。智伯戏康子而侮段规,智国闻之,谏曰:__「主不备,难必至矣!」__ 智伯曰:__「难将由我。我不为难,谁敢兴之?」__ 对曰:__「不然。《夏书》有之曰:‘一人三失,怨岂在明,不见是图。’夫君子能勤小物,故无大患。今主一宴而耻人之君相,又弗备,曰不敢兴难,无乃不可乎!蜹、蚁、蜂、虿,皆能害人,况君相乎!」__ 弗听。

*[蜹]: ruì,指蠛 miè 蠓 měng,"醯酸而蠛蠓聚焉。" 《荀子 劝学篇》;古同「蚋」:"蚋蚁蜂虿,皆能害人。"

---

添加脚注

脚注比较特殊,正常的 markdown 脚注会放在整个文档最后,并不方便阅读,这里生成了 <div class="note"> 完成。以这张 slide 为例:

其语法是在要注释的地方使用上标语法 ^xx^,然后用 ::: note::: 标注脚注的开始和结束。

---

![](assets/audios/001/64.mp3)

秦侵晋^1^。


::: note
在《吴子 励士 第六》中有这样两段文字:“行之三年,秦人兴师,临于西河,魏士闻之,不待吏令,介胄而奋击之者,以万数。”,“于是武侯从之。兼车五百乘,骑三千匹,而破秦五十万众。”区区52个字,记录了阴晋之战的经过。
:::

---

贡献

目前的版本是自动生成的,还很粗糙,我自己也在边读边整理。如果你遇到任何问题,欢迎提 issue,当然跟欢迎发 pull request。

鸣谢

河洛·基督大伯爵

原始 txt 素材来自 河洛中文社区,由【河洛·基督大伯爵 】整理校对。

┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
 精校小说尽在河洛中文社区:http://www.horou.com/
 本电子书由【河洛·基督大伯爵 】整理校对,请勿转载。
 版权归原作者所有,文本仅供试读,请勿用于一切商业用途!
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

科大讯飞开放平台

tts 的质量相当上乘,在此感谢!

About

资治通鉴易读版

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 66.9%
  • CSS 20.2%
  • Makefile 8.5%
  • Shell 4.4%