Merge pull request #19 from JamesFlare1212/dev

Dev

content.zh/docs/先进工具/LLM系列/Bard系列/_index.md

@@ -0,0 +1 @@
+# Bard系列

content.zh/docs/先进工具/LLM系列/Bing系列/_index.md

@@ -0,0 +1 @@
+# Bing 系列

content.zh/docs/先进工具/LLM系列/GPT系列/_index.md

@@ -16,9 +16,9 @@ title: GPT 系列
 
 ## 目录
 
-- [Prompt Repository]({{< relref "/docs/先进工具/GPT系列/Prompt Repository/" >}})
-- [Prompt Example]({{< relref "/docs/先进工具/GPT系列/Prompt Example/" >}})
-- [Prompt Technique]({{< relref "/docs/先进工具/GPT系列/Prompt Technique/" >}})
+- [Prompt Repository]({{< relref "/docs/先进工具/LLM系列/GPT系列/Prompt Repository/" >}})
+- [Prompt Example]({{< relref "/docs/先进工具/LLM系列/GPT系列/Prompt Example/" >}})
+- [Prompt Technique]({{< relref "/docs/先进工具/LLM系列/GPT系列/Prompt Technique/" >}})
 <--->
 
 {{< /columns >}}
@@ -37,7 +37,7 @@ title: GPT 系列
 
 ### 板块
 
-#### [Prompt Example]({{< relref "/docs/先进工具/GPT系列/Prompt Example/" >}})
+#### [Prompt Example]({{< relref "/docs/先进工具/LLM系列/GPT系列/Prompt Example/" >}})
 
 - [James Zhou](/zh/posts/about/james-zhou/)
 

content.zh/docs/先进工具/LLM系列/_index.md

@@ -0,0 +1,82 @@
+---
+title: LLM 系列
+---
+
+# LLM 系列
+
+## 前言
+
+{{< hint warning >}}
+内容尚在编写开发，并不完善
+{{< /hint >}}
+
+本页的主要目的是帮助各位快速定位到你们需要的内容。
+
+## 目录
+
+{{< columns >}}
+
+- [GPT系列]({{< relref "/docs/先进工具/LLM系列/GPT系列/" >}})
+  - [Prompt Repository]({{< relref "/docs/先进工具/LLM系列/GPT系列/Prompt Repository/" >}})
+  - [Prompt Example]({{< relref "/docs/先进工具/LLM系列/GPT系列/Prompt Example/" >}})
+  - [Prompt Technique]({{< relref "/docs/先进工具/LLM系列/GPT系列/Prompt Technique/" >}})
+- [免费服务]({{< relref "/docs/先进工具/LLM系列/免费服务/" >}})
+
+<--->
+
+- [Bing系列]({{< relref "/docs/先进工具/LLM系列/Bing系列/" >}})
+- [Bard系列]({{< relref "/docs/先进工具/LLM系列/Bard系列/" >}})
+
+{{< /columns >}}
+
+## 社区贡献者
+
+感谢对开源社区所做的贡献，他们在本资源库的建立中发挥了作用。
+
+{{< columns >}}
+
+### 合计
+
+- [James Zhou](/zh/posts/about/james-zhou/)
+
+### 开发
+
+- [James Zhou](https://www.jamesflare.com)
+
+<--->
+
+### 板块
+
+#### [GPT系列]({{< relref "/docs/先进工具/LLM系列/GPT系列/" >}})
+
+- [James Zhou](/zh/posts/about/james-zhou/)
+
+#### [Bing系列]({{< relref "/docs/先进工具/LLM系列/Bing系列/" >}})
+
+- [James Zhou](/zh/posts/about/james-zhou/)
+
+#### [Bard系列]({{< relref "/docs/先进工具/LLM系列/Bard系列/" >}})
+
+- [James Zhou](/zh/posts/about/james-zhou/)
+
+{{< /columns >}}
+
+## 加入我们
+
+你有两种贡献的方式，修正错误，以及完善内容。
+
+[![SCDocs Git Card](https://github-readme-stats.jamesflare.com/api/pin/?username=JamesFlare1212&repo=SCDocs&theme=github_dark_dimmed&show_owner=true)](https://github.com/JamesFlare1212/SCDocs/)
+
+如果你希望提交改动，请以[Pull Request](https://github.com/JamesFlare1212/SCDocs/pulls)的形式提出分支合并请求，而不是试图直接在主分支提交[Commit](https://github.com/JamesFlare1212/SCDocs/commits/dev)。
+
+### 修正错误
+
+如需修正错误，你需要在本项目的仓库提出[Issue](https://github.com/JamesFlare1212/SCDocs/issues)。
+
+在提交 **PR**（[**P**ull **R**equest](https://github.com/JamesFlare1212/SCDocs/pulls)）之前，我希望你充分在[Issue](https://github.com/JamesFlare1212/SCDocs/issues)中讨论。
+
+### 完善内容
+
+如果你想提出新的想法，我推荐你在[Discussions](https://github.com/JamesFlare1212/SCDocs/discussions)提出，然后进行讨论，而不是提出[Issue](https://github.com/JamesFlare1212/SCDocs/issues)，因为这不是错误，而是改进。
+
+如果你有不错的内容，或者知道优质的创作者，欢迎投稿。

content.zh/docs/先进工具/_index.md

@@ -10,8 +10,11 @@ bookCollapseSection: true
 
 ## 目录
 
-- [GPT系列]({{< relref "/docs/先进工具/GPT系列/" >}})
-- [免费服务]({{< relref "/docs/先进工具/免费服务/" >}})
+- [LLM系列]({{< relref "/docs/先进工具/LLM系列/" >}})
+  - [GPT系列]({{< relref "/docs/先进工具/LLM系列/GPT系列/" >}})
+  - [Bing系列]({{< relref "/docs/先进工具/LLM系列/Bing系列/" >}})
+  - [Bard系列]({{< relref "/docs/先进工具/LLM系列/Bard系列/" >}})
+  - [免费服务]({{< relref "/docs/先进工具/LLM系列/免费服务/" >}})
 
 ## 开始使用
 

content.zh/docs/学术资源/学科在线资源/自然科学/_index.md

@@ -71,7 +71,31 @@
 ### [FreeScieneLessons](https://www.youtube.com/c/Freesciencelessons)
 
 {{< tabs "FreeScieneLessons" >}}
-{{< tab "简介" >}}包括生物、化学、物理的关键概念短课程以及技能实践考试。{{< /tab >}}
+
+{{< tab "简介" >}}
+FreeScienceLessons是一个YouTube频道，提供了生物、化学、物理等科学学科的免费课程。它的课程主要针对GCSE考试，但也适用于其他水平的学生。
+
+FreeScienceLessons的课程涵盖了关键概念和技能的实践考试，可以帮助学生提高学习成绩和考试成绩。其视频课程简洁明了，易于理解，讲解深入浅出，适合不同学习水平的学生。
+
+FreeScienceLessons还提供了一些学习资源和实践活动，可以帮助学生深入学习和掌握知识和技能。
+{{< /tab >}}
+
+{{< tab "优点" >}}
+FreeScienceLessons的一些优点是：
+- 它是免费的，不需要付费或订阅。
+- 它涵盖了生物、化学、物理等科学学科的关键概念和技能的实践考试，可以帮助学生提高学习成绩和考试成绩。
+- 它的视频课程简洁明了，易于理解，讲解深入浅出，适合不同学习水平的学生。
+- 它提供了一些学习资源和实践活动，可以帮助学生深入学习和掌握知识和技能。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+FreeScienceLessons的一些缺点可能是：
+- 它主要是针对GCSE考试，可能不能满足一些高级课程或考试的需求。
+- 它可能不能完全替代传统的教师和课堂，因为它缺乏人际互动和个性化指导。
+- 它可能不适合所有的学习风格和偏好，因为它主要使用了视频和文本的形式。
+- 在一些国家或地区，YouTube可能被封锁或限制访问，因此可能无法使用。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ## 化学
@@ -137,16 +161,62 @@
 
 {{< /tabs >}}
 
-### [FreeScieneLessons](https://www.youtube.com/c/Freesciencelessons)
+### [FreeScienceLessons](https://www.youtube.com/c/Freesciencelessons)
+
+{{< tabs "FreeScienceLessons" >}}
+
+{{< tab "简介" >}}
+FreeScienceLessons是一个通过视频课程教授生物学、化学和物理学的YouTube频道。该频道的创始人是一位英国的教师，他制作了超过 1000 个视频，涵盖了关键概念和考试技巧。
+
+视频的风格简单幽默，易于理解，可以帮助学生更好地掌握科学概念和知识。FreeScienceLessons也提供了一些辅助材料，如练习题和笔记，可以让学生更好地巩固和应用所学内容。
+
+可以说，FreeScienceLessons是一个非常好的免费学习资源，特别是对于那些需要提高科学成绩或准备科学考试的学生来说。{{< /tab >}}
+
+{{< tab "优点" >}}
+FreeScienceLessons的一些优点是：
+- 它是免费提供的，任何人都可以在YouTube上观看和学习。
+- 它涵盖了生物学、化学和物理学等多个学科和主题，可以满足不同学生的需求和兴趣。
+- 它使用了简单幽默的视频风格，易于理解和吸收。
+- 它提供了辅助材料，如练习题和笔记，可以让学生更好地巩固和应用所学内容。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+FreeScienceLessons的一些缺点可能是：
+- 它可能不能完全替代传统的教师和课堂，因为它缺乏人际互动和个性化指导。
+- 它可能不适合所有的学习风格和偏好，因为它主要使用了视频和文本的形式。
+- 它可能无法满足高级或专业的科学学习需求，因为它着重于关键概念和考试技巧。
+{{< /tab >}}
 
-{{< tabs "FreeScieneLessons2" >}}
-{{< tab "简介" >}}包括生物、化学、物理的关键概念短课程以及技能实践考试。{{< /tab >}}
 {{< /tabs >}}
 
 ### [The Organic Chemistry Tutor](https://www.youtube.com/c/TheOrganicChemistryTutor)
 
 {{< tabs "The Organic Chemistry Tutor" >}}
-{{< tab "简介" >}}主要解释有机化学，还包括许多其他内容，所有内容的解释质量都很高。{{< /tab >}}
+
+{{< tab "简介" >}}
+The Organic Chemistry Tutor是一个YouTube频道，它提供了高质量的有机化学教学视频，旨在帮助学生提高他们的成绩并掌握这个主题。频道包括了有机化学的基础知识，例如化学键，化学式等等。 
+
+除此之外，还有视频介绍了有机化学的更高级内容，例如酸碱和反应机理等等。频道涵盖了大量的有机化学内容，从各个角度解释原理和问题，对学生来说是很有帮助的学习资源。
+
+此外，The Organic Chemistry Tutor还介绍了许多其他主题，例如物理学、代数学、几何学等，并提供了各种高质量的教学视频。无论是初学者还是高级学生，都可以从中受到启发和帮助。
+{{< /tab >}}
+
+{{< tab "优点" >}}
+The Organic Chemistry Tutor的一些优点是：
+- 它提供了高质量的有机化学教学视频，涵盖了各个方面的知识和问题。
+- 它非常适合学生，无论他们是否有自己的老师，都可以从这里受到启示和帮助。
+- 它解释问题的方式非常清晰和易于理解，使得学生可以更好的掌握有机化学的知识。
+- 它还介绍了其他相关的学科和主题，可以让学生在不同的领域拓宽知识和技能。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+The Organic Chemistry Tutor的一些缺点可能是：
+- 它只涵盖了有机化学的主题，并没有介绍其他主题的完整课程。
+- 它不能完全替代传统的课堂和老师指导，因为它缺乏个性化指导和互动。
+- 它可能不适合所有的学习风格和偏好，因为它主要使用了视频和文本的形式。
+- 它可能存在一些内容和质量问题，需要学生自行辨别和查证。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [NileRed](https://www.youtube.com/c/nilered)
@@ -181,14 +251,66 @@
 
 ## 生物
 
-### [FreeScieneLessons](https://www.youtube.com/c/Freesciencelessons)
+### [FreeScienceLessons](https://www.youtube.com/c/Freesciencelessons)
+
+{{< tabs "FreeScienceLessons" >}}
+
+{{< tab "简介" >}}
+FreeScienceLessons是由一个英国老师创建的YouTube频道，它提供了关于生物学、化学和物理学的免费短课程和考试技巧。
+
+FreeScienceLessons的视频涵盖了各种科目和主题，例如植物生长、原子结构、热力学等。
+
+FreeScienceLessons的视频可以帮助学生理解并掌握课程中的关键概念和技能，提高他们的学习成绩和兴趣。
+
+FreeScienceLessons的视频时长较短，大多在5-10分钟之间，适合快速复习和学习。
+{{< /tab >}}
+
+{{< tab "优点" >}}
+FreeScienceLessons的一些优点是：
+- 它是免费的，不需要付费或订阅。
+- 它涵盖了生物学、化学和物理学的各个主题和难度，可以满足不同学生的需求和兴趣。
+- 它的视频时长较短，可以帮助学生快速复习和学习。
+- 它的视频使用了简单明了的语言和图示，易于理解和掌握关键概念和技能。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+FreeScienceLessons的一些缺点可能是：
+- 它的视频主要使用了英语，可能不适合不理解英语的学生。
+- 它的视频可能不能完全替代传统的教师和课堂，因为它缺乏人际互动和个性化指导。
+- 它的视频可能不适合所有的学习风格和偏好，因为它主要使用了视频和文本的形式。
+- 它可能有一些内容或质量的问题，因为它是由一个英国老师创建的，没有经过专业的审查和评估。
+{{< /tab >}}
 
-{{< tabs "FreeScieneLessons3" >}}
-{{< tab "简介" >}}包括生物、化学、物理的关键概念短课程以及技能实践考试。{{< /tab >}}
 {{< /tabs >}}
 
 ### [YourGenome](https://www.yourgenome.org/)
 
 {{< tabs "YourGenome" >}}
-{{< tab "简介" >}}在这个[Youtube频道](https://www.youtube.com/c/yourgenome)中，您可以找到关于DNA、基因组和基因的所有您想知道的内容。{{< /tab >}}
+
+{{< tab "简介" >}}
+YourGenome是一个关于基因组和DNA的在线资源，它提供了关于DNA、基因、遗传和人类基因组的信息。
+
+YourGenome的网站上有大量的文章、图像和视频，可以帮助学习者了解基因组的复杂性和重要性。
+
+此外，YourGenome还提供了一些关于遗传测试和基因诊断的信息，可以帮助学习者了解自己的遗传风险和健康。
+
+YourGenome的视频频道在YouTube上也非常活跃，提供了有关基因组和生命科学研究的各种视频。
+{{< /tab >}}
+
+{{< tab "优点" >}}
+YourGenome的一些优点是：
+- 它提供了大量关于DNA、基因和遗传的信息，可以让学习者了解基因组的复杂性和重要性。
+- 它提供了一些关于基因诊断和遗传测试的信息，可以帮助学习者了解自己的遗传风险和健康。
+- 它的网站和视频都免费，可以让学习者自由访问和使用。
+- 它的网站和视频都非常生动、易懂，适合不同年龄和水平的学习者。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+YourGenome的一些缺点可能是：
+- 它主要关注基因组和生命科学方面的话题，可能不能满足其他领域的学习需求和兴趣。
+- 它的信息可能比较专业和深入，需要有一定的基础和背景知识才能理解。
+- 它可能不适合需要个性化指导和交互式学习的学习者。
+- 它可能不能完全替代传统的教师和课堂，因为它缺乏人际互动和实践经验。
+{{< /tab >}}
+
 {{< /tabs >}}

content.zh/docs/学术资源/学科在线资源/语言/_index.md

@@ -4,16 +4,60 @@
 
 ## 英语
 
-### [IGCSESUCCESS](https://www.youtube.com/c/iGCSESuccess/videos)
+## [IGCSESUCCESS](https://www.youtube.com/c/iGCSESuccess/videos)
 
 {{< tabs "IGCSESUCCESS" >}}
-{{< tab "简介" >}}提供给IGCSE EFL学生的技巧和技能。{{< /tab >}}
+
+{{< tab "简介" >}}
+IGCSESUCCESS是一个YouTube频道，专门提供了许多面向IGCSE EFL学生的技巧和技能。在这个频道里，你可以找到各种有用的视频，例如写作技巧、考试技巧、背诵技巧等等。这些视频通常是以简洁明了的方式呈现的，对提高学生的考试技能和成绩有很大的帮助。
+
+此频道由一位教师创建和维护，他有多年的教学经验和卓越的教学成绩。他的视频课程对于学生提高英语水平和知识储备方面能够提供很大的帮助。
+{{< /tab >}}
+
+{{< tab "优点" >}}
+IGCSESUCCESS的一些优点是：
+- 它提供了针对IGCSE EFL学生的技巧和技能，可以让学生更加有效地准备考试和提升成绩。
+- 它提供了很多有用的视频，包括写作技巧、考试技巧等，这些视频通常是简单易懂的。
+- 它的创建者有多年的教学经验和卓越的教学成绩，可以给学生提供高质量的教育资源。
+- 它是免费的，所有的视频都可以直接在YouTube上观看。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+IGCSESUCCESS的一些缺点可能是：
+- 它仅适用于IGCSE EFL学生，对其他学生可能没有太大的帮助。
+- 它主要是面向英语学习者的，如果你正在学习其他科目，可能需要找其他的资源。
+- 它的内容可能有一些局限性，并不能涵盖所有的考试技巧和学习方法。
+- 它可能不适合所有的学习风格和偏好，因为它主要使用了视频的形式。
+{{< /tab >}}
+
 {{< /tabs >}}
 
-### [Sparknotes - literature Study](https://www.sparknotes.com/lit/)
+### [Sparknotes - Literature Study](https://www.sparknotes.com/lit/)
+
+{{< tabs "Sparknotes - Literature Study" >}}
+
+{{< tab "简介" >}}
+SparkNotes是一个在线学习平台，提供有关文学，历史，数学等学科的高质量课程和知识概述。
+
+在文学阅读方面，Sparknotes 提供了大量的文学作品的综述，人物分析，主题探讨，以及背景资料和文学评论。这些信息可以让学生更好地了解和分析文学作品，并提供他们需要的任何其他辅助材料。
+
+此外，Sparknotes 还提供许多学科的考试准备材料和资源，例如 SAT，AP 和 GRE 等考试。这些材料可以帮助学生提高他们的考试成绩和自信心，以便在得到更好的学术和职业发展机会方面取得成功。
+
+总之，Sparknotes 是一个非常有价值的在线学习平台，可以为学生提供丰富的知识和技能，帮助他们在学术和职业方面取得成功。 {{< /tab >}}
+
+{{< tab "优点" >}}
+- Sparknotes提供丰富的文学作品的综述、人物分析、主题探讨以及背景资料和文学评论，有助于学生更好地理解和分析文学作品。
+- Sparknotes提供各种学科的考试准备材料和资源，可以帮助学生提高他们的考试成绩，以便在得到更好的学术和职业发展机会方面取得成功。
+- Sparknotes是一个免费的在线学习平台，提供了许多有用的资源和信息。
+- Sparknotes提供了很多学科的高质量课程和知识概述，可以为学生提供丰富的知识和技能。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+- Sparknotes的一些内容可能过于简化，不够深入，无法满足高级学生成长的需求和兴趣。
+- Sparknotes的一些内容可能有一定的主观性和偏见性，需要与其他资源一起使用，以确保获得客观和全面的信息。
+- Sparknotes提供的知识概述和考试准备材料可能不是每个人所需要，因此需要针对自己的学习目标和风格进行选择和使用。
+{{< /tab >}}
 
-{{< tabs "Sparknotes - literature Study" >}}
-{{< tab "简介" >}}在文学阅读方面极其有用，涵盖了摘要、人物分析、主题、角色等等。{{< /tab >}}
 {{< /tabs >}}
 
 ### [LearnAndRecord](http://www.learnandrecord.com/)
@@ -21,20 +65,19 @@
 {{< tabs "LearnAndRecord" >}}
 
 {{< tab "简介" >}}
-英语学习的微信频道。通过期刊新闻和政策进行学习。
+LearnAndRecord是一家英语学习的在线平台，主要通过微信频道、B站、微博等社交媒体进行英语学习。它提供了各种类型的英语学习材料，例如期刊新闻、政策解读、名人演讲等。
 
-> Talk is cheap.
-> 
-> Show me the action.
+通过阅读和听录音的方式，用户可以提高自己的英语水平，更好地理解和应用英语。平台还提供了一些英语学习方法和技巧，可以帮助用户更有效地学习英语。
 {{< /tab >}}
 
 {{< tab "额外信息" >}}
-**WeChat Channel A**：LearnAndRecord  
-**WeChat Channel B**：英语学习社  
-**Personal WeChat**：learnrecord  
-**bilibili**：LearnAndRecord  
-**Weibo/Sina Weibo**：@LearnAndRecord  
-**Xiaohongshu**：LearnAndRecord
+以下是一些LearnAndRecord的额外信息：
+- WeChat Channel A：LearnAndRecord  
+- WeChat Channel B：英语学习社  
+- Personal WeChat：learnrecord  
+- bilibili：LearnAndRecord  
+- Weibo/Sina Weibo：@LearnAndRecord  
+- Xiaohongshu：LearnAndRecord
 {{< /tab >}}
 
 {{< /tabs >}}
@@ -44,17 +87,40 @@
 ### [北京鲁迅博物馆（北京新文化运动纪念馆）](http://luxunmuseum.com.cn/cx/)
 
 {{< tabs "北京鲁迅博物馆（北京新文化运动纪念馆）" >}}
-{{< tab "简介" >}}资料查询在线检索系统：不只有语录，著作、书信、日记、专题等资料比较全。{{< /tab >}}
+{{< tab "简介" >}}
+北京鲁迅博物馆（北京新文化运动纪念馆）是一座以鲁迅为主题的纪念馆，它位于北京市西城区，占地面积6000多平方米，是一个集展览、研究、教育于一体的博物馆。
+
+鲁迅是现代中国文学的杰出代表，在20世纪上半叶中国的文化、思想和社会变革运动中，起到了重要的推动作用。北京鲁迅博物馆（北京新文化运动纪念馆）以鲁迅为主题，展示了鲁迅的家族背景、生平事迹、文学作品和思想成就等方面的内容，是了解鲁迅和20世纪中国文化史的重要场所之一。
+
+该博物馆还提供了资料查询在线检索系统，可以查询鲁迅的语录、著作、书信、日记、专题等资料，内容比较全。同时，该博物馆还定期举办各种形式的文化活动和学术研讨会，为广大文化爱好者和研究者提供了交流和学习的平台。
+{{< /tab >}}
 {{< /tabs >}}
 
 ### [国图公开课](http://open.nlc.cn/onlineedu/client/index.htm)
 
 {{< tabs "国图公开课" >}}
 
-{{< tab "简介" >}}国家图书馆旗下的网站，虽然知名度不是很高，但课程质量和讲师质量真的很高。{{< /tab >}}
+{{< tab "简介" >}}
+国图公开课是国家图书馆旗下的在线学习平台，它提供了高质量的课程和讲师资源，主要涵盖了人文、社会、科技等多个领域的主题和内容，可以让学习者在家里轻松学习和进修。
 
-{{< tab "百科" >}}
-> 国图公开课是国家图书馆借鉴“慕课”的大规模、开放、在线理念，以传承和弘扬先进文化与中华优秀传统文化为核心，依托国家图书馆的馆藏海量资源，设立了专题课程和读书推荐等栏目，采取线上线下相结合的互动模式，推送多种形态的学习资源，创立面向社会大众，严肃、通俗、负责的通识教育平台。
+国图公开课使用了丰富的教学资源，包括视频、文本、音频、图片等形式，可以让学习者获得全面和深入的学习体验。与此同时，国图公开课还提供了实时交流和互动的机会，可以让学习者和讲师或其他学习者之间分享和讨论学习成果和经验。
+
+总体来说，国图公开课是一个高品质、开放、免费的在线学习平台，可以让学习者无论在任何时间和地点都可以获得有效的教育资源和机会。
+{{< /tab >}}
+
+{{< tab "特点" >}}
+国图公开课的一些特点包括：
+- 高质量的课程和讲师资源，可以让学习者接触到最新和最优秀的知识和思想。
+- 多样化的教学资源和形式，可以满足不同学习者不同的兴趣和需求。
+- 实时交流和互动的机会，可以让学习者与其他学习者和讲师之间分享和讨论学习成果和经验。
+- 开放、免费，没有学历和学历的限制，非常适合自主学习者和追求个人发展的人士。
+{{< /tab >}}
+
+{{< tab "影响力" >}}
+国图公开课的影响力主要表现在：
+- 它是国家图书馆旗下的在线学习平台，享有公信力和权威性。
+- 它提供了高质量的课程和讲师资源，拥有许多忠实的用户和粉丝。
+- 它致力于推广先进文化和中华优秀传统文化，得到了社会各界的高度赞誉和关注。
 {{< /tab >}}
 
 {{< /tabs >}}
@@ -62,77 +128,333 @@
 ### [中国社会科学院近代史研究所](http://www.modernchina.org.cn)
 
 {{< tabs "中国社会科学院近代史研究所" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+
+{{< tab "简介" >}}
+中国社会科学院近代史研究所是一所专门从事中国近代史研究的国家级研究机构。它成立于1952年，是经国家教育部和中国社会科学院批准、设在北京市的直属研究机构。
+
+近代史研究所的主要研究方向包括清末民初史、民国时期史、抗日战争史、新中国成立后的政治史和经济史等。它还致力于推动近代史学科的发展和教育，包括培养学生和学者、组织学术交流和合作等。
+
+近代史研究所是中国近代史研究领域的重要机构之一，它的研究成果和学术声誉得到了国内外同行和社会各界的广泛认可。{{< /tab >}}
+
+{{< tab "研究方向" >}}
+近代史研究所的主要研究方向包括：
+- 清末民初史；
+- 民国时期史；
+- 抗日战争史；
+- 新中国成立后的政治史和经济史等。
+{{< /tab >}}
+
+{{< tab "成果" >}}
+近代史研究所的研究成果涵盖了广泛的领域，包括政治、经济、文化、社会、理论等。其中一些代表性成果包括：
+- 《中国社会各阶层历史》；
+- 《近代中国经济史》；
+- 《政治变革中的大冲击》；
+- 《现代史研究》；
+- 《新中国70年》。
+
+这些研究成果得到了国内外学术界和社会各界的广泛认可，成为中国近代史研究领域的重要贡献。{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [台湾中研院近代史研究所](http://www.mh.sinica.edu.tw/index.htm)（新版网页）
 
 {{< tabs "台湾中研院近代史研究所" >}}
-{{< tab "简介" >}}[旧版网页](http://www.sinica.edu.tw/imh/index.html){{< /tab >}}
+
+{{< tab "简介" >}}
+台湾中研院近代史研究所是从事近现代史和台湾史研究的学术机构。它成立于1959年，是台湾最早的专门研究历史的机构之一。
+
+近代史研究所致力于推动台湾近现代史和东亚地区近代史的研究，通过举办学术研讨会、出版学术刊物、培训年轻学者等活动来促进学术交流和知识传播。近代史研究所还收藏了大量与近代史和台湾史相关的文献和资料，为研究提供了重要的资源和支持。
+
+台湾中研院近代史研究所的网站提供了丰富的学术资源和信息，例如研究所介绍、学术活动、出版物、研究课题等，可以帮助学者和研究人员快速了解近代史研究所的情况和相关的学术动态。{{< /tab >}}
+
+{{< tab "资料库" >}}
+近代史研究所的网站提供了多种学术资源和资料库，例如：
+
+- 台湾史研究文献数据库
+- 二二八事件现场录音档案
+- 台湾研究通讯
+- 台湾文献精华
+- 台湾期刊文章索引
+
+利用这些资料库，学者和研究人员可以更加深入地了解台湾的历史和文化，从不同的角度和视角探寻台湾的过去、现在和未来。{{< /tab >}}
+
+{{< tab "研究动态" >}}
+近代史研究所的网站定期更新学术研究的动态和成果，例如：
+
+- 近代史研究所学术研讨会
+- 近代史研究所出版物
+- 近代史研究所研究课题
+- 近代史研究所年度报告
+
+这些信息和资讯反映了近代史研究所在学术研究和知识传播方面的成果和贡献，可以让学者和研究人员及时掌握最新的研究动态，促进学术交流和合作。{{< /tab >}}
+
+{{< tab "招生信息" >}}
+近代史研究所的网站提供了博士和硕士研究生的招生信息和入学资格要求。通过近代史研究所的招生，可以获得深入的学术知识和研究经验，培养综合性的研究能力和创新能力，为未来的学术和职业发展打下坚实的基础。{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [中国中俄关系史研究会](http://cnru.chinaau.com)
 
 {{< tabs "中国中俄关系史研究会" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+
+{{< tab "简介" >}}
+中国中俄关系史研究会是一个致力于促进中俄关系史研究和中俄文化交流的非营利性学术组织。这个学术组织由国内外中俄关系史专家和学者组成，致力于推动中俄文化和历史的研究和交流。
+
+中国中俄关系史研究会开展各种形式的学术研讨会、讲座、出版物等活动，促进中俄文化和历史的交流和互鉴。{{< /tab >}}
+
+{{< tab "目的" >}}
+中国中俄关系史研究会的主要目的是：
+- 推广中俄关系史和文化交流的研究，增进中俄两国人民的相互了解和友谊。
+- 扩大中俄文化和历史的交流和互鉴，促进中俄两国的共同发展。
+- 组织各种形式的学术研讨会、讲座、出版物等活动，促进中俄文化和历史的交流和互鉴。{{< /tab >}}
+
+{{< tab "活动内容" >}}
+中国中俄关系史研究会的主要活动内容包括：
+- 组织学术研讨会、讲座、座谈会等，邀请国内外中俄关系史和文化交流领域的专家和学者参加。
+- 出版中俄关系史和文化交流领域的学术著作，为相关研究提供理论和实践支持。
+- 组织中俄文化和历史的交流和互鉴活动，包括中俄文化艺术展览、音乐会、电影节等。
+- 开展中俄关系史和文化交流的调研工作，了解和记录中俄两国在历史和文化方面的交流和互鉴情况。{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [南京大学中华民国史研究中心](http://www.mgzx.com)（新版网页）
 
 {{< tabs "南京大学中华民国史研究中心" >}}
-{{< tab "简介" >}}[旧版网页](http://www.nju.edu.cn/njuc/dep/lishi/mgzx/index.html){{< /tab >}}
+
+{{< tab "简介" >}}
+南京大学中华民国史研究中心成立于 1983 年，是中国最早成立的中华民国史专业研究机构之一。中心的主要研究方向包括中国近现代史和中华民国史。
+
+中心在多个研究领域进行深入探索和研究，例如政治、军事、经济、文化、社会等。中心拥有多名专业的研究人员和教师，为学生和研究人员提供高水平的教育和研究机会。
+
+中心的网站提供了相关的研究成果、学术活动、教学资源、新闻动态等信息，可以让广大学生和研究人员了解和参与中心的活动和研究。
+
+**注意**：中心的旧版网页网址为 http://www.nju.edu.cn/njuc/dep/lishi/mgzx/index.html。
+{{< /tab >}}
+
+{{< tab "研究领域" >}}
+中心的研究领域包括：
+- 中国近现代史
+- 中华民国史
+- 政治、军事、经济、文化、社会等领域的研究
+{{< /tab >}}
+
+{{< tab "特色" >}}
+中心的一些特色是：
+- 中心的研究方向和范围广泛，可以让学生和研究人员了解和研究多个历史领域和问题。
+- 中心的师资力量雄厚，拥有多名专业的研究人员和教师，可以为学生和研究人员提供高水平的教育和研究机会。
+- 中心的网站提供了相关的研究成果、学术活动、教学资源、新闻动态等信息，可以方便广大学生和研究人员获取和分享有关中华民国史的知识和信息。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [中日网（南京师范大学南京大屠杀研究中心）](http://www.sjhistory.org/site/newxh/index.htm)
 
 {{< tabs "中日网（南京师范大学南京大屠杀研究中心）" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+
+{{< tab "简介" >}}
+中日网是南京师范大学南京大屠杀研究中心为了弘扬人道主义精神，提供更多关于南京大屠杀的历史和相关资料而设立的网站。
+
+中日网是一份非常珍贵的历史资料，它收录了南京大屠杀的丰富资料，包括历史文献、图片、视频、音频、留言版等。中日网还包括了南京大屠杀的相关展览、翻译和索引等，可以帮助人们更好地了解这段历史。
+
+中日网的主要目标是促进中日两国的友好与和平，防止重复历史的悲剧。它也是一个非常有教育价值的网站，可以帮助人们了解历史、珍惜和平、维护人类尊严。
+
+值得一提的是，中日网还提供了一些在线教育资源，例如南京大屠杀历史课程、电子书籍等，可以让人们更深入地了解和学习南京大屠杀的历史。
+{{< /tab >}}
+
+{{< tab "特色" >}}
+- 中日网收录了大量南京大屠杀的历史资料和文献，是一个非常珍贵的历史资料库。
+- 中日网的目标是促进中日两国的友好与和平，防止重复历史的悲剧。
+- 中日网提供了南京大屠杀的在线教育资源，例如历史课程和电子书籍等，可以帮助人们更深入地了解和学习南京大屠杀的历史。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [日本现代中国学会](http://wwwsoc.nii.ac.jp/jamcs/index.html)
 
 {{< tabs "日本现代中国学会" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+{{< tab "简介" >}}
+日本现代中国学会是一个学术组织，旨在研究现代和当代中国的政治、经济、社会、文化和国际关系等方面。
+
+该学会成立于1953年，至今已成为日本研究中国问题的主要学术组织之一。该学会的会员包括学者、教育工作者、政府官员、企业界人士等，他们都对中国问题有着浓厚的兴趣和研究。
+
+该学会定期举办学术研讨会、活动和出版物，以促进学者之间的交流和合作，推动中国问题的研究和探讨。
+{{< /tab >}}
+{{< tab "特点" >}}
+- 该学会研究中国问题的深度和广度较大，覆盖了多个领域和方面。
+- 该学会的会员包括多个领域和机构的学者和专家，他们的研究和经验可以互相借鉴和启发。
+- 该学会会员的国际化程度较高，可以促进跨国和跨文化的学术交流和合作。
+{{< /tab >}}
+{{< tab "缺点" >}}
+- 该学会的研究重点较为局限，主要关注现代和当代中国的问题，可能忽略了历史、传统和文化方面的研究。
+- 该学会的信息和资源主要面向学者和研究人员，可能对其他群体的影响和参与较小。
+{{< /tab >}}
 {{< /tabs >}}
 
 ### [早稻田大学中国外交史研究会](http://www.waseda-coe-cas.jp/project/minutes/index-3-14.html)
 
 {{< tabs "早稻田大学中国外交史研究会" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+
+{{< tab "简介" >}}
+早稻田大学中国外交史研究会是由早稻田大学东亚研究所设立的一个研究项目。该项目的主要研究方向是中国的外交史和东亚的国际关系。
+
+研究会的成员包括早稻田大学的教授和研究生，以及来自日本和其他国家的学者和专家。他们开展了多项研究项目，例如中国的冷战外交、中国与亚洲邻国的关系、中国的外交政策和策略等。
+
+研究会还定期举行研讨会、学术会议和讲座，与其他研究机构和学者进行合作和交流，以促进中国外交史和东亚国际关系的研究和交流。这是根据当前网页内容的简介。{{< /tab >}}
+
+{{< tab "成果" >}}
+研究会的一些成果和活动包括：
+- 发表了多篇学术论文、专著和研究报告，涵盖了中国的外交史和东亚国际关系的多个方面。
+- 组织了多个研讨会、学术会议和讲座，邀请了多位国内外知名学者和专家参与。
+- 与其他研究机构和学者进行了广泛的合作和交流，建立了一些国际合作项目和网络，促进了中国外交史和东亚国际关系的研究和交流。
+{{< /tab >}}
+
+{{< tab "影响" >}}
+早稻田大学中国外交史研究会在中国外交史和东亚国际关系的研究和交流方面有一定的影响力，例如：
+- 发表的学术论文和专著被广泛引用和应用于国内外相关学科和领域的研究和教学。
+- 组织的研讨会、学术会议和讲座被广泛关注和参与，推动了中国外交史和东亚国际关系的交流和合作。
+- 与其他研究机构和学者进行的合作和交流扩大了研究会的影响和国际影响力，促进了中国外交史和东亚国际关系的多元化和全球化。{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [中国社会科学院中国边疆史地研究中心](http://www.cass.net.cn/chinese/s32_bjzx/new_page_2.htm)
 
 {{< tabs "中国社会科学院中国边疆史地研究中心" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
-{{< /tabs >}}
 
-### [香港档案学会](http://www.archives.org.hk)
+{{< tab "简介" >}}
+中国社会科学院中国边疆史地研究中心是一个研究边疆历史和地理的学术机构。其研究包括边疆地区的历史、地理、民族、文化、经济、政治等方面内容。该机构的成立旨在准确地把握中国的边疆与邻国之间的真实关系，为政策制定提供准确的历史和现实资料。
+
+该机构拥有一支知识渊博、敬业奉献的专业学术队伍，同时建设了全方位的博物馆、图书馆、资料室等研究设施，以支持其学术研究、社会服务和政策咨询等工作。该中心的研究成果得到国内外学界的高度评价，其学术研究成果已成为中国边疆研究的重要参考资料之一。
+
+该机构的网站上还提供了很多关于边疆历史、地理、民族和文化等方面的学术论文、研究成果、书籍资料和资源链接，可以满足学术研究者和学生的需求。
+{{< /tab >}}
+
+{{< tab "研究领域" >}}
+中国社会科学院中国边疆史地研究中心的主要研究领域包括：
+
+- 中国历史上的边疆问题
+- 中外关系史及中亚、南亚、东南亚、西亚、中东等地区的历史和文化问题
+- 多民族和多文化地区的历史和文化问题
+- 全球化和区域性问题
+- 城市与地方发展问题
+- 生态环境与可持续发展问题
+- 与边疆有关的政策研究、社会调查和信息分析等
+
+该中心的研究主要侧重于边疆地区的历史、地理、民族、文化、经济、政治等方面，通过多学科和跨学科的研究方法，深入挖掘和分析边疆的历史和现实，为中国边疆地区的发展和政策制定提供理论和实践支持，为学术界和公众提供智力资源。
+{{< /tab >}}
+
+{{< tab "资源与出版物" >}}
+中国社会科学院中国边疆史地研究中心的网站上提供了大量的边疆研究资源和出版物，包括：
+
+- 学术论文和研究成果
+- 书籍和期刊
+- 资料和文献
+- 学术活动和研究项目
+- 研究队伍和学者介绍
+- 相关链接和资源
+这些资源可以为边疆研究者和学生提供宝贵的参考和学习资料，也可以为学术研究和政策制定提供支持和指导。
+{{< /tab >}}
 
-{{< tabs "香港档案学会" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
 {{< /tabs >}}
 
 ### [俄亥俄州立大学东亚语言文学系](http://deall.osu.edu)
 
 {{< tabs "俄亥俄州立大学东亚语言文学系" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+
+{{< tab "简介" >}}
+俄亥俄州立大学东亚语言文学系（Department of East Asian Languages and Literatures，简称DEALL）是俄亥俄州立大学的一个学院，这个系提供了各种各样的东亚语言学习资源。
+ 
+DEALL是俄亥俄州立大学文学院下设的一个系，主要关注东亚的语言和文学领域。DEALL 开设的课程包括中文、日本语和韩语，以及相关领域的文学和文化课程。DEALL 还提供了许多东亚文化和文学方面的讲座和活动，可以帮助学生深入了解这些国家的历史和文化。
+
+DEALL 的语言课程涵盖了各种层次和类型的课程，包括初级、中级、高级、口语、听力等。无论是在学校内还是在全球各地，DEALL都提供了丰富的学习资源。
+
+除了提供正规课程外，DEALL 还帮助学生进行研究，发表论文等，提高学生的科研能力和学术能力。
+{{< /tab >}}
+
+{{< tab "学科设置" >}}
+DEALL 提供了以下学习课程：
+- 中国语言文学
+- 韩国语言文学
+- 日本语言文学
+- 翻译研究
+- 语言学和民族学
+- 东亚文学翻译硕士
+{{< /tab >}}
+
+{{< tab "特色" >}}
+DEALL 的一些特色和亮点包括：
+- 提供多种东亚语言学习课程和相关课程；
+- 有一批热情的教师和导师，他们在语言和文学方面有着丰富的经验和历史；
+- 提供丰富多样的文化讲座和活动，有助于学生深入了解东亚文化和历史；
+- 提供多样化的学习资源和支持，如文献资料库、语言实验室、海外留学等；
+- 关注学生整体发展，为学生提供多种学科交叉学习和研究机会。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [澳大利亚国立大学亚洲太平洋历史研究](http://rspas.anu.edu.au/pah)
 
 {{< tabs "澳大利亚国立大学亚洲太平洋历史研究" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+{{< tab "简介" >}}
+澳大利亚国立大学亚洲太平洋历史研究（The Pacific and Asian History (PAH) program at The Australian National University）专注于亚太地区的历史和文化研究。它提供了各种课程、研究和出版物，帮助人们了解亚太地区的历史、政治、经济、文化和社会问题。
+
+PAH的研究领域包括了很多主题，例如亚太地区的殖民、战争、革命、民族主义、性别、环境、贸易、移民等。研究者使用了不同的方法和材料，例如历史文献、口述历史、人类学和社会学。
+
+PAH的课程包括了本科和研究生课程，例如亚太地区的历史、文化、政治、文学、电影等。它还提供了学术会议、讲座和研讨会，可以让学生和研究者分享他们的研究成果和思想。PAH还出版了一些权威的学术期刊和书籍，例如《太平洋研究》、《国际研究期刊》等。
+
+如果你对亚太地区的历史和文化感兴趣，PAH是一个非常有价值的资源。{{< /tab >}}
 {{< /tabs >}}
 
 ### [哥伦比亚大学东亚语言与文化系](http://www.columbia.edu/cu/ealac)
 
 {{< tabs "哥伦比亚大学东亚语言与文化系" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+
+{{< tab "简介" >}}
+哥伦比亚大学东亚语言与文化系（EALAC）是哥伦比亚大学的一个系，成立于1948年，旨在研究东亚的语言、文化、历史和社会等方面的问题。该系提供各种学位和证书的课程，例如本科、硕士和博士课程，以及东亚语言、文化、文学、历史和社会等方面的研究项目。
+
+EALAC的教职员工包括了许多知名的教授和学者，他们涉及了各种学科和领域，例如汉语、日语、朝鲜语、文学、文化、社会学等。EALAC的课程充满批判性和探索性，可以让学生深入了解东亚的语言、文化、文学和社会等方面的问题，开拓视野，增长知识。
+{{< /tab >}}
+
+{{< tab "特点" >}}
+EALAC的一些特点是：
+- 它是哥伦比亚大学的一个系，可以享受到该校的优质资源和声望。
+- 它提供了各种学位和证书的课程，可以满足不同学生的需求和兴趣。
+- 它有许多知名的教授和学者，他们涉及了各种学科和领域，可以提供丰富的教学和研究资源。
+- 它的课程充满批判性和探索性，可以让学生深入了解东亚的语言、文化、文学和社会等方面的问题，开拓视野，增长知识。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+EALAC的一些缺点可能是：
+- 它的课程可能只适合那些对东亚语言、文化、文学和社会等方面的问题感兴趣的学生。
+- 它需要考虑与哥伦比亚大学的其他课程和要求的兼容性，需要更多的时间和精力。
+- 它可能需要一些先修课程或背景知识，例如语言、历史、哲学等，否则可能会有一些困难。
+- 它可能需要一些费用和时间，特别是对于那些没有得到助学金或奖学金的学生。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ### [加州大学洛杉矶分校中国研究中心](http://www.isop.ucla.edu/ccs)
 
 {{< tabs "加州大学洛杉矶分校中国研究中心" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+
+{{< tab "简介" >}}
+加州大学洛杉矶分校中国研究中心（UCLA Center for Chinese Studies）成立于1963年，是一个研究中国的跨学科中心，旨在推广对中国历史、文化和社会的研究。该中心的研究范围包括人文学科、社会科学和自然科学等领域，主要关注中国的现代和当代问题，并与中国学术机构和学者进行合作和交流。
+
+加州大学洛杉矶分校中国研究中心的目标是成为全球研究中国最为重要和最具有影响力的中心之一，培养出高质量的学者和进行有意义的研究，推动中美之间的文化交流和理解。
+{{< /tab >}}
+
+{{< tab "特色" >}}
+加州大学洛杉矶分校中国研究中心的主要特色是：
+- 它是一个跨学科中心，涵盖了人文学科、社会科学和自然科学等领域，可以综合研究中国的历史、文化和社会问题。
+- 它关注中国的现代和当代问题，着重研究中国的发展和变革，可以洞察中国的未来走向。
+- 它与中国学术机构和学者进行合作和交流，可以分享研究成果和学术方法，并获得对中国的更深入理解。
+{{< /tab >}}
+
+{{< tab "活动" >}}
+加州大学洛杉矶分校中国研究中心的一些活动包括：
+- 研究项目和计划：该中心为学生和学者提供各种研究项目和计划，以促进对中国历史、文化和社会的研究。
+- 学术讲座和研讨会：该中心举办各种学术讲座和研讨会，邀请国内外专家和学者进行演讲和讨论，以促进中美之间的文化交流和理解。
+- 学生交换项目：该中心与中国多所高校和机构合作，促进学生交换项目和文化交流，以提高学生的综合素质和拓展国际视野。
+- 暑期课程和研讨会：该中心组织暑期课程和研讨会，以响应中国的重大问题和热点话题，促进学生和学者对中国问题的了解和探讨。
+{{< /tab >}}
+
 {{< /tabs >}}

content.zh/docs/学术资源/学科在线资源/通用/_index.md

@@ -46,35 +46,175 @@
 ## [Seneca](https://app.senecalearning.com/courses)
 
 {{< tabs "Seneca" >}}
-{{< tab "简介" >}}待办{{< /tab >}}
+
+{{< tab "简介" >}}Seneca是一个在线学习平台，它提供了各种科目的免费课程，例如数学、英语、物理、化学、生物、历史等。Seneca的课程使用了一种基于认知科学的教学方法，可以帮助学生提高记忆力和理解力。Seneca的课程适合不同年级和水平的学生，从小学到高中，从初级到高级。Seneca还提供了一些专业课程，例如会计、商业、法律等。{{< /tab >}}
+
+{{< tab "优点" >}}
+Seneca的一些优点是：
+- 它是免费的，不需要付费或订阅。
+- 它涵盖了多种科目和课程，可以满足不同学生的需求和兴趣。
+- 它使用了一种基于认知科学的教学方法，可以帮助学生提高记忆力和理解力。
+- 它提供了即时反馈和进度跟踪，可以让学生知道自己的学习情况和进步。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+Seneca的一些缺点可能是：
+- 它需要稳定的网络连接和设备，否则可能会影响学习体验。
+- 它可能不能完全替代传统的教师和课堂，因为它缺乏人际互动和个性化指导。
+- 它可能不适合所有的学习风格和偏好，因为它主要使用了文本和图片的形式。
+- 它可能有一些内容或质量的问题，因为它是由志愿者和合作伙伴提供的。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ## [edX](https://www.edx.org/)
 
 {{< tabs "EDX" >}}
-{{< tab "简介" >}}麻省理工和哈佛大学的大规模开放在线课堂平台，大部分是英文的，但可以听清华、北大、香港大学、香港科技大学的课程。{{< /tab >}}
+
+{{< tab "简介" >}}
+edX是一个在线学习平台，它提供了来自世界各地顶尖大学和机构的高质量课程，例如哈佛大学、麻省理工学院、斯坦福大学等。
+
+edX的课程涵盖了各种主题和领域，例如计算机科学、人工智能、商业管理、语言学习等。
+
+edX的课程可以让学习者获得知识和技能，甚至可以获得认证或学分。edX的课程有不同的难度和长度，可以根据学习者的目标和时间安排进行选择。这是根据当前网页内容的简介。{{< /tab >}}
+
+{{< tab "优点" >}}
+edX的一些优点是：
+- 它提供了来自世界各地顶尖大学和机构的高质量课程，可以让学习者接触到最新的知识和技术。
+- 它涵盖了各种主题和领域，可以满足不同学习者的需求和兴趣。
+- 它可以让学习者获得认证或学分，可以提升自己的简历和职业发展。
+- 它有不同的难度和长度的课程，可以根据学习者的目标和时间安排进行选择。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+edX的一些缺点可能是：
+- 它有一些课程是收费的，需要付费或订阅才能获得完整的内容和服务。
+- 它有一些课程是有截止日期的，需要按照规定的时间完成作业和考试，否则可能会失去学习机会或成绩。
+- 它可能不能完全替代传统的教师和课堂，因为它缺乏人际互动和个性化指导。
+- 它可能不适合所有的学习风格和偏好，因为它主要使用了视频和文本的形式。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ## [Physics & Maths Tutor](https://www.physicsandmathstutor.com/)
 
 {{< tabs "Physics & Maths Tutor" >}}
-{{< tab "简介" >}}包括 IGCSE 和 A-Level 不同学科的详细笔记。{{< /tab >}}
+
+{{< tab "简介" >}}
+Physics & Maths Tutor 是一个在线学习平台，主要提供了IGCSE和A-Level数学，物理，化学等科目的资源和笔记。它的笔记内容非常详细和充实，可以作为备考资料或课堂辅助教材。
+
+除了笔记外，Physics & Maths Tutor 还提供了各种学科的习题、试卷、答案和解析。它的资源可以帮助学生深入理解知识点，并提升解题能力。
+
+注意到该网站最近更新时间较早，仅供参考。{{< /tab >}}
+
+{{< tab "优点" >}}
+Physics & Maths Tutor 的一些优点是：
+- 它提供了一些优质的IGCSE和A-Level数学、物理和化学等科目的资源和笔记。
+- 它的笔记内容非常详细和充实，可以帮助学生深入理解知识点，并提高成绩。
+- 它的试卷、答案和解析可以帮助学生更好地评估自己的掌握程度和解题能力。
+- 它是免费的，可以供所有学生和教师免费使用。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+Physics & Maths Tutor 的一些缺点可能是：
+- 它的更新时间较早，可能不能覆盖最新的考试标准和内容。
+- 它的资源可能不够全面和完善，不能替代传统的教师和课堂。
+- 它可能不适合所有的学习风格和偏好，因为它主要使用了文本的形式。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ## [Pastpapers.co](https://pastpapers.co/cie/)
 
 {{< tabs "Pastpapers.co" >}}
-{{< tab "简介" >}}提供过去试卷和评分表的网站。{{< /tab >}}
+
+{{< tab "简介" >}}
+Pastpapers.co是一个在线学习资源网站，提供来自许多不同地区和考试委员会的过去试题和评分表。这些资源可以帮助学生了解考试的形式和结构，并测试他们的知识和技能。该网站提供的资源主要针对国际考试，例如CIE、AQA和Edexcel等。
+
+Pastpapers.co的资源涵盖了许多不同的学科和主题，包括数学、科学、人文、语言和商业等。学生可以根据自己的需要和兴趣来选择适合自己的资源，以提高他们的考试成绩和学习效果。
+
+{{< /tab >}}
+
+{{< tab "优点" >}}
+Pastpapers.co的一些优点是：
+- 它提供了来自许多不同地区和考试委员会的过去试题和评分表，可以提供全面的复习材料。
+- 它涵盖了许多不同的学科和主题，可以满足不同学生的需求和兴趣。
+- 它可以让学生了解考试的形式和结构，并测试他们的知识和技能。
+- 它是免费的，任何人都可以访问和使用它提供的资源。
+
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+Pastpapers.co的一些缺点可能是：
+- 它提供的资源可能不够完整或准确，因为它是由志愿者和合作伙伴提供的。
+- 它可能涵盖的不是所有的学科和主题，不能满足所有学生的需求和兴趣。
+- 它可能不能完全替代传统的教师和教学资源，缺乏人际互动和个性化指导。
+- 它可能不能提供及时和有效的帮助，因为它是一个自助式的网站。
+
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ## [Professor Dave Explains](https://www.youtube.com/c/ProfessorDaveExplains/playlists)
 
 {{< tabs "Professor Dave Explains" >}}
-{{< tab "简介" >}}涵盖人文科学到自然科学知识的 YouTube 频道。特别推荐有关生物和化学的内容。{{< /tab >}}
+
+{{< tab "简介" >}}
+Professor Dave Explains 是一个教育类的YouTube频道，旨在向观众传授各科学科的知识。该频道涵盖了从人文科学到自然科学的课程，包括物理学、化学、数学和生物学等学科。该频道由教育专家David Chandler博士（也称为Professor Dave）创办。
+
+Professor Dave的课程基于他在教育领域的经验和专业知识，旨在提供一个易于理解和富有启发性的学习环境。他的视频通常采用幽默的风格以及动画和演示文稿等多媒体元素，帮助学生更好地理解并记忆所学内容。
+
+特别是，Professor Dave在生物和化学领域拥有大量的知识，向学生传授了很多关于这些学科的复杂概念的内容。
+
+该频道提供了数百个视频的课程列表，让学生可以方便地根据自己的需求和学习进度进行学习。
+{{< /tab >}}
+
+{{< tab "优点" >}}
+Professor Dave Explains频道的一些优点是：
+- 视频的长度都比较短，大多时长在10分钟以内，短小精悍。
+- 能够涵盖从人文科学到自然科学的许多学科的知识。
+- 非常通俗易懂，适合初学者。
+- 视频内容以及教学风格十分生动有趣。
+
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+Professor Dave Explains频道的一些缺点可能是：
+- 该频道对于某些话题的介绍可能不够深入。
+- 不同的视频质量可能会有所不同。
+- 部分画面可能仍属于低配可及的范畴。
+{{< /tab >}}
+
 {{< /tabs >}}
 
 ## [Coursera](https://www.coursera.org/)
 
 {{< tabs "Coursera" >}}
-{{< tab "简介" >}}这是一个网站，提供免费和付费的高阶课程和在线学位，涵盖许多领域，来自世界上著名大学的教授。{{< /tab >}}
+
+{{< tab "简介" >}}
+Coursera是一个在线学习平台，它提供了来自世界各地著名大学和机构的课程和项目，例如斯坦福大学、宾夕法尼亚大学、耶鲁大学等。
+
+Coursera的课程和项目涵盖了各种主题和领域，例如计算机科学、商业管理、数据科学、社会科学等，可以让学习者掌握最新的知识和技能。除了单一的课程外，Coursera还提供了一些在线学位和证书课程，可以获得认证或学分。
+
+Coursera的课程和项目具有灵活性，学习者可以根据自己的兴趣和时间安排进行选择、学习，培养和提升自己的技能和职业发展。此外，Coursera还提供了不同的学习工具和资源，例如提交作业、讨论论坛、自测等，可以帮助学习者深入理解和掌握课程内容。
+
+Coursera还与一些企业和政府合作，提供了一些企业内培训和职业发展的项目，帮助人们提升自己的技能和就业竞争力。{{< /tab >}}
+
+{{< tab "优点" >}}
+Coursera的一些优点是：
+- 它提供了来自世界各地著名大学和机构的高质量课程和项目，可以让学习者接触到最新的知识和技术。
+- 它涵盖了各种主题和领域，可以满足不同学习者的需求和兴趣。
+- 它可以让学习者获得认证或学分，可以提升自己的简历和职业发展。
+- 它提供了各种学习工具和资源，可以帮助学习者深入理解和掌握课程内容。
+- 它有灵活的学习安排，可以根据学习者的兴趣和时间安排进行选择。
+{{< /tab >}}
+
+{{< tab "缺点" >}}
+Coursera的一些缺点可能是：
+- 它有一些课程和项目是收费的，需要付费或订阅才能获得完整的内容和服务。
+- 它有一些课程和项目有限制，例如截止日期、学习时间和学习方式等，需要适应其中的限制。
+- 由于有许多讨论和练习，学习上需要花费较多的时间，对于学业较忙的人可能影响较大。
+- 有时候需要花费许多时间，尤其是“毕业”需要达到一定的条件，并且它可能并不适用于所有的学习风格和偏好。
+{{< /tab >}}
+
 {{< /tabs >}}

content.zh/menu/_index.md

@@ -9,5 +9,5 @@ headless: true
 <br />
 
 - [**先进工具**]({{< relref "/docs/先进工具/" >}})
-  - [GPT系列]({{< relref "/docs/先进工具/GPT系列/" >}})
+  - [LLM系列]({{< relref "/docs/先进工具/LLM系列/" >}})
 <br />

public/404.html

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="404 Page not found" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/404.html" />
+<title>404 Page not found | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+    <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+
+    <style>
+      .not-found {
+        text-align: center;
+      }
+      .not-found h1 {
+        margin: .25em 0 0 0;
+        opacity: .25;
+        font-size: 40vmin;
+      }
+    </style>
+  </head>
+
+  <body>
+    <main class="flex justify-center not-found">
+      <div>
+        <h1>404</h1>
+        <h2>Page Not Found</h2>
+        <h3>
+          <a href="/">Academic Resources</a>
+        </h3>
+      </div>
+    </main>
+
+    <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+  </body>
+
+  </html>

public/categories/development/index.html

@@ -0,0 +1,418 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="Development" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/categories/development/" />
+<title>Development | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/categories/development/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Development</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  <nav>
+  <ul>
+  
+    
+    <li class="book-section-flat">
+      <strong>Categories</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/categories/development/">Development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/categories/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+    
+    <li class="book-section-flat">
+      <strong>Tags</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/tags/development/">development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/go/">go</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/hugo/">hugo</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/templates/">templates</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/themes/">themes</a>
+          <span>1</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+  </ul>
+</nav>
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  
+  <article class="markdown book-post">
+    <h2>
+      <a href="/posts/goisforlovers/">(Hu)go Template Primer</a>
+    </h2>
+    
+  <h5>April 2, 2014</h5>
+
+
+
+  
+  <div>
+    
+      <a href="/categories/development/">Development</a>, 
+      <a href="/categories/golang/">golang</a>
+  </div>
+  
+
+  
+  <div>
+    
+      <a href="/tags/go/">go</a>, 
+      <a href="/tags/golang/">golang</a>, 
+      <a href="/tags/templates/">templates</a>, 
+      <a href="/tags/themes/">themes</a>, 
+      <a href="/tags/development/">development</a>
+  </div>
+  
+
+
+
+
+    <p>Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in Go templates.
+This document is a brief primer on using Go templates.
+        <a href="/posts/goisforlovers/">...</a>
+      
+    </p>
+  </article>
+  
+  <article class="markdown book-post">
+    <h2>
+      <a href="/posts/hugoisforlovers/">Getting Started with Hugo</a>
+    </h2>
+    
+  <h5>April 2, 2014</h5>
+
+
+
+  
+  <div>
+    
+      <a href="/categories/development/">Development</a>, 
+      <a href="/categories/golang/">golang</a>
+  </div>
+  
+
+  
+  <div>
+    
+      <a href="/tags/go/">go</a>, 
+      <a href="/tags/golang/">golang</a>, 
+      <a href="/tags/hugo/">hugo</a>, 
+      <a href="/tags/development/">development</a>
+  </div>
+  
+
+
+
+
+    <p>Step 1. Install Hugo # Go to Hugo releases and download the appropriate version for your OS and architecture.
+Save it somewhere specific as we will be using it in the next step.
+More complete instructions are available at Install Hugo
+Step 2. Build the Docs # Hugo has its own example site which happens to also be the documentation site you are reading right now.
+Follow the following steps:
+        <a href="/posts/hugoisforlovers/">...</a>
+      
+    </p>
+  </article>
+  
+
+  
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  <nav>
+  <ul>
+  
+    
+    <li class="book-section-flat">
+      <strong>Categories</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/categories/development/">Development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/categories/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+    
+    <li class="book-section-flat">
+      <strong>Tags</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/tags/development/">development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/go/">go</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/hugo/">hugo</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/templates/">templates</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/themes/">themes</a>
+          <span>1</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+  </ul>
+</nav>
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/categories/development/index.xml

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Development on Academic Resources</title>
+    <link>https://academics.jamesflare.com/categories/development/</link>
+    <description>Recent content in Development on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language>
+    <lastBuildDate>Wed, 02 Apr 2014 00:00:00 +0000</lastBuildDate><atom:link href="https://academics.jamesflare.com/categories/development/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>(Hu)go Template Primer</title>
+      <link>https://academics.jamesflare.com/posts/goisforlovers/</link>
+      <pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/posts/goisforlovers/</guid>
+      <description>Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in Go templates.
+This document is a brief primer on using Go templates.</description>
+    </item>
+    
+    <item>
+      <title>Getting Started with Hugo</title>
+      <link>https://academics.jamesflare.com/posts/hugoisforlovers/</link>
+      <pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/posts/hugoisforlovers/</guid>
+      <description>Step 1. Install Hugo # Go to Hugo releases and download the appropriate version for your OS and architecture.
+Save it somewhere specific as we will be using it in the next step.
+More complete instructions are available at Install Hugo
+Step 2. Build the Docs # Hugo has its own example site which happens to also be the documentation site you are reading right now.
+Follow the following steps:</description>
+    </item>
+    
+  </channel>
+</rss>

public/categories/development/page/1/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <title>https://academics.jamesflare.com/categories/development/</title>
+    <link rel="canonical" href="https://academics.jamesflare.com/categories/development/">
+    <meta name="robots" content="noindex">
+    <meta charset="utf-8">
+    <meta http-equiv="refresh" content="0; url=https://academics.jamesflare.com/categories/development/">
+  </head>
+</html>

public/categories/golang/index.html

@@ -0,0 +1,418 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="golang" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/categories/golang/" />
+<title>golang | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/categories/golang/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>golang</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  <nav>
+  <ul>
+  
+    
+    <li class="book-section-flat">
+      <strong>Categories</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/categories/development/">Development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/categories/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+    
+    <li class="book-section-flat">
+      <strong>Tags</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/tags/development/">development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/go/">go</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/hugo/">hugo</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/templates/">templates</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/themes/">themes</a>
+          <span>1</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+  </ul>
+</nav>
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  
+  <article class="markdown book-post">
+    <h2>
+      <a href="/posts/goisforlovers/">(Hu)go Template Primer</a>
+    </h2>
+    
+  <h5>April 2, 2014</h5>
+
+
+
+  
+  <div>
+    
+      <a href="/categories/development/">Development</a>, 
+      <a href="/categories/golang/">golang</a>
+  </div>
+  
+
+  
+  <div>
+    
+      <a href="/tags/go/">go</a>, 
+      <a href="/tags/golang/">golang</a>, 
+      <a href="/tags/templates/">templates</a>, 
+      <a href="/tags/themes/">themes</a>, 
+      <a href="/tags/development/">development</a>
+  </div>
+  
+
+
+
+
+    <p>Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in Go templates.
+This document is a brief primer on using Go templates.
+        <a href="/posts/goisforlovers/">...</a>
+      
+    </p>
+  </article>
+  
+  <article class="markdown book-post">
+    <h2>
+      <a href="/posts/hugoisforlovers/">Getting Started with Hugo</a>
+    </h2>
+    
+  <h5>April 2, 2014</h5>
+
+
+
+  
+  <div>
+    
+      <a href="/categories/development/">Development</a>, 
+      <a href="/categories/golang/">golang</a>
+  </div>
+  
+
+  
+  <div>
+    
+      <a href="/tags/go/">go</a>, 
+      <a href="/tags/golang/">golang</a>, 
+      <a href="/tags/hugo/">hugo</a>, 
+      <a href="/tags/development/">development</a>
+  </div>
+  
+
+
+
+
+    <p>Step 1. Install Hugo # Go to Hugo releases and download the appropriate version for your OS and architecture.
+Save it somewhere specific as we will be using it in the next step.
+More complete instructions are available at Install Hugo
+Step 2. Build the Docs # Hugo has its own example site which happens to also be the documentation site you are reading right now.
+Follow the following steps:
+        <a href="/posts/hugoisforlovers/">...</a>
+      
+    </p>
+  </article>
+  
+
+  
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  <nav>
+  <ul>
+  
+    
+    <li class="book-section-flat">
+      <strong>Categories</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/categories/development/">Development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/categories/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+    
+    <li class="book-section-flat">
+      <strong>Tags</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/tags/development/">development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/go/">go</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/hugo/">hugo</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/templates/">templates</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/themes/">themes</a>
+          <span>1</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+  </ul>
+</nav>
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/categories/golang/index.xml

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>golang on Academic Resources</title>
+    <link>https://academics.jamesflare.com/categories/golang/</link>
+    <description>Recent content in golang on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language>
+    <lastBuildDate>Wed, 02 Apr 2014 00:00:00 +0000</lastBuildDate><atom:link href="https://academics.jamesflare.com/categories/golang/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>(Hu)go Template Primer</title>
+      <link>https://academics.jamesflare.com/posts/goisforlovers/</link>
+      <pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/posts/goisforlovers/</guid>
+      <description>Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in Go templates.
+This document is a brief primer on using Go templates.</description>
+    </item>
+    
+    <item>
+      <title>Getting Started with Hugo</title>
+      <link>https://academics.jamesflare.com/posts/hugoisforlovers/</link>
+      <pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/posts/hugoisforlovers/</guid>
+      <description>Step 1. Install Hugo # Go to Hugo releases and download the appropriate version for your OS and architecture.
+Save it somewhere specific as we will be using it in the next step.
+More complete instructions are available at Install Hugo
+Step 2. Build the Docs # Hugo has its own example site which happens to also be the documentation site you are reading right now.
+Follow the following steps:</description>
+    </item>
+    
+  </channel>
+</rss>

public/categories/golang/page/1/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <title>https://academics.jamesflare.com/categories/golang/</title>
+    <link rel="canonical" href="https://academics.jamesflare.com/categories/golang/">
+    <meta name="robots" content="noindex">
+    <meta charset="utf-8">
+    <meta http-equiv="refresh" content="0; url=https://academics.jamesflare.com/categories/golang/">
+  </head>
+</html>

public/categories/index.html

@@ -0,0 +1,383 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="Categories" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/categories/" />
+<title>Categories | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="zh" href="https://academics.jamesflare.com/zh/categories/" title="Categories">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/categories/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+  
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/categories/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Categories</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  <nav>
+  <ul>
+  
+    
+    <li class="book-section-flat">
+      <strong>Categories</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/categories/development/">Development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/categories/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+    
+    <li class="book-section-flat">
+      <strong>Tags</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/tags/development/">development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/go/">go</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/hugo/">hugo</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/templates/">templates</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/themes/">themes</a>
+          <span>1</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+  </ul>
+</nav>
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  
+  <article class="markdown book-post">
+    <h2>
+      <a href="/categories/development/">Development</a>
+    </h2>
+    
+  <h5>April 2, 2014</h5>
+
+
+
+  
+
+  
+
+
+
+
+    <p>
+    </p>
+  </article>
+  
+  <article class="markdown book-post">
+    <h2>
+      <a href="/categories/golang/">golang</a>
+    </h2>
+    
+  <h5>April 2, 2014</h5>
+
+
+
+  
+
+  
+
+
+
+
+    <p>
+    </p>
+  </article>
+  
+
+  
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  <nav>
+  <ul>
+  
+    
+    <li class="book-section-flat">
+      <strong>Categories</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/categories/development/">Development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/categories/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+    
+    <li class="book-section-flat">
+      <strong>Tags</strong>
+      <ul>
+      
+        <li class="flex justify-between">
+          <a href="/tags/development/">development</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/go/">go</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/golang/">golang</a>
+          <span>2</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/hugo/">hugo</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/templates/">templates</a>
+          <span>1</span>
+        </li>
+      
+        <li class="flex justify-between">
+          <a href="/tags/themes/">themes</a>
+          <span>1</span>
+        </li>
+      
+      </ul>
+    </li>
+    
+  
+  </ul>
+</nav>
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/categories/index.xml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Categories on Academic Resources</title>
+    <link>https://academics.jamesflare.com/categories/</link>
+    <description>Recent content in Categories on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language>
+    <lastBuildDate>Wed, 02 Apr 2014 00:00:00 +0000</lastBuildDate><atom:link href="https://academics.jamesflare.com/categories/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>Development</title>
+      <link>https://academics.jamesflare.com/categories/development/</link>
+      <pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/categories/development/</guid>
+      <description></description>
+    </item>
+    
+    <item>
+      <title>golang</title>
+      <link>https://academics.jamesflare.com/categories/golang/</link>
+      <pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/categories/golang/</guid>
+      <description></description>
+    </item>
+    
+  </channel>
+</rss>

public/categories/page/1/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <title>https://academics.jamesflare.com/categories/</title>
+    <link rel="canonical" href="https://academics.jamesflare.com/categories/">
+    <meta name="robots" content="noindex">
+    <meta charset="utf-8">
+    <meta http-equiv="refresh" content="0; url=https://academics.jamesflare.com/categories/">
+  </head>
+</html>

public/docs/example/collapsed/3rd-level/4th-level/index.html

@@ -0,0 +1,261 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="4th Level of Menu # Caesorum illa tu sentit micat vestes papyriferi # Inde aderam facti; Theseus vis de tauri illa peream. Oculos uberaque non regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo; gestanda nitidi, vero? Dum ne pectoraque testantur.
+Venasque repulsa Samos qui, exspectatum eram animosque hinc, aut manes, Assyrii. Cupiens auctoribus pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae iusto!">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="4th Level of Menu # Caesorum illa tu sentit micat vestes papyriferi # Inde aderam facti; Theseus vis de tauri illa peream. Oculos uberaque non regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo; gestanda nitidi, vero? Dum ne pectoraque testantur.
+Venasque repulsa Samos qui, exspectatum eram animosque hinc, aut manes, Assyrii. Cupiens auctoribus pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae iusto!" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/example/collapsed/3rd-level/4th-level/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>4th Level | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>4th Level</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#caesorum-illa-tu-sentit-micat-vestes-papyriferi">Caesorum illa tu sentit micat vestes papyriferi</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="4th-level-of-menu">
+  4th Level of Menu
+  <a class="anchor" href="#4th-level-of-menu">#</a>
+</h1>
+<h2 id="caesorum-illa-tu-sentit-micat-vestes-papyriferi">
+  Caesorum illa tu sentit micat vestes papyriferi
+  <a class="anchor" href="#caesorum-illa-tu-sentit-micat-vestes-papyriferi">#</a>
+</h2>
+<p>Inde aderam facti; Theseus vis de tauri illa peream. Oculos <strong>uberaque</strong> non
+regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo;
+gestanda nitidi, vero? Dum ne pectoraque testantur.</p>
+<p>Venasque repulsa Samos qui, exspectatum eram animosque hinc, <a href="http://www.creveratnon.net/apricaaetheriis">aut
+manes</a>, Assyrii. Cupiens auctoribus
+pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae
+iusto! Sedes ante dum superest <strong>extrema</strong>.</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/example/collapsed/3rd-level/4th-level.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#caesorum-illa-tu-sentit-micat-vestes-papyriferi">Caesorum illa tu sentit micat vestes papyriferi</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/example/collapsed/3rd-level/index.html

@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="3rd Level of Menu # Nefas discordemque domino montes numen tum humili nexilibusque exit, Iove. Quae miror esse, scelerisque Melaneus viribus. Miseri laurus. Hoc est proposita me ante aliquid, aura inponere candidioribus quidque accendit bella, sumpta. Intravit quam erat figentem hunc, motus de fontes parvo tempestate.
+iscsi_virus = pitch(json_in_on(eupViral),
+northbridge_services_troubleshooting, personal(
+firmware_rw.trash_rw_crm.device(interactive_gopher_personal,
+software, -1), megabit, ergonomicsSoftware(cmyk_usb_panel,
+mips_whitelist_duplex, cpa)));
+if (5) {
+managementNetwork &#43;= dma - boolean;
+kilohertz_token = 2;
+honeypot_affiliate_ergonomics = fiber;
+}
+mouseNorthbridge = byte(nybble_xmp_modem.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/example/collapsed/3rd-level/" />
+<title>3rd Level | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/example/collapsed/3rd-level/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>3rd Level</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents"></nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="3rd-level-of-menu">
+  3rd Level of Menu
+  <a class="anchor" href="#3rd-level-of-menu">#</a>
+</h1>
+<p>Nefas discordemque domino montes numen tum humili nexilibusque exit, Iove. Quae
+miror esse, scelerisque Melaneus viribus. Miseri laurus. Hoc est proposita me
+ante aliquid, aura inponere candidioribus quidque accendit bella, sumpta.
+Intravit quam erat figentem hunc, motus de fontes parvo tempestate.</p>
+<pre><code>iscsi_virus = pitch(json_in_on(eupViral),
+        northbridge_services_troubleshooting, personal(
+        firmware_rw.trash_rw_crm.device(interactive_gopher_personal,
+        software, -1), megabit, ergonomicsSoftware(cmyk_usb_panel,
+        mips_whitelist_duplex, cpa)));
+if (5) {
+    managementNetwork += dma - boolean;
+    kilohertz_token = 2;
+    honeypot_affiliate_ergonomics = fiber;
+}
+mouseNorthbridge = byte(nybble_xmp_modem.horse_subnet(
+        analogThroughputService * graphicPoint, drop(daw_bit, dnsIntranet),
+        gateway_ospf), repository.domain_key.mouse(serverData(fileNetwork,
+        trim_duplex_file), cellTapeDirect, token_tooltip_mashup(
+        ripcordingMashup)));
+module_it = honeypot_driver(client_cold_dvr(593902, ripping_frequency) +
+        coreLog.joystick(componentUdpLink), windows_expansion_touchscreen);
+bashGigabit.external.reality(2, server_hardware_codec.flops.ebookSampling(
+        ciscNavigationBacklink, table + cleanDriver), indexProtocolIsp);
+</code></pre>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/example/collapsed/3rd-level/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents"></nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+

public/docs/example/collapsed/3rd-level/index.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/example/collapsed/3rd-level/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/example/collapsed/3rd-level/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/example/collapsed/3rd-level/4th-level/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/example/collapsed/3rd-level/4th-level/</guid>
+      <description>4th Level of Menu # Caesorum illa tu sentit micat vestes papyriferi # Inde aderam facti; Theseus vis de tauri illa peream. Oculos uberaque non regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo; gestanda nitidi, vero? Dum ne pectoraque testantur.
+Venasque repulsa Samos qui, exspectatum eram animosque hinc, aut manes, Assyrii. Cupiens auctoribus pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae iusto!</description>
+    </item>
+    
+  </channel>
+</rss>

public/docs/example/collapsed/index.html

@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/example/collapsed/" />
+<title>Collapsed | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/example/collapsed/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Collapsed</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents"></nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"></article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/example/collapsed/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents"></nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/example/collapsed/index.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/example/collapsed/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/example/collapsed/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/docs/example/hidden/index.html

@@ -0,0 +1,306 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="This page is hidden in menu # Quondam non pater est dignior ille Eurotas # Latent te facies # Lorem markdownum arma ignoscas vocavit quoque ille texit mandata mentis ultimus, frementes, qui in vel. Hippotades Peleus pennas conscia cuiquam Caeneus quas.
+Pater demittere evincitque reddunt Maxime adhuc pressit huc Danaas quid freta Soror ego Luctus linguam saxa ultroque prior Tatiumque inquit Saepe liquitur subita superata dederat Anius sudor Cum honorum Latona # O fallor in sustinui iussorum equidem.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="This page is hidden in menu # Quondam non pater est dignior ille Eurotas # Latent te facies # Lorem markdownum arma ignoscas vocavit quoque ille texit mandata mentis ultimus, frementes, qui in vel. Hippotades Peleus pennas conscia cuiquam Caeneus quas.
+Pater demittere evincitque reddunt Maxime adhuc pressit huc Danaas quid freta Soror ego Luctus linguam saxa ultroque prior Tatiumque inquit Saepe liquitur subita superata dederat Anius sudor Cum honorum Latona # O fallor in sustinui iussorum equidem." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/example/hidden/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Hidden | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Hidden</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#latent-te-facies">Latent te facies</a></li>
+    <li><a href="#cum-honorum-latona">Cum honorum Latona</a></li>
+    <li><a href="#fronde-cetera-dextrae-sequens-pennis-voce-muneris">Fronde cetera dextrae sequens pennis voce muneris</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="this-page-is-hidden-in-menu">
+  This page is hidden in menu
+  <a class="anchor" href="#this-page-is-hidden-in-menu">#</a>
+</h1>
+<h1 id="quondam-non-pater-est-dignior-ille-eurotas">
+  Quondam non pater est dignior ille Eurotas
+  <a class="anchor" href="#quondam-non-pater-est-dignior-ille-eurotas">#</a>
+</h1>
+<h2 id="latent-te-facies">
+  Latent te facies
+  <a class="anchor" href="#latent-te-facies">#</a>
+</h2>
+<p>Lorem markdownum arma ignoscas vocavit quoque ille texit mandata mentis ultimus,
+frementes, qui in vel. Hippotades Peleus <a href="http://gratia.net/tot-qua.php">pennas
+conscia</a> cuiquam Caeneus quas.</p>
+<ul>
+<li>Pater demittere evincitque reddunt</li>
+<li>Maxime adhuc pressit huc Danaas quid freta</li>
+<li>Soror ego</li>
+<li>Luctus linguam saxa ultroque prior Tatiumque inquit</li>
+<li>Saepe liquitur subita superata dederat Anius sudor</li>
+</ul>
+<h2 id="cum-honorum-latona">
+  Cum honorum Latona
+  <a class="anchor" href="#cum-honorum-latona">#</a>
+</h2>
+<p>O fallor <a href="http://www.spectataharundine.org/aquas-relinquit.html">in sustinui
+iussorum</a> equidem.
+Nymphae operi oris alii fronde parens dumque, in auro ait mox ingenti proxima
+iamdudum maius?</p>
+<pre><code>reality(burnDocking(apache_nanometer),
+        pad.property_data_programming.sectorBrowserPpga(dataMask, 37,
+        recycleRup));
+intellectualVaporwareUser += -5 * 4;
+traceroute_key_upnp /= lag_optical(android.smb(thyristorTftp));
+surge_host_golden = mca_compact_device(dual_dpi_opengl, 33,
+        commerce_add_ppc);
+if (lun_ipv) {
+    verticalExtranet(1, thumbnail_ttl, 3);
+    bar_graphics_jpeg(chipset - sector_xmp_beta);
+}
+</code></pre>
+<h2 id="fronde-cetera-dextrae-sequens-pennis-voce-muneris">
+  Fronde cetera dextrae sequens pennis voce muneris
+  <a class="anchor" href="#fronde-cetera-dextrae-sequens-pennis-voce-muneris">#</a>
+</h2>
+<p>Acta cretus diem restet utque; move integer, oscula non inspirat, noctisque
+scelus! Nantemque in suas vobis quamvis, et labori!</p>
+<pre><code>var runtimeDiskCompiler = home - array_ad_software;
+if (internic &gt; disk) {
+    emoticonLockCron += 37 + bps - 4;
+    wan_ansi_honeypot.cardGigaflops = artificialStorageCgi;
+    simplex -= downloadAccess;
+}
+var volumeHardeningAndroid = pixel + tftp + onProcessorUnmount;
+sector(memory(firewire + interlaced, wired));</code></pre>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/example/hidden.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#latent-te-facies">Latent te facies</a></li>
+    <li><a href="#cum-honorum-latona">Cum honorum Latona</a></li>
+    <li><a href="#fronde-cetera-dextrae-sequens-pennis-voce-muneris">Fronde cetera dextrae sequens pennis voce muneris</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/example/index.html

@@ -0,0 +1,322 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Introduction # Ferre hinnitibus erat accipitrem dixi Troiae tollens # Lorem markdownum, a quoque nutu est quodcumque mandasset veluti. Passim inportuna totidemque nympha fert; repetens pendent, poenarum guttura sed vacet non, mortali undas. Omnis pharetramque gramen portentificisque membris servatum novabis fallit de nubibus atque silvas mihi. Dixit repetitaque Quid; verrit longa; sententia mandat quascumque nescio solebat litore; noctes. Hostem haerentem circuit plenaque tamen.
+Pedum ne indigenae finire invergens carpebat Velit posses summoque De fumos illa foret Est simul fameque tauri qua ad # Locum nullus nisi vomentes.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="Example Site" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/example/" />
+<title>Example Site | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/example/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Example Site</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#ferre-hinnitibus-erat-accipitrem-dixi-troiae-tollens">Ferre hinnitibus erat accipitrem dixi Troiae tollens</a></li>
+    <li><a href="#est-simul-fameque-tauri-qua-ad">Est simul fameque tauri qua ad</a></li>
+    <li><a href="#me-sol">Me sol</a></li>
+    <li><a href="#trepident-sitimque">Trepident sitimque</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="introduction">
+  Introduction
+  <a class="anchor" href="#introduction">#</a>
+</h1>
+<h2 id="ferre-hinnitibus-erat-accipitrem-dixi-troiae-tollens">
+  Ferre hinnitibus erat accipitrem dixi Troiae tollens
+  <a class="anchor" href="#ferre-hinnitibus-erat-accipitrem-dixi-troiae-tollens">#</a>
+</h2>
+<p>Lorem markdownum, a quoque nutu est <em>quodcumque mandasset</em> veluti. Passim
+inportuna totidemque nympha fert; repetens pendent, poenarum guttura sed vacet
+non, mortali undas. Omnis pharetramque gramen portentificisque membris servatum
+novabis fallit de nubibus atque silvas mihi. <strong>Dixit repetitaque Quid</strong>; verrit
+longa; sententia <a href="http://pastor-ad.io/questussilvas">mandat</a> quascumque nescio
+solebat <a href="http://lacrimas-ab.net/">litore</a>; noctes. <em>Hostem haerentem</em> circuit
+<a href="http://www.sine.io/in">plenaque tamen</a>.</p>
+<ul>
+<li>Pedum ne indigenae finire invergens carpebat</li>
+<li>Velit posses summoque</li>
+<li>De fumos illa foret</li>
+</ul>
+<h2 id="est-simul-fameque-tauri-qua-ad">
+  Est simul fameque tauri qua ad
+  <a class="anchor" href="#est-simul-fameque-tauri-qua-ad">#</a>
+</h2>
+<p>Locum nullus nisi vomentes. Ab Persea sermone vela, miratur aratro; eandem
+Argolicas gener.</p>
+<h2 id="me-sol">
+  Me sol
+  <a class="anchor" href="#me-sol">#</a>
+</h2>
+<p>Nec dis certa fuit socer, Nonacria <strong>dies</strong> manet tacitaque sibi? Sucis est
+iactata Castrumque iudex, et iactato quoque terraeque es tandem et maternos
+vittis. Lumina litus bene poenamque animos callem ne tuas in leones illam dea
+cadunt genus, et pleno nunc in quod. Anumque crescentesque sanguinis
+<a href="http://www.late.net/alimentavirides">progenies</a> nuribus rustica tinguet. Pater
+omnes liquido creditis noctem.</p>
+<pre><code>if (mirrored(icmp_dvd_pim, 3, smbMirroredHard) != lion(clickImportQueue,
+        viralItunesBalancing, bankruptcy_file_pptp)) {
+    file += ip_cybercrime_suffix;
+}
+if (runtimeSmartRom == netMarketingWord) {
+    virusBalancingWin *= scriptPromptBespoke + raster(post_drive,
+            windowsSli);
+    cd = address_hertz_trojan;
+    soap_ccd.pcbServerGigahertz(asp_hardware_isa, offlinePeopleware, nui);
+} else {
+    megabyte.api = modem_flowchart - web + syntaxHalftoneAddress;
+}
+if (3 &lt; mebibyteNetworkAnimated) {
+    pharming_regular_error *= jsp_ribbon + algorithm * recycleMediaKindle(
+            dvrSyntax, cdma);
+    adf_sla *= hoverCropDrive;
+    templateNtfs = -1 - vertical;
+} else {
+    expressionCompressionVariable.bootMulti = white_eup_javascript(
+            table_suffix);
+    guidPpiPram.tracerouteLinux += rtfTerabyteQuicktime(1,
+            managementRosetta(webcamActivex), 740874);
+}
+var virusTweetSsl = nullGigo;
+</code></pre>
+<h2 id="trepident-sitimque">
+  Trepident sitimque
+  <a class="anchor" href="#trepident-sitimque">#</a>
+</h2>
+<p>Sentiet et ferali errorem fessam, coercet superbus, Ascaniumque in pennis
+mediis; dolor? Vidit imi <strong>Aeacon</strong> perfida propositos adde, tua Somni Fluctibus
+errante lustrat non.</p>
+<p>Tamen inde, vos videt e flammis Scythica parantem rupisque pectora umbras. Haec
+ficta canistris repercusso simul ego aris Dixit! Esse Fama trepidare hunc
+crescendo vigor ululasse vertice <em>exspatiantur</em> celer tepidique petita aversata
+oculis iussa est me ferro.</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/example/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#ferre-hinnitibus-erat-accipitrem-dixi-troiae-tollens">Ferre hinnitibus erat accipitrem dixi Troiae tollens</a></li>
+    <li><a href="#est-simul-fameque-tauri-qua-ad">Est simul fameque tauri qua ad</a></li>
+    <li><a href="#me-sol">Me sol</a></li>
+    <li><a href="#trepident-sitimque">Trepident sitimque</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/example/index.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Example Site on Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/example/</link>
+    <description>Recent content in Example Site on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/example/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/example/hidden/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/example/hidden/</guid>
+      <description>This page is hidden in menu # Quondam non pater est dignior ille Eurotas # Latent te facies # Lorem markdownum arma ignoscas vocavit quoque ille texit mandata mentis ultimus, frementes, qui in vel. Hippotades Peleus pennas conscia cuiquam Caeneus quas.
+Pater demittere evincitque reddunt Maxime adhuc pressit huc Danaas quid freta Soror ego Luctus linguam saxa ultroque prior Tatiumque inquit Saepe liquitur subita superata dederat Anius sudor Cum honorum Latona # O fallor in sustinui iussorum equidem.</description>
+    </item>
+    
+  </channel>
+</rss>

public/docs/example/table-of-contents/index.html

@@ -0,0 +1,340 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Ubi loqui # Mentem genus facietque salire tempus bracchia # Lorem markdownum partu paterno Achillem. Habent amne generosi aderant ad pellem nec erat sustinet merces columque haec et, dixit minus nutrit accipiam subibis subdidit. Temeraria servatum agros qui sed fulva facta. Primum ultima, dedit, suo quisque linguae medentes fixo: tum petis.
+Rapit vocant si hunc siste adspice # Ora precari Patraeque Neptunia, dixit Danae Cithaeron armaque maxima in nati Coniugis templis fluidove.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/example/table-of-contents/" />
+<title>Table of Contents | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/example/table-of-contents/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Table of Contents</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#mentem-genus-facietque-salire-tempus-bracchia">Mentem genus facietque salire tempus bracchia</a></li>
+    <li><a href="#rapit-vocant-si-hunc-siste-adspice">Rapit vocant si hunc siste adspice</a></li>
+    <li><a href="#locus-fuit-caecis">Locus fuit caecis</a></li>
+    <li><a href="#placabilis-coactis-nega-ingemuit-ignoscat-nimia-non">Placabilis coactis nega ingemuit ignoscat nimia non</a></li>
+    <li><a href="#caesorum-illa-tu-sentit-micat-vestes-papyriferi">Caesorum illa tu sentit micat vestes papyriferi</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="ubi-loqui">
+  Ubi loqui
+  <a class="anchor" href="#ubi-loqui">#</a>
+</h1>
+<h2 id="mentem-genus-facietque-salire-tempus-bracchia">
+  Mentem genus facietque salire tempus bracchia
+  <a class="anchor" href="#mentem-genus-facietque-salire-tempus-bracchia">#</a>
+</h2>
+<p>Lorem markdownum partu paterno Achillem. Habent amne generosi aderant ad pellem
+nec erat sustinet merces columque haec et, dixit minus nutrit accipiam subibis
+subdidit. Temeraria servatum agros qui sed fulva facta. Primum ultima, dedit,
+suo quisque linguae medentes fixo: tum petis.</p>
+<h2 id="rapit-vocant-si-hunc-siste-adspice">
+  Rapit vocant si hunc siste adspice
+  <a class="anchor" href="#rapit-vocant-si-hunc-siste-adspice">#</a>
+</h2>
+<p>Ora precari Patraeque Neptunia, dixit Danae <a href="http://mersis-an.org/litoristum">Cithaeron
+armaque</a> maxima in <strong>nati Coniugis</strong> templis
+fluidove. Effugit usus nec ingreditur agmen <em>ac manus</em> conlato. Nullis vagis
+nequiquam vultibus aliquos altera <em>suum venis</em> teneas fretum. Armos <a href="http://tutum.io/me">remotis
+hoc</a> sine ferrea iuncta quam!</p>
+<h2 id="locus-fuit-caecis">
+  Locus fuit caecis
+  <a class="anchor" href="#locus-fuit-caecis">#</a>
+</h2>
+<p>Nefas discordemque domino montes numen tum humili nexilibusque exit, Iove. Quae
+miror esse, scelerisque Melaneus viribus. Miseri laurus. Hoc est proposita me
+ante aliquid, aura inponere candidioribus quidque accendit bella, sumpta.
+Intravit quam erat figentem hunc, motus de fontes parvo tempestate.</p>
+<pre><code>iscsi_virus = pitch(json_in_on(eupViral),
+        northbridge_services_troubleshooting, personal(
+        firmware_rw.trash_rw_crm.device(interactive_gopher_personal,
+        software, -1), megabit, ergonomicsSoftware(cmyk_usb_panel,
+        mips_whitelist_duplex, cpa)));
+if (5) {
+    managementNetwork += dma - boolean;
+    kilohertz_token = 2;
+    honeypot_affiliate_ergonomics = fiber;
+}
+mouseNorthbridge = byte(nybble_xmp_modem.horse_subnet(
+        analogThroughputService * graphicPoint, drop(daw_bit, dnsIntranet),
+        gateway_ospf), repository.domain_key.mouse(serverData(fileNetwork,
+        trim_duplex_file), cellTapeDirect, token_tooltip_mashup(
+        ripcordingMashup)));
+module_it = honeypot_driver(client_cold_dvr(593902, ripping_frequency) +
+        coreLog.joystick(componentUdpLink), windows_expansion_touchscreen);
+bashGigabit.external.reality(2, server_hardware_codec.flops.ebookSampling(
+        ciscNavigationBacklink, table + cleanDriver), indexProtocolIsp);
+</code></pre>
+<h2 id="placabilis-coactis-nega-ingemuit-ignoscat-nimia-non">
+  Placabilis coactis nega ingemuit ignoscat nimia non
+  <a class="anchor" href="#placabilis-coactis-nega-ingemuit-ignoscat-nimia-non">#</a>
+</h2>
+<p>Frontis turba. Oculi gravis est Delphice; <em>inque praedaque</em> sanguine manu non.</p>
+<pre><code>if (ad_api) {
+    zif += usb.tiffAvatarRate(subnet, digital_rt) + exploitDrive;
+    gigaflops(2 - bluetooth, edi_asp_memory.gopher(queryCursor, laptop),
+            panel_point_firmware);
+    spyware_bash.statePopApplet = express_netbios_digital(
+            insertion_troubleshooting.brouter(recordFolderUs), 65);
+}
+recursionCoreRay = -5;
+if (hub == non) {
+    portBoxVirus = soundWeb(recursive_card(rwTechnologyLeopard),
+            font_radcab, guidCmsScalable + reciprocalMatrixPim);
+    left.bug = screenshot;
+} else {
+    tooltipOpacity = raw_process_permalink(webcamFontUser, -1);
+    executable_router += tape;
+}
+if (tft) {
+    bandwidthWeb *= social_page;
+} else {
+    regular += 611883;
+    thumbnail /= system_lag_keyboard;
+}
+</code></pre>
+<h2 id="caesorum-illa-tu-sentit-micat-vestes-papyriferi">
+  Caesorum illa tu sentit micat vestes papyriferi
+  <a class="anchor" href="#caesorum-illa-tu-sentit-micat-vestes-papyriferi">#</a>
+</h2>
+<p>Inde aderam facti; Theseus vis de tauri illa peream. Oculos <strong>uberaque</strong> non
+regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo;
+gestanda nitidi, vero? Dum ne pectoraque testantur.</p>
+<p>Venasque repulsa Samos qui, exspectatum eram animosque hinc, <a href="http://www.creveratnon.net/apricaaetheriis">aut
+manes</a>, Assyrii. Cupiens auctoribus
+pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae
+iusto! Sedes ante dum superest <strong>extrema</strong>.</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/example/table-of-contents/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#mentem-genus-facietque-salire-tempus-bracchia">Mentem genus facietque salire tempus bracchia</a></li>
+    <li><a href="#rapit-vocant-si-hunc-siste-adspice">Rapit vocant si hunc siste adspice</a></li>
+    <li><a href="#locus-fuit-caecis">Locus fuit caecis</a></li>
+    <li><a href="#placabilis-coactis-nega-ingemuit-ignoscat-nimia-non">Placabilis coactis nega ingemuit ignoscat nimia non</a></li>
+    <li><a href="#caesorum-illa-tu-sentit-micat-vestes-papyriferi">Caesorum illa tu sentit micat vestes papyriferi</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/example/table-of-contents/index.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/example/table-of-contents/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/example/table-of-contents/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>With ToC</title>
+      <link>https://academics.jamesflare.com/docs/example/table-of-contents/with-toc/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/example/table-of-contents/with-toc/</guid>
+      <description>Caput vino delphine in tamen vias # Cognita laeva illo fracta # Lorem markdownum pavent auras, surgit nunc cingentibus libet Laomedonque que est. Pastor An arbor filia foedat, ne fugit aliter, per. Helicona illas et callida neptem est Oresitrophos caput, dentibus est venit. Tenet reddite famuli praesentem fortibus, quaeque vis foret si frondes gelidos gravidae circumtulit inpulit armenta nativum.
+Te at cruciabere vides rubentis manebo Maturuit in praetemptat ruborem ignara postquam habitasse Subitarum supplevit quoque fontesque venabula spretis modo Montis tot est mali quasque gravis Quinquennem domus arsit ipse Pellem turis pugnabant locavit Natus quaerere # Pectora et sine mulcere, coniuge dum tincta incurvae.</description>
+    </item>
+    
+    <item>
+      <title>Without ToC</title>
+      <link>https://academics.jamesflare.com/docs/example/table-of-contents/without-toc/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/example/table-of-contents/without-toc/</guid>
+      <description>At me ipso nepotibus nunc celebratior genus # Tanto oblite # Lorem markdownum pectora novis patenti igne sua opus aurae feras materiaque illic demersit imago et aristas questaque posset. Vomit quoque suo inhaesuro clara. Esse cumque, per referri triste. Ut exponit solisque communis in tendens vincetis agisque iamque huic bene ante vetat omina Thebae rates. Aeacus servat admonitu concidit, ad resimas vultus et rugas vultu dignamque Siphnon.
+Quam iugulum regia simulacra, plus meruit humo pecorumque haesit, ab discedunt dixit: ritu pharetramque.</description>
+    </item>
+    
+  </channel>
+</rss>

public/docs/example/table-of-contents/with-toc/index.html

@@ -0,0 +1,323 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Caput vino delphine in tamen vias # Cognita laeva illo fracta # Lorem markdownum pavent auras, surgit nunc cingentibus libet Laomedonque que est. Pastor An arbor filia foedat, ne fugit aliter, per. Helicona illas et callida neptem est Oresitrophos caput, dentibus est venit. Tenet reddite famuli praesentem fortibus, quaeque vis foret si frondes gelidos gravidae circumtulit inpulit armenta nativum.
+Te at cruciabere vides rubentis manebo Maturuit in praetemptat ruborem ignara postquam habitasse Subitarum supplevit quoque fontesque venabula spretis modo Montis tot est mali quasque gravis Quinquennem domus arsit ipse Pellem turis pugnabant locavit Natus quaerere # Pectora et sine mulcere, coniuge dum tincta incurvae.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="With ToC" />
+<meta property="og:description" content="Caput vino delphine in tamen vias # Cognita laeva illo fracta # Lorem markdownum pavent auras, surgit nunc cingentibus libet Laomedonque que est. Pastor An arbor filia foedat, ne fugit aliter, per. Helicona illas et callida neptem est Oresitrophos caput, dentibus est venit. Tenet reddite famuli praesentem fortibus, quaeque vis foret si frondes gelidos gravidae circumtulit inpulit armenta nativum.
+Te at cruciabere vides rubentis manebo Maturuit in praetemptat ruborem ignara postquam habitasse Subitarum supplevit quoque fontesque venabula spretis modo Montis tot est mali quasque gravis Quinquennem domus arsit ipse Pellem turis pugnabant locavit Natus quaerere # Pectora et sine mulcere, coniuge dum tincta incurvae." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/example/table-of-contents/with-toc/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>With ToC | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>With ToC</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#cognita-laeva-illo-fracta">Cognita laeva illo fracta</a></li>
+    <li><a href="#natus-quaerere">Natus quaerere</a></li>
+    <li><a href="#limitibus-misere-sit">Limitibus misere sit</a></li>
+    <li><a href="#enim-sua">Enim sua</a></li>
+    <li><a href="#germana-aves-pignus-tecta">Germana aves pignus tecta</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="caput-vino-delphine-in-tamen-vias">
+  Caput vino delphine in tamen vias
+  <a class="anchor" href="#caput-vino-delphine-in-tamen-vias">#</a>
+</h1>
+<h2 id="cognita-laeva-illo-fracta">
+  Cognita laeva illo fracta
+  <a class="anchor" href="#cognita-laeva-illo-fracta">#</a>
+</h2>
+<p>Lorem markdownum pavent auras, surgit nunc cingentibus libet <strong>Laomedonque que</strong>
+est. Pastor <a href="http://est.org/ire.aspx">An</a> arbor filia foedat, ne <a href="http://www.indiciumturbam.org/moramquid.php">fugit
+aliter</a>, per. Helicona illas et
+callida neptem est <em>Oresitrophos</em> caput, dentibus est venit. Tenet reddite
+<a href="http://www.antro-et.net/">famuli</a> praesentem fortibus, quaeque vis foret si
+frondes <em>gelidos</em> gravidae circumtulit <a href="http://incurvasustulit.io/illi-virtute.html">inpulit armenta
+nativum</a>.</p>
+<ol>
+<li>Te at cruciabere vides rubentis manebo</li>
+<li>Maturuit in praetemptat ruborem ignara postquam habitasse</li>
+<li>Subitarum supplevit quoque fontesque venabula spretis modo</li>
+<li>Montis tot est mali quasque gravis</li>
+<li>Quinquennem domus arsit ipse</li>
+<li>Pellem turis pugnabant locavit</li>
+</ol>
+<h2 id="natus-quaerere">
+  Natus quaerere
+  <a class="anchor" href="#natus-quaerere">#</a>
+</h2>
+<p>Pectora et sine mulcere, coniuge dum tincta incurvae. Quis iam; est dextra
+Peneosque, metuis a verba, primo. Illa sed colloque suis: magno: gramen, aera
+excutiunt concipit.</p>
+<blockquote>
+<p>Phrygiae petendo suisque extimuit, super, pars quod audet! Turba negarem.
+Fuerat attonitus; et dextra retinet sidera ulnas undas instimulat vacuae
+generis? <em>Agnus</em> dabat et ignotis dextera, sic tibi pacis <strong>feriente at mora</strong>
+euhoeque <em>comites hostem</em> vestras Phineus. Vultuque sanguine dominoque <a href="http://iuvat.org/eundem.php">metuit
+risi</a> fama vergit summaque meus clarissimus
+artesque tinguebat successor nominis cervice caelicolae.</p>
+</blockquote>
+<h2 id="limitibus-misere-sit">
+  Limitibus misere sit
+  <a class="anchor" href="#limitibus-misere-sit">#</a>
+</h2>
+<p>Aurea non fata repertis praerupit feruntur simul, meae hosti lentaque <em>citius
+levibus</em>, cum sede dixit, Phaethon texta. <em>Albentibus summos</em> multifidasque
+iungitur loquendi an pectore, mihi ursaque omnia adfata, aeno parvumque in animi
+perlucentes. Epytus agis ait vixque clamat ornum adversam spondet, quid sceptra
+ipsum <strong>est</strong>. Reseret nec; saeva suo passu debentia linguam terga et aures et
+cervix <a href="http://www.amnem.io/pervenit.aspx">de</a> ubera. Coercet gelidumque manus,
+doluit volvitur induta?</p>
+<h2 id="enim-sua">
+  Enim sua
+  <a class="anchor" href="#enim-sua">#</a>
+</h2>
+<p>Iuvenilior filia inlustre templa quidem herbis permittat trahens huic. In
+cruribus proceres sole crescitque <em>fata</em>, quos quos; merui maris se non tamen
+in, mea.</p>
+<h2 id="germana-aves-pignus-tecta">
+  Germana aves pignus tecta
+  <a class="anchor" href="#germana-aves-pignus-tecta">#</a>
+</h2>
+<p>Mortalia rudibusque caelum cognosceret tantum aquis redito felicior texit, nec,
+aris parvo acre. Me parum contulerant multi tenentem, gratissime suis; vultum tu
+occupat deficeret corpora, sonum. E Actaea inplevit Phinea concepit nomenque
+potest sanguine captam nulla et, in duxisses campis non; mercede. Dicere cur
+Leucothoen obitum?</p>
+<p>Postibus mittam est <em>nubibus principium pluma</em>, exsecratur facta et. Iunge
+Mnemonidas pallamque pars; vere restitit alis flumina quae <strong>quoque</strong>, est
+ignara infestus Pyrrha. Di ducis terris maculatum At sede praemia manes
+nullaque!</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/example/table-of-contents/with-toc.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#cognita-laeva-illo-fracta">Cognita laeva illo fracta</a></li>
+    <li><a href="#natus-quaerere">Natus quaerere</a></li>
+    <li><a href="#limitibus-misere-sit">Limitibus misere sit</a></li>
+    <li><a href="#enim-sua">Enim sua</a></li>
+    <li><a href="#germana-aves-pignus-tecta">Germana aves pignus tecta</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/example/table-of-contents/without-toc/index.html

@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="At me ipso nepotibus nunc celebratior genus # Tanto oblite # Lorem markdownum pectora novis patenti igne sua opus aurae feras materiaque illic demersit imago et aristas questaque posset. Vomit quoque suo inhaesuro clara. Esse cumque, per referri triste. Ut exponit solisque communis in tendens vincetis agisque iamque huic bene ante vetat omina Thebae rates. Aeacus servat admonitu concidit, ad resimas vultus et rugas vultu dignamque Siphnon.
+Quam iugulum regia simulacra, plus meruit humo pecorumque haesit, ab discedunt dixit: ritu pharetramque.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="Without ToC" />
+<meta property="og:description" content="At me ipso nepotibus nunc celebratior genus # Tanto oblite # Lorem markdownum pectora novis patenti igne sua opus aurae feras materiaque illic demersit imago et aristas questaque posset. Vomit quoque suo inhaesuro clara. Esse cumque, per referri triste. Ut exponit solisque communis in tendens vincetis agisque iamque huic bene ante vetat omina Thebae rates. Aeacus servat admonitu concidit, ad resimas vultus et rugas vultu dignamque Siphnon.
+Quam iugulum regia simulacra, plus meruit humo pecorumque haesit, ab discedunt dixit: ritu pharetramque." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/example/table-of-contents/without-toc/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Without ToC | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Without ToC</strong>
+
+  <label for="toc-control">
+    
+  </label>
+</div>
+
+
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="at-me-ipso-nepotibus-nunc-celebratior-genus">
+  At me ipso nepotibus nunc celebratior genus
+  <a class="anchor" href="#at-me-ipso-nepotibus-nunc-celebratior-genus">#</a>
+</h1>
+<h2 id="tanto-oblite">
+  Tanto oblite
+  <a class="anchor" href="#tanto-oblite">#</a>
+</h2>
+<p>Lorem markdownum pectora novis patenti igne sua opus aurae feras materiaque
+illic demersit imago et aristas questaque posset. Vomit quoque suo inhaesuro
+clara. Esse cumque, per referri triste. Ut exponit solisque communis in tendens
+vincetis agisque iamque huic bene ante vetat omina Thebae rates. Aeacus servat
+admonitu concidit, ad resimas vultus et rugas vultu <strong>dignamque</strong> Siphnon.</p>
+<p>Quam iugulum regia simulacra, plus meruit humo pecorumque haesit, ab discedunt
+dixit: ritu pharetramque. Exul Laurenti orantem modo, per densum missisque labor
+manibus non colla unum, obiectat. Tu pervia collo, fessus quae Cretenque Myconon
+crate! Tegumenque quae invisi sudore per vocari quaque plus ventis fluidos. Nodo
+perque, fugisse pectora sorores.</p>
+<h2 id="summe-promissa-supple-vadit-lenius">
+  Summe promissa supple vadit lenius
+  <a class="anchor" href="#summe-promissa-supple-vadit-lenius">#</a>
+</h2>
+<p>Quibus largis latebris aethera versato est, ait sentiat faciemque. Aequata alis
+nec Caeneus exululat inclite corpus est, ire <strong>tibi</strong> ostendens et tibi. Rigent
+et vires dique possent lumina; <strong>eadem</strong> dixit poma funeribus paret et felix
+reddebant ventis utile lignum.</p>
+<ol>
+<li>Remansit notam Stygia feroxque</li>
+<li>Et dabit materna</li>
+<li>Vipereas Phrygiaeque umbram sollicito cruore conlucere suus</li>
+<li>Quarum Elis corniger</li>
+<li>Nec ieiunia dixit</li>
+</ol>
+<p>Vertitur mos ortu ramosam contudit dumque; placabat ac lumen. Coniunx Amoris
+spatium poenamque cavernis Thebae Pleiadasque ponunt, rapiare cum quae parum
+nimium rima.</p>
+<h2 id="quidem-resupinus-inducto-solebat-una-facinus-quae">
+  Quidem resupinus inducto solebat una facinus quae
+  <a class="anchor" href="#quidem-resupinus-inducto-solebat-una-facinus-quae">#</a>
+</h2>
+<p>Credulitas iniqua praepetibus paruit prospexit, voce poena, sub rupit sinuatur,
+quin suum ventorumque arcadiae priori. Soporiferam erat formamque, fecit,
+invergens, nymphae mutat fessas ait finge.</p>
+<ol>
+<li>Baculum mandataque ne addere capiti violentior</li>
+<li>Altera duas quam hoc ille tenues inquit</li>
+<li>Sicula sidereus latrantis domoque ratae polluit comites</li>
+<li>Possit oro clausura namque se nunc iuvenisque</li>
+<li>Faciem posuit</li>
+<li>Quodque cum ponunt novercae nata vestrae aratra</li>
+</ol>
+<p>Ite extrema Phrygiis, patre dentibus, tonso perculit, enim blanda, manibus fide
+quos caput armis, posse! Nocendo fas Alcyonae lacertis structa ferarum manus
+fulmen dubius, saxa caelum effuge extremis fixum tumor adfecit <strong>bella</strong>,
+potentes? Dum nec insidiosa tempora tegit
+<a href="http://mihiferre.net/iuvenes-peto.html">spirarunt</a>. Per lupi pars foliis,
+porreximus humum negant sunt subposuere Sidone steterant auro. Memoraverit sine:
+ferrum idem Orion caelum heres gerebat fixis?</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/example/table-of-contents/without-toc.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/index.html

@@ -0,0 +1,221 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="Docs" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/" />
+<title>Docs | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="zh" href="https://academics.jamesflare.com/zh/docs/" title="Docs">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+  
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/docs/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Docs</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"></article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/index.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Docs on Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/</link>
+    <description>Recent content in Docs on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/docs/shortcodes/buttons/index.html

@@ -0,0 +1,278 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content=" Buttons # Buttons are styled links that can lead to local page or external link.
+Example # {{&lt; button relref=&#34;/&#34; [class=&#34;...&#34;] &gt;}}Get Home{{&lt; /button &gt;}} {{&lt; button href=&#34;https://github.com/alex-shpak/hugo-book&#34; &gt;}}Contribute{{&lt; /button &gt;}} Get Home Contribute ">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content=" Buttons # Buttons are styled links that can lead to local page or external link.
+Example # {{&lt; button relref=&#34;/&#34; [class=&#34;...&#34;] &gt;}}Get Home{{&lt; /button &gt;}} {{&lt; button href=&#34;https://github.com/alex-shpak/hugo-book&#34; &gt;}}Contribute{{&lt; /button &gt;}} Get Home Contribute " />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/buttons/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Buttons | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Buttons</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="buttons">
+  Buttons
+  <a class="anchor" href="#buttons">#</a>
+</h1>
+<p>Buttons are styled links that can lead to local page or external link.</p>
+<h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">button</span> <span style="color:#a6e22e">relref</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;/&#34;</span> <span style="color:#f92672">[</span><span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;...&#34;</span><span style="color:#f92672">]</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>Get Home<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">button</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">button</span> <span style="color:#a6e22e">href</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;https://github.com/alex-shpak/hugo-book&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>Contribute<span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">button</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div><p>
+
+
+
+  
+
+<a  href="/"   class="book-btn">
+  Get Home
+</a>
+
+
+
+
+  
+  
+
+
+<a  href="https://github.com/alex-shpak/hugo-book"   target="_blank" rel="noopener"  class="book-btn">
+  Contribute
+</a>
+</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/buttons.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/columns/index.html

@@ -0,0 +1,304 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Columns # Columns help organize shorter pieces of content horizontally for readability.
+{{&lt; columns &gt;}} &lt;!-- begin columns block --&gt; # Left Content Lorem markdownum insigne... &lt;---&gt; &lt;!-- magic separator, between columns --&gt; # Mid Content Lorem markdownum insigne... &lt;---&gt; &lt;!-- magic separator, between columns --&gt; # Right Content Lorem markdownum insigne... {{&lt; /columns &gt;}} Example # Left Content # Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter!">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="Columns # Columns help organize shorter pieces of content horizontally for readability.
+{{&lt; columns &gt;}} &lt;!-- begin columns block --&gt; # Left Content Lorem markdownum insigne... &lt;---&gt; &lt;!-- magic separator, between columns --&gt; # Mid Content Lorem markdownum insigne... &lt;---&gt; &lt;!-- magic separator, between columns --&gt; # Right Content Lorem markdownum insigne... {{&lt; /columns &gt;}} Example # Left Content # Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter!" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/columns/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Columns | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Columns</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="columns">
+  Columns
+  <a class="anchor" href="#columns">#</a>
+</h1>
+<p>Columns help organize shorter pieces of content horizontally for readability.</p>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>{{&lt; <span style="color:#f92672">columns</span> &gt;}} <span style="color:#75715e">&lt;!-- begin columns block --&gt;</span>
+</span></span><span style="display:flex;"><span># Left Content
+</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
+</span></span><span style="display:flex;"><span>
+</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">---</span>&gt; <span style="color:#75715e">&lt;!-- magic separator, between columns --&gt;</span>
+</span></span><span style="display:flex;"><span>
+</span></span><span style="display:flex;"><span># Mid Content
+</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
+</span></span><span style="display:flex;"><span>
+</span></span><span style="display:flex;"><span>&lt;<span style="color:#f92672">---</span>&gt; <span style="color:#75715e">&lt;!-- magic separator, between columns --&gt;</span>
+</span></span><span style="display:flex;"><span>
+</span></span><span style="display:flex;"><span># Right Content
+</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
+</span></span><span style="display:flex;"><span>{{&lt; /<span style="color:#f92672">columns</span> &gt;}}
+</span></span></code></pre></div><h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+<div class="book-columns flex flex-wrap">
+
+  <div class="flex-even markdown-inner">
+    <h2 id="left-content">
+  Left Content
+  <a class="anchor" href="#left-content">#</a>
+</h2>
+<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
+Miseratus fonte Ditis conubia.
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <h2 id="mid-content">
+  Mid Content
+  <a class="anchor" href="#mid-content">#</a>
+</h2>
+<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter!
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <h2 id="right-content">
+  Right Content
+  <a class="anchor" href="#right-content">#</a>
+</h2>
+<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
+Miseratus fonte Ditis conubia.
+  </div>
+
+</div>
+
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/columns.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/details/index.html

@@ -0,0 +1,273 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content=" Details # Details shortcode is a helper for details html5 element. It is going to replace expand shortcode.
+Example # {{&lt; details &#34;Title&#34; [open] &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /details &gt;}} {{&lt; details title=&#34;Title&#34; open=true &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /details &gt;}} Title Markdown content # Lorem markdownum insigne&hellip; ">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content=" Details # Details shortcode is a helper for details html5 element. It is going to replace expand shortcode.
+Example # {{&lt; details &#34;Title&#34; [open] &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /details &gt;}} {{&lt; details title=&#34;Title&#34; open=true &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /details &gt;}} Title Markdown content # Lorem markdownum insigne&hellip; " />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/details/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Details | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Details</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="details">
+  Details
+  <a class="anchor" href="#details">#</a>
+</h1>
+<p>Details shortcode is a helper for <code>details</code> html5 element. It is going to replace <code>expand</code> shortcode.</p>
+<h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">details</span> <span style="color:#e6db74">&#34;Title&#34;</span> <span style="color:#f92672">[</span><span style="color:#a6e22e">open</span><span style="color:#f92672">]</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span>## Markdown content
+</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">details</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div><div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">details</span> <span style="color:#a6e22e">title</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;Title&#34;</span> <span style="color:#a6e22e">open</span><span style="color:#f92672">=</span><span style="color:#66d9ef">true</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span>## Markdown content
+</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">details</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div><details open><summary>Title</summary>
+  <div class="markdown-inner">
+    <h2 id="markdown-content">
+  Markdown content
+  <a class="anchor" href="#markdown-content">#</a>
+</h2>
+<p>Lorem markdownum insigne&hellip;
+  </div>
+</details>
+
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/details.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/expand/index.html

@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Expand # Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.
+Example # Default # {{&lt; expand &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /expand &gt;}} Expand ↕ Markdown content # Lorem markdownum insigne&hellip; With Custom Label # {{&lt; expand &#34;Custom Label&#34; &#34;...&#34; &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /expand &gt;}} Custom Label ... Markdown content # Lorem markdownum insigne.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="Expand # Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.
+Example # Default # {{&lt; expand &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /expand &gt;}} Expand ↕ Markdown content # Lorem markdownum insigne&hellip; With Custom Label # {{&lt; expand &#34;Custom Label&#34; &#34;...&#34; &gt;}} ## Markdown content Lorem markdownum insigne... {{&lt; /expand &gt;}} Custom Label ... Markdown content # Lorem markdownum insigne." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/expand/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Expand | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Expand</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a>
+      <ul>
+        <li><a href="#default">Default</a></li>
+        <li><a href="#with-custom-label">With Custom Label</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="expand">
+  Expand
+  <a class="anchor" href="#expand">#</a>
+</h1>
+<p>Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.</p>
+<h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+<h3 id="default">
+  Default
+  <a class="anchor" href="#default">#</a>
+</h3>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">expand</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span>## Markdown content
+</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">expand</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div>
+<div class="book-expand">
+  <label>
+    <div class="book-expand-head flex justify-between">
+      <span>Expand</span>
+      <span>↕</span>
+    </div>
+    <input type="checkbox" class="hidden" />
+    <div class="book-expand-content markdown-inner">
+      <h2 id="markdown-content">
+  Markdown content
+  <a class="anchor" href="#markdown-content">#</a>
+</h2>
+<p>Lorem markdownum insigne&hellip;
+    </div>
+  </label>
+</div>
+
+<h3 id="with-custom-label">
+  With Custom Label
+  <a class="anchor" href="#with-custom-label">#</a>
+</h3>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">expand</span> <span style="color:#e6db74">&#34;Custom Label&#34;</span> <span style="color:#e6db74">&#34;...&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span>## Markdown content
+</span></span><span style="display:flex;"><span>Lorem markdownum insigne...
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">expand</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div>
+<div class="book-expand">
+  <label>
+    <div class="book-expand-head flex justify-between">
+      <span>Custom Label</span>
+      <span>...</span>
+    </div>
+    <input type="checkbox" class="hidden" />
+    <div class="book-expand-content markdown-inner">
+      <h2 id="markdown-content">
+  Markdown content
+  <a class="anchor" href="#markdown-content">#</a>
+</h2>
+<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
+Miseratus fonte Ditis conubia.
+    </div>
+  </label>
+</div>
+
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/expand.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a>
+      <ul>
+        <li><a href="#default">Default</a></li>
+        <li><a href="#with-custom-label">With Custom Label</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/hints/index.html

@@ -0,0 +1,283 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Hints # Hint shortcode can be used as hint/alerts/notification block.
+There are 3 colors to choose: info, warning and danger.
+{{&lt; hint [info|warning|danger] &gt;}} **Markdown content** Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa {{&lt; /hint &gt;}} Example # Markdown content
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa Markdown content">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="Hints # Hint shortcode can be used as hint/alerts/notification block.
+There are 3 colors to choose: info, warning and danger.
+{{&lt; hint [info|warning|danger] &gt;}} **Markdown content** Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa {{&lt; /hint &gt;}} Example # Markdown content
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa Markdown content" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/hints/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Hints | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Hints</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="hints">
+  Hints
+  <a class="anchor" href="#hints">#</a>
+</h1>
+<p>Hint shortcode can be used as hint/alerts/notification block.<br>
+There are 3 colors to choose: <code>info</code>, <code>warning</code> and <code>danger</code>.</p>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">hint</span> <span style="color:#f92672">[</span><span style="color:#a6e22e">info</span><span style="color:#f92672">|</span><span style="color:#a6e22e">warning</span><span style="color:#f92672">|</span><span style="color:#a6e22e">danger</span><span style="color:#f92672">]</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span>**Markdown content**  
+</span></span><span style="display:flex;"><span>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+</span></span><span style="display:flex;"><span>stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">hint</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div><h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+<blockquote class="book-hint info">
+  <strong>Markdown content</strong><br>
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+</blockquote>
+
+<blockquote class="book-hint warning">
+  <strong>Markdown content</strong><br>
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+</blockquote>
+
+<blockquote class="book-hint danger">
+  <strong>Markdown content</strong><br>
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+</blockquote>
+
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/hints.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/index.html

@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/" />
+<title>Shortcodes | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/shortcodes/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Shortcodes</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents"></nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"></article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents"></nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/index.xml

@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/shortcodes/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/shortcodes/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/buttons/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/buttons/</guid>
+      <description> Buttons # Buttons are styled links that can lead to local page or external link.
+Example # {{&amp;lt; button relref=&amp;#34;/&amp;#34; [class=&amp;#34;...&amp;#34;] &amp;gt;}}Get Home{{&amp;lt; /button &amp;gt;}} {{&amp;lt; button href=&amp;#34;https://github.com/alex-shpak/hugo-book&amp;#34; &amp;gt;}}Contribute{{&amp;lt; /button &amp;gt;}} Get Home Contribute </description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/columns/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/columns/</guid>
+      <description>Columns # Columns help organize shorter pieces of content horizontally for readability.
+{{&amp;lt; columns &amp;gt;}} &amp;lt;!-- begin columns block --&amp;gt; # Left Content Lorem markdownum insigne... &amp;lt;---&amp;gt; &amp;lt;!-- magic separator, between columns --&amp;gt; # Mid Content Lorem markdownum insigne... &amp;lt;---&amp;gt; &amp;lt;!-- magic separator, between columns --&amp;gt; # Right Content Lorem markdownum insigne... {{&amp;lt; /columns &amp;gt;}} Example # Left Content # Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter!</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/details/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/details/</guid>
+      <description> Details # Details shortcode is a helper for details html5 element. It is going to replace expand shortcode.
+Example # {{&amp;lt; details &amp;#34;Title&amp;#34; [open] &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /details &amp;gt;}} {{&amp;lt; details title=&amp;#34;Title&amp;#34; open=true &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /details &amp;gt;}} Title Markdown content # Lorem markdownum insigne&amp;hellip; </description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/expand/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/expand/</guid>
+      <description>Expand # Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.
+Example # Default # {{&amp;lt; expand &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /expand &amp;gt;}} Expand ↕ Markdown content # Lorem markdownum insigne&amp;hellip; With Custom Label # {{&amp;lt; expand &amp;#34;Custom Label&amp;#34; &amp;#34;...&amp;#34; &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /expand &amp;gt;}} Custom Label ... Markdown content # Lorem markdownum insigne.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/hints/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/hints/</guid>
+      <description>Hints # Hint shortcode can be used as hint/alerts/notification block.
+There are 3 colors to choose: info, warning and danger.
+{{&amp;lt; hint [info|warning|danger] &amp;gt;}} **Markdown content** Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa {{&amp;lt; /hint &amp;gt;}} Example # Markdown content
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa Markdown content</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/katex/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/katex/</guid>
+      <description>KaTeX # KaTeX shortcode let you render math typesetting in markdown document. See KaTeX
+Example # {{&amp;lt; katex [display] [class=&amp;#34;text-center&amp;#34;] &amp;gt;}} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {{&amp;lt; /katex &amp;gt;}} \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\] Display Mode Example # Here is some inline example: \(\pi(x)\) , rendered in the same line. And below is display example, having display: block \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\] Text continues here.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/mermaid/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/mermaid/</guid>
+      <description>Mermaid Chart # MermaidJS is library for generating svg charts and diagrams from text.
+Override Mermaid Initialization Config
+To override the initialization config for Mermaid, create a mermaid.json file in your assets folder!
+Example # {{&amp;lt; mermaid [class=&amp;#34;text-center&amp;#34;]&amp;gt;}} stateDiagram-v2 State1: The state with a note note right of State1 Important information! You can write notes. end note State1 --&amp;gt; State2 note left of State2 : This is the note to the left.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/tabs/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/tabs/</guid>
+      <description>Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
+{{&amp;lt; tabs &amp;#34;uniqueid&amp;#34; &amp;gt;}} {{&amp;lt; tab &amp;#34;MacOS&amp;#34; &amp;gt;}} # MacOS Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; tab &amp;#34;Linux&amp;#34; &amp;gt;}} # Linux Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; tab &amp;#34;Windows&amp;#34; &amp;gt;}} # Windows Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; /tabs &amp;gt;}} Example # MacOS MacOS # This is tab MacOS content.
+Lorem markdownum insigne. Olympo signis Delphis!</description>

public/docs/shortcodes/katex/index.html

@@ -0,0 +1,292 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="KaTeX # KaTeX shortcode let you render math typesetting in markdown document. See KaTeX
+Example # {{&lt; katex [display] [class=&#34;text-center&#34;] &gt;}} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {{&lt; /katex &gt;}} \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\] Display Mode Example # Here is some inline example: \(\pi(x)\) , rendered in the same line. And below is display example, having display: block \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\] Text continues here.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="KaTeX # KaTeX shortcode let you render math typesetting in markdown document. See KaTeX
+Example # {{&lt; katex [display] [class=&#34;text-center&#34;] &gt;}} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {{&lt; /katex &gt;}} \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\] Display Mode Example # Here is some inline example: \(\pi(x)\) , rendered in the same line. And below is display example, having display: block \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\] Text continues here." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/katex/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Katex | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Katex</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+    <li><a href="#display-mode-example">Display Mode Example</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="katex">
+  KaTeX
+  <a class="anchor" href="#katex">#</a>
+</h1>
+<p>KaTeX shortcode let you render math typesetting in markdown document. See <a href="https://katex.org/">KaTeX</a></p>
+<h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+<div class="book-columns flex flex-wrap">
+
+  <div class="flex-even markdown-inner">
+    <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-latex" data-lang="latex"><span style="display:flex;"><span>{{&lt; katex [display] [class=&#34;text-center&#34;] &gt;}}
+</span></span><span style="display:flex;"><span>f(x) = <span style="color:#66d9ef">\int</span>_{-<span style="color:#66d9ef">\infty</span>}^<span style="color:#66d9ef">\infty\hat</span> f(<span style="color:#66d9ef">\xi</span>)<span style="color:#66d9ef">\,</span>e^{2 <span style="color:#66d9ef">\pi</span> i <span style="color:#66d9ef">\xi</span> x}<span style="color:#66d9ef">\,</span>d<span style="color:#66d9ef">\xi</span>
+</span></span><span style="display:flex;"><span>{{&lt; /katex &gt;}}
+</span></span></code></pre></div>
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <link rel="stylesheet" href="/katex/katex.min.css" />
+<script defer src="/katex/katex.min.js"></script>
+<script defer src="/katex/auto-render.min.js" onload="renderMathInElement(document.body);"></script><span>
+  \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\]
+</span>
+
+  </div>
+
+</div>
+
+<h2 id="display-mode-example">
+  Display Mode Example
+  <a class="anchor" href="#display-mode-example">#</a>
+</h2>
+<p>Here is some inline example: <span>
+  \(\pi(x)\)
+</span>
+, rendered in the same line. And below is <code>display</code> example, having <code>display: block</code>
+<span>
+  \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\]
+</span>
+
+Text continues here.</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/katex.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+    <li><a href="#display-mode-example">Display Mode Example</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+

public/docs/shortcodes/mermaid/index.html

@@ -0,0 +1,304 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Mermaid Chart # MermaidJS is library for generating svg charts and diagrams from text.
+Override Mermaid Initialization Config
+To override the initialization config for Mermaid, create a mermaid.json file in your assets folder!
+Example # {{&lt; mermaid [class=&#34;text-center&#34;]&gt;}} stateDiagram-v2 State1: The state with a note note right of State1 Important information! You can write notes. end note State1 --&gt; State2 note left of State2 : This is the note to the left.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="Mermaid Chart # MermaidJS is library for generating svg charts and diagrams from text.
+Override Mermaid Initialization Config
+To override the initialization config for Mermaid, create a mermaid.json file in your assets folder!
+Example # {{&lt; mermaid [class=&#34;text-center&#34;]&gt;}} stateDiagram-v2 State1: The state with a note note right of State1 Important information! You can write notes. end note State1 --&gt; State2 note left of State2 : This is the note to the left." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/mermaid/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Mermaid | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Mermaid</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="mermaid-chart">
+  Mermaid Chart
+  <a class="anchor" href="#mermaid-chart">#</a>
+</h1>
+<p><a href="https://mermaid-js.github.io/">MermaidJS</a> is library for generating svg charts and diagrams from text.</p>
+<blockquote class="book-hint info">
+  <p><strong>Override Mermaid Initialization Config</strong></p>
+<p>To override the <a href="https://mermaid-js.github.io/mermaid/#/Setup">initialization config</a> for Mermaid,
+create a <code>mermaid.json</code> file in your <code>assets</code> folder!</p>
+
+</blockquote>
+
+<h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+<div class="book-columns flex flex-wrap">
+
+  <div class="flex-even markdown-inner">
+    <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">mermaid</span> <span style="color:#f92672">[</span><span style="color:#a6e22e">class</span><span style="color:#f92672">=</span><span style="color:#e6db74">&#34;text-center&#34;</span><span style="color:#f92672">]&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span>stateDiagram-v2
+</span></span><span style="display:flex;"><span>    State1: The state with a note
+</span></span><span style="display:flex;"><span>    note right of State1
+</span></span><span style="display:flex;"><span>        Important information! You can write
+</span></span><span style="display:flex;"><span>        notes.
+</span></span><span style="display:flex;"><span>    end note
+</span></span><span style="display:flex;"><span>    State1 --&gt; State2
+</span></span><span style="display:flex;"><span>    note left of State2 : This is the note to the left.
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">mermaid</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div>
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <script src="/mermaid.min.js"></script>
+  <script>mermaid.initialize({
+  "flowchart": {
+    "useMaxWidth":true
+  },
+  "theme": "default"
+}
+)</script>
+<p class="mermaid">
+stateDiagram-v2
+    State1: The state with a note
+    note right of State1
+        Important information! You can write
+        notes.
+    end note
+    State1 --> State2
+    note left of State2 : This is the note to the left.
+  </div>
+
+</div>
+
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/mermaid.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/section/first-page/index.html

@@ -0,0 +1,245 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="First page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="First page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/section/first-page/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>First Page | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>First Page</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents"></nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="first-page">
+  First page
+  <a class="anchor" href="#first-page">#</a>
+</h1>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+<!--more-->
+<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/section/first-page.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents"></nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/section/index.html

@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Section # Section renders pages in section as definition list, using title and description.
+Example # {{&lt; section &gt;}} First Page First page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/section/" />
+<title>Section | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/shortcodes/section/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Section</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="section">
+  Section
+  <a class="anchor" href="#section">#</a>
+</h1>
+<p>Section renders pages in section as definition list, using title and description.</p>
+<h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">section</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div><dl>
+
+  <dt>
+    <a href="/docs/shortcodes/section/first-page/">First Page</a>
+  </dt>
+  <dd class="markdown-inner">
+    First page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  </dd>
+
+  <dt>
+    <a href="/docs/shortcodes/section/second-page/">Second Page</a>
+  </dt>
+  <dd class="markdown-inner">
+    Second Page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+  </dd>
+
+</dl>
+
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/section/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/section/index.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/shortcodes/section/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/shortcodes/section/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/section/first-page/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/section/first-page/</guid>
+      <description>First page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/section/second-page/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/section/second-page/</guid>
+      <description>Second Page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</description>
+    </item>
+    
+  </channel>
+</rss>

public/docs/shortcodes/section/second-page/index.html

@@ -0,0 +1,245 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Second Page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="Second Page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/section/second-page/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Second Page | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Second Page</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents"></nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="second-page">
+  Second Page
+  <a class="anchor" href="#second-page">#</a>
+</h1>
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+<!--more-->
+<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/section/second-page.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents"></nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/shortcodes/tabs/index.html

@@ -0,0 +1,301 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
+{{&lt; tabs &#34;uniqueid&#34; &gt;}} {{&lt; tab &#34;MacOS&#34; &gt;}} # MacOS Content {{&lt; /tab &gt;}} {{&lt; tab &#34;Linux&#34; &gt;}} # Linux Content {{&lt; /tab &gt;}} {{&lt; tab &#34;Windows&#34; &gt;}} # Windows Content {{&lt; /tab &gt;}} {{&lt; /tabs &gt;}} Example # MacOS MacOS # This is tab MacOS content.
+Lorem markdownum insigne. Olympo signis Delphis!">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
+{{&lt; tabs &#34;uniqueid&#34; &gt;}} {{&lt; tab &#34;MacOS&#34; &gt;}} # MacOS Content {{&lt; /tab &gt;}} {{&lt; tab &#34;Linux&#34; &gt;}} # Linux Content {{&lt; /tab &gt;}} {{&lt; tab &#34;Windows&#34; &gt;}} # Windows Content {{&lt; /tab &gt;}} {{&lt; /tabs &gt;}} Example # MacOS MacOS # This is tab MacOS content.
+Lorem markdownum insigne. Olympo signis Delphis!" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/shortcodes/tabs/" /><meta property="article:section" content="docs" />
+
+<meta property="article:modified_time" content="2023-01-20T02:32:06+08:00" />
+<title>Tabs | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>Tabs</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="tabs">
+  Tabs
+  <a class="anchor" href="#tabs">#</a>
+</h1>
+<p>Tabs let you organize content by context, for example installation instructions for each supported platform.</p>
+<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-tpl" data-lang="tpl"><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">tabs</span> <span style="color:#e6db74">&#34;uniqueid&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;MacOS&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span> # MacOS Content <span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;Linux&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span> # Linux Content <span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#a6e22e">tab</span> <span style="color:#e6db74">&#34;Windows&#34;</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span> # Windows Content <span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tab</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span><span style="display:flex;"><span><span style="color:#75715e">{{</span><span style="color:#f92672">&lt;</span> <span style="color:#f92672">/</span><span style="color:#a6e22e">tabs</span> <span style="color:#f92672">&gt;</span><span style="color:#75715e">}}</span>
+</span></span></code></pre></div><h2 id="example">
+  Example
+  <a class="anchor" href="#example">#</a>
+</h2>
+
+
+
+
+<div class="book-tabs"><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-0" checked="checked" />
+  <label for="tabs-uniqueid-0">MacOS</label>
+  <div class="book-tabs-content markdown-inner"><h1 id="macos">
+  MacOS
+  <a class="anchor" href="#macos">#</a>
+</h1>
+<p>This is tab <strong>MacOS</strong> content.</p>
+<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
+Miseratus fonte Ditis conubia.</p>
+</div><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-1"  />
+  <label for="tabs-uniqueid-1">Linux</label>
+  <div class="book-tabs-content markdown-inner"><h1 id="linux">
+  Linux
+  <a class="anchor" href="#linux">#</a>
+</h1>
+<p>This is tab <strong>Linux</strong> content.</p>
+<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
+Miseratus fonte Ditis conubia.</p>
+</div><input type="radio" class="toggle" name="tabs-uniqueid" id="tabs-uniqueid-2"  />
+  <label for="tabs-uniqueid-2">Windows</label>
+  <div class="book-tabs-content markdown-inner"><h1 id="windows">
+  Windows
+  <a class="anchor" href="#windows">#</a>
+</h1>
+<p>This is tab <strong>Windows</strong> content.</p>
+<p>Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
+stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa
+protulit, sed sed aere valvis inhaesuro Pallas animam: qui <em>quid</em>, ignes.
+Miseratus fonte Ditis conubia.</p>
+</div></div>
+
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/d2b7c62a10e2c7f8db801c881ab595830b3f7a7c" title='Last modified by JamesFlare1212 | January 20, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>January 20, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/shortcodes/tabs.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#example">Example</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/学术资源/index.html

@@ -0,0 +1,233 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="English is not available now, use Chinese">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/" />
+<title>学术资源 | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="zh" href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/" title="学术资源">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+  
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>学术资源</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents"></nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><p>English is not available now, use <a href="/zh/docs/%e5%ad%a6%e6%9c%af%e8%b5%84%e6%ba%90/">Chinese</a></p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/%e5%ad%a6%e6%9c%af%e8%b5%84%e6%ba%90/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents"></nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/学术资源/index.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/docs/学术资源/专业与课外资源/index.html

@@ -0,0 +1,346 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="专业与课外资源 # 前言 # 内容尚未编写开发，暂不可用 本页的主要目的是帮助各位快速定位到你们需要的内容。 目录 # 社区贡献者 # 感谢对开源社区所做的贡献">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/" />
+<title>专业与课外资源 | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="zh" href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/" title="专业与课外资源">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+  
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>专业与课外资源</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#前言">前言</a></li>
+    <li><a href="#目录">目录</a></li>
+    <li><a href="#社区贡献者">社区贡献者</a></li>
+    <li><a href="#加入我们">加入我们</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="专业与课外资源">
+  专业与课外资源
+  <a class="anchor" href="#%e4%b8%93%e4%b8%9a%e4%b8%8e%e8%af%be%e5%a4%96%e8%b5%84%e6%ba%90">#</a>
+</h1>
+<h2 id="前言">
+  前言
+  <a class="anchor" href="#%e5%89%8d%e8%a8%80">#</a>
+</h2>
+<blockquote class="book-hint warning">
+  内容尚未编写开发，暂不可用
+</blockquote>
+
+<p>本页的主要目的是帮助各位快速定位到你们需要的内容。</p>
+<h2 id="目录">
+  目录
+  <a class="anchor" href="#%e7%9b%ae%e5%bd%95">#</a>
+</h2>
+<h2 id="社区贡献者">
+  社区贡献者
+  <a class="anchor" href="#%e7%a4%be%e5%8c%ba%e8%b4%a1%e7%8c%ae%e8%80%85">#</a>
+</h2>
+<p>感谢对开源社区所做的贡献，他们在本资源库的建立中发挥了作用。</p>
+<div class="book-columns flex flex-wrap">
+
+  <div class="flex-even markdown-inner">
+    <h3 id="合计">
+  合计
+  <a class="anchor" href="#%e5%90%88%e8%ae%a1">#</a>
+</h3>
+<ul>
+<li>Tanya Tang</li>
+<li>Kayla Qu</li>
+<li>Robin Bao</li>
+<li>Boven Jiang</li>
+<li>Tobby Xu</li>
+<li>Catherine Zhang</li>
+<li>Wendy Qi</li>
+<li><a href="https://jamesflare.com">James Zhou</a></li>
+<li>Angel Hu</li>
+</ul>
+
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <h3 id="生物">
+  生物
+  <a class="anchor" href="#%e7%94%9f%e7%89%a9">#</a>
+</h3>
+<ul>
+<li>Robin Bao</li>
+</ul>
+<h3 id="化学">
+  化学
+  <a class="anchor" href="#%e5%8c%96%e5%ad%a6">#</a>
+</h3>
+<ul>
+<li>Boven Jiang</li>
+</ul>
+<h3 id="经济">
+  经济
+  <a class="anchor" href="#%e7%bb%8f%e6%b5%8e">#</a>
+</h3>
+<ul>
+<li>Tobby Xu</li>
+</ul>
+
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <h3 id="数学">
+  数学
+  <a class="anchor" href="#%e6%95%b0%e5%ad%a6">#</a>
+</h3>
+<ul>
+<li>Wendy Qi</li>
+</ul>
+<h3 id="开发">
+  开发
+  <a class="anchor" href="#%e5%bc%80%e5%8f%91">#</a>
+</h3>
+<ul>
+<li><a href="https://jamesflare.com">James Zhou</a></li>
+</ul>
+<h3 id="头">
+  头
+  <a class="anchor" href="#%e5%a4%b4">#</a>
+</h3>
+<ul>
+<li>Angel Hu</li>
+</ul>
+
+  </div>
+
+</div>
+
+<h2 id="加入我们">
+  加入我们
+  <a class="anchor" href="#%e5%8a%a0%e5%85%a5%e6%88%91%e4%bb%ac">#</a>
+</h2>
+<p>如果你有不错的内容，或者知道优质的创作者，欢迎投稿。</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/%e5%ad%a6%e6%9c%af%e8%b5%84%e6%ba%90/%e4%b8%93%e4%b8%9a%e4%b8%8e%e8%af%be%e5%a4%96%e8%b5%84%e6%ba%90/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#前言">前言</a></li>
+    <li><a href="#目录">目录</a></li>
+    <li><a href="#社区贡献者">社区贡献者</a></li>
+    <li><a href="#加入我们">加入我们</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/学术资源/专业与课外资源/index.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/docs/学术资源/学术工具集/index.html

@@ -0,0 +1,253 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="学术工具集 # 前言 # 内容尚未编写开发，暂不可用 本页的主要目的是帮助各位快速定位到你们需要的内容。">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/" />
+<title>学术工具集 | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="zh" href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/" title="学术工具集">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+  
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>学术工具集</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#前言">前言</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="学术工具集">
+  学术工具集
+  <a class="anchor" href="#%e5%ad%a6%e6%9c%af%e5%b7%a5%e5%85%b7%e9%9b%86">#</a>
+</h1>
+<h2 id="前言">
+  前言
+  <a class="anchor" href="#%e5%89%8d%e8%a8%80">#</a>
+</h2>
+<blockquote class="book-hint warning">
+  内容尚未编写开发，暂不可用
+</blockquote>
+
+<p>本页的主要目的是帮助各位快速定位到你们需要的内容。</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/%e5%ad%a6%e6%9c%af%e8%b5%84%e6%ba%90/%e5%ad%a6%e6%9c%af%e5%b7%a5%e5%85%b7%e9%9b%86/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#前言">前言</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/学术资源/学术工具集/index.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/docs/学术资源/学科在线资源/index.html

@@ -0,0 +1,371 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="学科在线资源 # 前言 # 内容尚在编写开发，并不完善 本页的主要目的是帮助各位快速定位到你们需要的内容。 目录 # 通用 美术&amp;历史 自然科学 人文科学">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/" />
+<title>学科在线资源 | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="zh" href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/" title="学科在线资源">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+  
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>学科在线资源</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#前言">前言</a></li>
+    <li><a href="#社区贡献者">社区贡献者</a></li>
+    <li><a href="#加入我们">加入我们</a></li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="学科在线资源">
+  学科在线资源
+  <a class="anchor" href="#%e5%ad%a6%e7%a7%91%e5%9c%a8%e7%ba%bf%e8%b5%84%e6%ba%90">#</a>
+</h1>
+<h2 id="前言">
+  前言
+  <a class="anchor" href="#%e5%89%8d%e8%a8%80">#</a>
+</h2>
+<blockquote class="book-hint warning">
+  内容尚在编写开发，并不完善
+</blockquote>
+
+<p>本页的主要目的是帮助各位快速定位到你们需要的内容。</p>
+<div class="book-columns flex flex-wrap">
+
+  <div class="flex-even markdown-inner">
+    <h2 id="目录">
+  目录
+  <a class="anchor" href="#%e7%9b%ae%e5%bd%95">#</a>
+</h2>
+<ul>
+<li><a href="%e9%80%9a%e7%94%a8/">通用</a></li>
+<li><a href="%e7%be%8e%e6%9c%af%e5%8e%86%e5%8f%b2/">美术&amp;历史</a></li>
+<li><a href="%e8%87%aa%e7%84%b6%e7%a7%91%e5%ad%a6/">自然科学</a></li>
+<li><a href="%e4%ba%ba%e6%96%87%e7%a7%91%e5%ad%a6/">人文科学</a></li>
+<li><a href="%e6%95%b0%e5%ad%a6/">数学</a></li>
+<li><a href="%e8%af%ad%e8%a8%80/">语言</a></li>
+</ul>
+
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <h2 id="提示">
+  提示
+  <a class="anchor" href="#%e6%8f%90%e7%a4%ba">#</a>
+</h2>
+<p>这很好查询。比如我要找，物理，那它属于</p>
+<ul>
+<li>学科
+<ul>
+<li><a href="%e8%87%aa%e7%84%b6%e7%a7%91%e5%ad%a6/">自然科学</a>
+<ul>
+<li><strong>物理</strong></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<p>于是直接点击右边的<a href="%e8%87%aa%e7%84%b6%e7%a7%91%e5%ad%a6/">自然科学</a>即可找到。</p>
+
+  </div>
+
+</div>
+
+<h2 id="社区贡献者">
+  社区贡献者
+  <a class="anchor" href="#%e7%a4%be%e5%8c%ba%e8%b4%a1%e7%8c%ae%e8%80%85">#</a>
+</h2>
+<p>感谢对开源社区所做的贡献，他们在本资源库的建立中发挥了作用。</p>
+<div class="book-columns flex flex-wrap">
+
+  <div class="flex-even markdown-inner">
+    <h3 id="合计">
+  合计
+  <a class="anchor" href="#%e5%90%88%e8%ae%a1">#</a>
+</h3>
+<ul>
+<li>Cindy Pan</li>
+<li>Robin Bao</li>
+<li>Boven Jiang</li>
+<li>Tobby Xu</li>
+<li><a href="https://jamesflare.com">James Zhou</a></li>
+<li>Angel Hu</li>
+</ul>
+
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <h3 id="生物">
+  生物
+  <a class="anchor" href="#%e7%94%9f%e7%89%a9">#</a>
+</h3>
+<ul>
+<li>Robin Bao</li>
+</ul>
+<h3 id="化学">
+  化学
+  <a class="anchor" href="#%e5%8c%96%e5%ad%a6">#</a>
+</h3>
+<ul>
+<li>Boven Jiang</li>
+</ul>
+<h3 id="经济">
+  经济
+  <a class="anchor" href="#%e7%bb%8f%e6%b5%8e">#</a>
+</h3>
+<ul>
+<li>Tobby Xu</li>
+</ul>
+
+  </div>
+
+  <div class="flex-even markdown-inner">
+    <h3 id="开发">
+  开发
+  <a class="anchor" href="#%e5%bc%80%e5%8f%91">#</a>
+</h3>
+<ul>
+<li><a href="https://jamesflare.com">James Zhou</a></li>
+</ul>
+<h3 id="头">
+  头
+  <a class="anchor" href="#%e5%a4%b4">#</a>
+</h3>
+<ul>
+<li>Angel Hu</li>
+</ul>
+
+  </div>
+
+</div>
+
+<h2 id="加入我们">
+  加入我们
+  <a class="anchor" href="#%e5%8a%a0%e5%85%a5%e6%88%91%e4%bb%ac">#</a>
+</h2>
+<p>如果你有不错的内容，或者知道优质的创作者，欢迎投稿。</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/%e5%ad%a6%e6%9c%af%e8%b5%84%e6%ba%90/%e5%ad%a6%e7%a7%91%e5%9c%a8%e7%ba%bf%e8%b5%84%e6%ba%90/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#前言">前言</a></li>
+    <li><a href="#社区贡献者">社区贡献者</a></li>
+    <li><a href="#加入我们">加入我们</a></li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/学术资源/学科在线资源/index.xml

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Academic Resources</title>
+    <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/</link>
+    <description>Recent content on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E7%BE%8E%E6%9C%AF%E5%8E%86%E5%8F%B2/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E7%BE%8E%E6%9C%AF%E5%8E%86%E5%8F%B2/</guid>
+      <description>美术&amp;amp;历史 # Google Art Project # 简介 Google Art Project是Google与世界各地博物馆合作，利用Google街景技术拍摄博物馆内部实景，并且以超高</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6/</guid>
+      <description>Natural Science # Natural Science resources, include Web Tools, YouTubers, NGOs. Physics # WolframAlpha # # 简介 # ![wolframalphalogo.svg](/dsasuniversaldocs/resources/academicdpt/wolframalphalogo.svg =70%x) Step-by-step solution to different calucation question. Again, it&amp;rsquo;s for you to check the answer or go for help. 价格 # Basic Personalized experience with customizable settings Does not include step-by-step solutions $0 per month, billed $0 annually Pro Enhanced features with step-by-step solutions Increased computation time and calculator</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%AF%AD%E8%A8%80/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%AF%AD%E8%A8%80/</guid>
+      <description>Languages # Languages resources, include Web Tools, YouTubers, NGOs. English # IGCSESUCCESS # # 简介 # ![igcsesuccess.jpg](/dsasuniversaldocs/resources/academicdpt/igcsesuccess.jpg =10%x) Tips and skills for IGCSE EFL students. Sparknotes-literature Study # # 简介 # ![sparknoteslogo.svg](/dsasuniversaldocs/resources/academicdpt/sparknoteslogo.svg =45%x) Extremely useful for literature reading, covering summary, analysis of character, themes, symbols and so on. LearnAndRecord # # 简介 # ![learnandrecord.jpg](/dsasuniversaldocs/resources/academicdpt/learnandrecord.jpg =10%x) WeChat Channel for English learning. Learn through news and policies from journals.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E9%80%9A%E7%94%A8/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E9%80%9A%E7%94%A8/</guid>
+      <description>通用 # 可以用于多个，跨学科的资源。 Khan Academy # 简介 ... On Khan Academy, you are offered with free recorded lessons of a specturm of subjects, including Mathematics, Natural Science, Social Science, Arts, Humanities and Languages. It has produced over 8,000 video lessons teaching a wide spectrum of academic subjects, originally focusing on mathematics and sciences. All resources</description>
+    </item>
+    
+  </channel>
+</rss>

public/docs/学术资源/学科在线资源/自然科学/index.html

@@ -0,0 +1,559 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Natural Science # Natural Science resources, include Web Tools, YouTubers, NGOs. Physics # WolframAlpha # # 简介 # ![wolframalphalogo.svg](/dsasuniversaldocs/resources/academicdpt/wolframalphalogo.svg =70%x) Step-by-step solution to different calucation question. Again, it&rsquo;s for you to check the answer or go for help. 价格 # Basic Personalized experience with customizable settings Does not include step-by-step solutions $0 per month, billed $0 annually Pro Enhanced features with step-by-step solutions Increased computation time and calculator">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="Natural Science # Natural Science resources, include Web Tools, YouTubers, NGOs. Physics # WolframAlpha # # 简介 # ![wolframalphalogo.svg](/dsasuniversaldocs/resources/academicdpt/wolframalphalogo.svg =70%x) Step-by-step solution to different calucation question. Again, it&rsquo;s for you to check the answer or go for help. 价格 # Basic Personalized experience with customizable settings Does not include step-by-step solutions $0 per month, billed $0 annually Pro Enhanced features with step-by-step solutions Increased computation time and calculator" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6/" /><meta property="article:section" content="docs" />
+
+
+<title>自然科学 | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>自然科学</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#physics">Physics</a>
+      <ul>
+        <li><a href="#wolframalphahttpswwwwolframalphacom"><a href="https://www.wolframalpha.com/">WolframAlpha</a></a></li>
+        <li><a href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons"><a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a></a></li>
+      </ul>
+    </li>
+    <li><a href="#chemistry">Chemistry</a>
+      <ul>
+        <li><a href="#wolframalphahttpswwwwolframalphacom-1"><a href="https://www.wolframalpha.com/">WolframAlpha</a></a></li>
+        <li><a href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons-1"><a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a></a></li>
+        <li><a href="#the-organic-chemistry-tutorhttpswwwyoutubecomctheorganicchemistrytutor"><a href="https://www.youtube.com/c/TheOrganicChemistryTutor">The Organic Chemistry Tutor</a></a></li>
+        <li><a href="#nileredhttpswwwyoutubecomcnilered"><a href="https://www.youtube.com/c/nilered">NileRed</a></a></li>
+      </ul>
+    </li>
+    <li><a href="#biology">Biology</a>
+      <ul>
+        <li><a href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons-2"><a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a></a></li>
+        <li><a href="#yourgenomehttpswwwyourgenomeorg"><a href="https://www.yourgenome.org/">YourGenome</a></a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="natural-science">
+  Natural Science
+  <a class="anchor" href="#natural-science">#</a>
+</h1>
+<p>Natural Science resources, include Web Tools, YouTubers, NGOs.</p>
+<h2 id="physics">
+  Physics
+  <a class="anchor" href="#physics">#</a>
+</h2>
+<h3 id="wolframalphahttpswwwwolframalphacom">
+  <a href="https://www.wolframalpha.com/">WolframAlpha</a>
+  <a class="anchor" href="#wolframalphahttpswwwwolframalphacom">#</a>
+</h3>
+<h4 id="heading">
+  
+  <a class="anchor" href="#heading">#</a>
+</h4>
+<h5 id="简介">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b">#</a>
+</h5>
+<p>![wolframalphalogo.svg](/dsasuniversaldocs/resources/academicdpt/wolframalphalogo.svg =70%x)
+Step-by-step solution to different calucation question. Again, it&rsquo;s for you to check the answer or go for help.</p>
+<h5 id="价格">
+  价格
+  <a class="anchor" href="#%e4%bb%b7%e6%a0%bc">#</a>
+</h5>
+<ul>
+<li>
+<p><strong>Basic</strong></p>
+<ul>
+<li>Personalized experience with customizable settings</li>
+<li>Does not include step-by-step solutions</li>
+<li>$0 per month, billed $0 annually</li>
+</ul>
+</li>
+<li>
+<p><strong>Pro</strong></p>
+<ul>
+<li>Enhanced features with step-by-step solutions</li>
+<li>Increased computation time and calculator Web Apps</li>
+<li>$7.25 per month, billed $60.00 annually</li>
+</ul>
+</li>
+<li>
+<p><strong>Pro Premium</strong></p>
+<ul>
+<li>Complete access to all features and priority customer support</li>
+<li>$8.25 per month, billed $99.00 annually</li>
+</ul>
+</li>
+</ul>
+<h5 id="点评">
+  点评
+  <a class="anchor" href="#%e7%82%b9%e8%af%84">#</a>
+</h5>
+<p>You can not use very casual natural language.</p>
+<p>You may need some practice before using it very well.</p>
+<p>Free plan is enough for daily usage.</p>
+<h5 id="营业范围">
+  营业范围
+  <a class="anchor" href="#%e8%90%a5%e4%b8%9a%e8%8c%83%e5%9b%b4">#</a>
+</h5>
+<ul>
+<li>Astrophysics</li>
+<li>Electricity &amp; Magnetism</li>
+<li>Fluid Mechanics</li>
+<li>Mechanics</li>
+<li>Nuclear Physics</li>
+<li>Optics</li>
+<li>Oscillations &amp; Waves</li>
+<li>Particle Physics</li>
+<li>Physical Constants</li>
+<li>Physical Effects</li>
+<li>Physical Principles</li>
+<li>Quantum Physics</li>
+<li>Relativity</li>
+<li>Statistical Physics</li>
+<li>Thermodynamics</li>
+</ul>
+<h5 id="示例">
+  示例
+  <a class="anchor" href="#%e7%a4%ba%e4%be%8b">#</a>
+</h5>
+<ul>
+<li><a href="https://www.wolframalpha.com/input?i=work&#43;F%3D30N%2C&#43;d%3D100m">work F=30N, d=100m</a></li>
+<li><a href="https://www.wolframalpha.com/input?i=centripetal&#43;acceleration%2C&#43;30mph%2C&#43;500&#43;ft">centripetal acceleration, 30mph, 500 ft</a></li>
+<li><a href="https://www.wolframalpha.com/input?i=Doppler&#43;shift&#43;300Hz%2C&#43;75mph">Doppler shift 300Hz, 75mph</a></li>
+<li><a href="https://www.wolframalpha.com/input?i=ideal&#43;gas&#43;law&#43;2.2mol%2C&#43;2.0atm%2C&#43;500K">ideal gas law 2.2mol, 2.0atm, 500K</a></li>
+<li><a href="https://www.wolframalpha.com/examples/science-and-technology/physics">More</a></li>
+</ul>
+<h3 id="freescienelessonshttpswwwyoutubecomcfreesciencelessons">
+  <a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a>
+  <a class="anchor" href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons">#</a>
+</h3>
+<h4 id="heading-1">
+  
+  <a class="anchor" href="#heading-1">#</a>
+</h4>
+<h5 id="简介-1">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-1">#</a>
+</h5>
+<p>![freescienelessons.jpg](/dsasuniversaldocs/resources/academicdpt/freescienelessons.jpg =10%x)
+Including Biology, Chemistry, Physics short lessons for key concepts, also skills practical exams.</p>
+<h2 id="chemistry">
+  Chemistry
+  <a class="anchor" href="#chemistry">#</a>
+</h2>
+<h3 id="wolframalphahttpswwwwolframalphacom-1">
+  <a href="https://www.wolframalpha.com/">WolframAlpha</a>
+  <a class="anchor" href="#wolframalphahttpswwwwolframalphacom-1">#</a>
+</h3>
+<h4 id="heading-2">
+  
+  <a class="anchor" href="#heading-2">#</a>
+</h4>
+<h5 id="简介-2">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-2">#</a>
+</h5>
+<p>![wolframalphalogo.svg](/dsasuniversaldocs/resources/academicdpt/wolframalphalogo.svg =70%x)
+Step-by-step solution to different calucation question. Again, it&rsquo;s for you to check the answer or go for help.</p>
+<h5 id="价格-1">
+  价格
+  <a class="anchor" href="#%e4%bb%b7%e6%a0%bc-1">#</a>
+</h5>
+<ul>
+<li>
+<p><strong>Basic</strong></p>
+<ul>
+<li>Personalized experience with customizable settings</li>
+<li>Does not include step-by-step solutions</li>
+<li>$0 per month, billed $0 annually</li>
+</ul>
+</li>
+<li>
+<p><strong>Pro</strong></p>
+<ul>
+<li>Enhanced features with step-by-step solutions</li>
+<li>Increased computation time and calculator Web Apps</li>
+<li>$7.25 per month, billed $60.00 annually</li>
+</ul>
+</li>
+<li>
+<p><strong>Pro Premium</strong></p>
+<ul>
+<li>Complete access to all features and priority customer support</li>
+<li>$8.25 per month, billed $99.00 annually</li>
+</ul>
+</li>
+</ul>
+<h5 id="点评-1">
+  点评
+  <a class="anchor" href="#%e7%82%b9%e8%af%84-1">#</a>
+</h5>
+<p>You can not use very casual natural language.</p>
+<p>You may need some practice before using it very well.</p>
+<p>Free plan is enough for daily usage.</p>
+<h5 id="营业范围-1">
+  营业范围
+  <a class="anchor" href="#%e8%90%a5%e4%b8%9a%e8%8c%83%e5%9b%b4-1">#</a>
+</h5>
+<ul>
+<li>Bonds &amp; Orbitals</li>
+<li>Chemical Compounds</li>
+<li>Chemical Elements</li>
+<li>Chemical Quantities</li>
+<li>Chemical Reactions</li>
+<li>Chemical Solutions</li>
+<li>Chemical Thermodynamics</li>
+<li>Cheminformatics</li>
+<li>Functional Groups</li>
+<li>Ions</li>
+<li>Nuclear Chemistry</li>
+<li>Quantum Chemistry</li>
+</ul>
+<h5 id="示例-1">
+  示例
+  <a class="anchor" href="#%e7%a4%ba%e4%be%8b-1">#</a>
+</h5>
+<ul>
+<li><a href="https://www.wolframalpha.com/input?i=H2SO4">H2SO4</a></li>
+<li><a href="https://www.wolframalpha.com/input?i=0.2&#43;mol&#43;CH4&#43;%2B&#43;O2&#43;-%3E&#43;7&#43;mL&#43;H2O&#43;%2B&#43;CO2">0.2 mol CH4 + O2 -&gt; 7 mL H2O + CO2</a></li>
+<li><a href="https://www.wolframalpha.com/input?i=100&#43;mL&#43;of&#43;1.5&#43;molar&#43;K2CO3&#43;in&#43;THF">100 mL of 1.5 molar K2CO3 in THF</a></li>
+<li><a href="https://www.wolframalpha.com/input?i=oxalyl&#43;dihydrazide&#43;vs&#43;N%2CN-di-N-butylformamide">oxalyl dihydrazide vs N,N-di-N-butylformamide</a></li>
+<li><a href="https://www.wolframalpha.com/examples/science-and-technology/chemistry">More</a></li>
+</ul>
+<h3 id="freescienelessonshttpswwwyoutubecomcfreesciencelessons-1">
+  <a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a>
+  <a class="anchor" href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons-1">#</a>
+</h3>
+<h4 id="heading-3">
+  
+  <a class="anchor" href="#heading-3">#</a>
+</h4>
+<h5 id="简介-3">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-3">#</a>
+</h5>
+<p>![freescienelessons.jpg](/dsasuniversaldocs/resources/academicdpt/freescienelessons.jpg =10%x)
+Including Biology, Chemistry, Physics short lessons for key concepts, also skills practical exams.</p>
+<h3 id="the-organic-chemistry-tutorhttpswwwyoutubecomctheorganicchemistrytutor">
+  <a href="https://www.youtube.com/c/TheOrganicChemistryTutor">The Organic Chemistry Tutor</a>
+  <a class="anchor" href="#the-organic-chemistry-tutorhttpswwwyoutubecomctheorganicchemistrytutor">#</a>
+</h3>
+<h4 id="heading-4">
+  
+  <a class="anchor" href="#heading-4">#</a>
+</h4>
+<h5 id="简介-4">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-4">#</a>
+</h5>
+<p>Explains mainly organic chemistries, also includes many other contents which all have high quality of explanation.</p>
+<h3 id="nileredhttpswwwyoutubecomcnilered">
+  <a href="https://www.youtube.com/c/nilered">NileRed</a>
+  <a class="anchor" href="#nileredhttpswwwyoutubecomcnilered">#</a>
+</h3>
+<h4 id="heading-5">
+  
+  <a class="anchor" href="#heading-5">#</a>
+</h4>
+<h5 id="intro">
+  Intro
+  <a class="anchor" href="#intro">#</a>
+</h5>
+<p>He is a YouTuber, the channel is not too much about school lessons. But more about interest. There are many famous and fun Chemistry experiments, such as turn toilet paper into alcohol.</p>
+<p>You may get some idea about your EE or IA as your common sense got challenged.</p>
+<h5 id="playlist">
+  PlayList
+  <a class="anchor" href="#playlist">#</a>
+</h5>
+<ul>
+<li><a href="https://www.youtube.com/watch?v=IrdYueB9pY4">Aluminum and Mercury</a></li>
+<li><a href="https://www.youtube.com/watch?v=37Kn-kIsVu8">Turning old jewelry into pure gold bars</a></li>
+<li><a href="https://www.youtube.com/watch?v=1B3Xi5L6siI">Turning plastic gloves into hot sauce</a></li>
+<li><a href="https://www.youtube.com/watch?v=Y0HfmYBlF8g">Making aerogel</a></li>
+<li><a href="https://www.youtube.com/watch?v=ZiWlthrtneU">All about Mercury, the Liquid Metal | Element Series</a></li>
+<li><a href="https://www.youtube.com/watch?v=uUU3jW7Y9Ak">Making transparent wood</a></li>
+<li><a href="https://www.youtube.com/c/NileRed/videos">More</a></li>
+</ul>
+<h5 id="info">
+  Info
+  <a class="anchor" href="#info">#</a>
+</h5>
+<blockquote>
+<p>Capturing the natural beauty of chemistry</p>
+<p>I find that chemistry is often taught poorly or without a purpose. Because of this, people tend to lose interest and sometimes even start to hate it. In each video that I make, I try to balance theory with purpose. My goal is to capture the natural beauty of chemistry in fun and interesting ways.</p>
+<p>In terms of education, I have a BSc in Biochemistry, with a minor in pharmacology. However, I&rsquo;ve always been a lot more drawn to applied chemistry. So after finishing my degree, I worked as a lab tech in an organic lab, and then as a chemistry grad student. However, I ended up leaving my graduate studies early to focus on this channel. Now, making chemistry videos has become my full-time job!</p>
+</blockquote>
+<h2 id="biology">
+  Biology
+  <a class="anchor" href="#biology">#</a>
+</h2>
+<h3 id="freescienelessonshttpswwwyoutubecomcfreesciencelessons-2">
+  <a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a>
+  <a class="anchor" href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons-2">#</a>
+</h3>
+<h4 id="heading-6">
+  
+  <a class="anchor" href="#heading-6">#</a>
+</h4>
+<h5 id="简介-5">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-5">#</a>
+</h5>
+<p>![freescienelessons.jpg](/dsasuniversaldocs/resources/academicdpt/freescienelessons.jpg =10%x)
+Including Biology, Chemistry, Physics short lessons for key concepts, also skills practical exams.</p>
+<h3 id="yourgenomehttpswwwyourgenomeorg">
+  <a href="https://www.yourgenome.org/">YourGenome</a>
+  <a class="anchor" href="#yourgenomehttpswwwyourgenomeorg">#</a>
+</h3>
+<h4 id="heading-7">
+  
+  <a class="anchor" href="#heading-7">#</a>
+</h4>
+<h5 id="简介-6">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-6">#</a>
+</h5>
+<p>![yourgenome.png](/dsasuniversaldocs/resources/academicdpt/yourgenome.png =10%x)
+<a href="https://www.youtube.com/c/yourgenome">Youtube channel</a> where you can find everything you&rsquo;d like to know about DNA, genomes and genes.</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/%e5%ad%a6%e6%9c%af%e8%b5%84%e6%ba%90/%e5%ad%a6%e7%a7%91%e5%9c%a8%e7%ba%bf%e8%b5%84%e6%ba%90/%e8%87%aa%e7%84%b6%e7%a7%91%e5%ad%a6.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#physics">Physics</a>
+      <ul>
+        <li><a href="#wolframalphahttpswwwwolframalphacom"><a href="https://www.wolframalpha.com/">WolframAlpha</a></a></li>
+        <li><a href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons"><a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a></a></li>
+      </ul>
+    </li>
+    <li><a href="#chemistry">Chemistry</a>
+      <ul>
+        <li><a href="#wolframalphahttpswwwwolframalphacom-1"><a href="https://www.wolframalpha.com/">WolframAlpha</a></a></li>
+        <li><a href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons-1"><a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a></a></li>
+        <li><a href="#the-organic-chemistry-tutorhttpswwwyoutubecomctheorganicchemistrytutor"><a href="https://www.youtube.com/c/TheOrganicChemistryTutor">The Organic Chemistry Tutor</a></a></li>
+        <li><a href="#nileredhttpswwwyoutubecomcnilered"><a href="https://www.youtube.com/c/nilered">NileRed</a></a></li>
+      </ul>
+    </li>
+    <li><a href="#biology">Biology</a>
+      <ul>
+        <li><a href="#freescienelessonshttpswwwyoutubecomcfreesciencelessons-2"><a href="https://www.youtube.com/c/Freesciencelessons">FreeScieneLessons</a></a></li>
+        <li><a href="#yourgenomehttpswwwyourgenomeorg"><a href="https://www.yourgenome.org/">YourGenome</a></a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/学术资源/学科在线资源/语言/index.html

@@ -0,0 +1,462 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="Languages # Languages resources, include Web Tools, YouTubers, NGOs. English # IGCSESUCCESS # # 简介 # ![igcsesuccess.jpg](/dsasuniversaldocs/resources/academicdpt/igcsesuccess.jpg =10%x) Tips and skills for IGCSE EFL students. Sparknotes-literature Study # # 简介 # ![sparknoteslogo.svg](/dsasuniversaldocs/resources/academicdpt/sparknoteslogo.svg =45%x) Extremely useful for literature reading, covering summary, analysis of character, themes, symbols and so on. LearnAndRecord # # 简介 # ![learnandrecord.jpg](/dsasuniversaldocs/resources/academicdpt/learnandrecord.jpg =10%x) WeChat Channel for English learning. Learn through news and policies from journals.">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="Languages # Languages resources, include Web Tools, YouTubers, NGOs. English # IGCSESUCCESS # # 简介 # ![igcsesuccess.jpg](/dsasuniversaldocs/resources/academicdpt/igcsesuccess.jpg =10%x) Tips and skills for IGCSE EFL students. Sparknotes-literature Study # # 简介 # ![sparknoteslogo.svg](/dsasuniversaldocs/resources/academicdpt/sparknoteslogo.svg =45%x) Extremely useful for literature reading, covering summary, analysis of character, themes, symbols and so on. LearnAndRecord # # 简介 # ![learnandrecord.jpg](/dsasuniversaldocs/resources/academicdpt/learnandrecord.jpg =10%x) WeChat Channel for English learning. Learn through news and policies from journals." />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%AF%AD%E8%A8%80/" /><meta property="article:section" content="docs" />
+
+
+<title>语言 | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>语言</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#english">English</a>
+      <ul>
+        <li><a href="#igcsesuccesshttpswwwyoutubecomcigcsesuccessvideos"><a href="https://www.youtube.com/c/iGCSESuccess/videos">IGCSESUCCESS</a></a></li>
+        <li><a href="#sparknotes-literature-studyhttpswwwsparknotescomlit"><a href="https://www.sparknotes.com/lit/">Sparknotes-literature Study</a></a></li>
+        <li><a href="#learnandrecordhttpwwwlearnandrecordcom"><a href="http://www.learnandrecord.com/">LearnAndRecord</a></a></li>
+      </ul>
+    </li>
+    <li><a href="#中文">中文</a>
+      <ul>
+        <li><a href="#北京鲁迅博物馆北京新文化运动纪念馆httpluxunmuseumcomcncx"><a href="http://luxunmuseum.com.cn/cx/">北京鲁迅博物馆（北京新文化运动纪念馆）</a></a></li>
+        <li><a href="#国图公开课httpopennlccnonlineeduclientindexhtm"><a href="http://open.nlc.cn/onlineedu/client/index.htm">国图公开课</a></a></li>
+        <li><a href="#中国社会科学院近代史研究所httpwwwmodernchinaorgcn"><a href="http://www.modernchina.org.cn">中国社会科学院近代史研究所</a></a></li>
+        <li><a href="#台湾中研院近代史研究所httpwwwmhsinicaedutwindexhtm新版网页"><a href="http://www.mh.sinica.edu.tw/index.htm">台湾中研院近代史研究所</a>（新版网页）</a></li>
+        <li><a href="#中国中俄关系史研究会httpcnruchinaaucom"><a href="http://cnru.chinaau.com">中国中俄关系史研究会</a></a></li>
+        <li><a href="#南京大学中华民国史研究中心httpwwwmgzxcom新版网页"><a href="http://www.mgzx.com">南京大学中华民国史研究中心</a>（新版网页）</a></li>
+        <li><a href="#中日网南京师范大学南京大屠杀研究中心httpwwwsjhistoryorgsitenewxhindexhtm"><a href="http://www.sjhistory.org/site/newxh/index.htm">中日网（南京师范大学南京大屠杀研究中心）</a></a></li>
+        <li><a href="#日本现代中国学会httpwwwsocniiacjpjamcsindexhtml"><a href="http://wwwsoc.nii.ac.jp/jamcs/index.html">日本现代中国学会</a></a></li>
+        <li><a href="#早稻田大学中国外交史研究会httpwwwwaseda-coe-casjpprojectminutesindex-3-14html"><a href="http://www.waseda-coe-cas.jp/project/minutes/index-3-14.html">早稻田大学中国外交史研究会</a></a></li>
+        <li><a href="#中国社会科学院中国边疆史地研究中心httpwwwcassnetcnchineses32_bjzxnew_page_2htm"><a href="http://www.cass.net.cn/chinese/s32_bjzx/new_page_2.htm">中国社会科学院中国边疆史地研究中心</a></a></li>
+        <li><a href="#香港档案学会httpwwwarchivesorghk"><a href="http://www.archives.org.hk">香港档案学会</a></a></li>
+        <li><a href="#俄亥俄州立大学东亚语言文学系httpdeallosuedu"><a href="http://deall.osu.edu">俄亥俄州立大学东亚语言文学系</a></a></li>
+        <li><a href="#澳大利亚国立大学亚洲太平洋历史研究httprspasanueduaupah"><a href="http://rspas.anu.edu.au/pah">澳大利亚国立大学亚洲太平洋历史研究</a></a></li>
+        <li><a href="#哥伦比亚大学东亚语言与文化系httpwwwcolumbiaeducuealac"><a href="http://www.columbia.edu/cu/ealac">哥伦比亚大学东亚语言与文化系</a></a></li>
+        <li><a href="#加州大学洛杉矶分校中国研究中心httpwwwisopuclaeduccs"><a href="http://www.isop.ucla.edu/ccs">加州大学洛杉矶分校中国研究中心</a></a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="languages">
+  Languages
+  <a class="anchor" href="#languages">#</a>
+</h1>
+<p>Languages resources, include Web Tools, YouTubers, NGOs.</p>
+<h2 id="english">
+  English
+  <a class="anchor" href="#english">#</a>
+</h2>
+<h3 id="igcsesuccesshttpswwwyoutubecomcigcsesuccessvideos">
+  <a href="https://www.youtube.com/c/iGCSESuccess/videos">IGCSESUCCESS</a>
+  <a class="anchor" href="#igcsesuccesshttpswwwyoutubecomcigcsesuccessvideos">#</a>
+</h3>
+<h4 id="heading">
+  
+  <a class="anchor" href="#heading">#</a>
+</h4>
+<h5 id="简介">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b">#</a>
+</h5>
+<p>![igcsesuccess.jpg](/dsasuniversaldocs/resources/academicdpt/igcsesuccess.jpg =10%x)
+Tips and skills for IGCSE EFL students.</p>
+<h3 id="sparknotes-literature-studyhttpswwwsparknotescomlit">
+  <a href="https://www.sparknotes.com/lit/">Sparknotes-literature Study</a>
+  <a class="anchor" href="#sparknotes-literature-studyhttpswwwsparknotescomlit">#</a>
+</h3>
+<h4 id="heading-1">
+  
+  <a class="anchor" href="#heading-1">#</a>
+</h4>
+<h5 id="简介-1">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-1">#</a>
+</h5>
+<p>![sparknoteslogo.svg](/dsasuniversaldocs/resources/academicdpt/sparknoteslogo.svg =45%x)
+Extremely useful for literature reading, covering summary, analysis of character, themes, symbols and so on.</p>
+<h3 id="learnandrecordhttpwwwlearnandrecordcom">
+  <a href="http://www.learnandrecord.com/">LearnAndRecord</a>
+  <a class="anchor" href="#learnandrecordhttpwwwlearnandrecordcom">#</a>
+</h3>
+<h4 id="heading-2">
+  
+  <a class="anchor" href="#heading-2">#</a>
+</h4>
+<h5 id="简介-2">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-2">#</a>
+</h5>
+<p>![learnandrecord.jpg](/dsasuniversaldocs/resources/academicdpt/learnandrecord.jpg =10%x)
+WeChat Channel for English learning. Learn through news and policies from journals.</p>
+<blockquote>
+<p>Talk is cheap.
+Show me the action.</p>
+</blockquote>
+<h5 id="more-info">
+  More Info
+  <a class="anchor" href="#more-info">#</a>
+</h5>
+<p><strong>WeChat Channel A</strong>：LearnAndRecord
+<strong>WeChat Channel B</strong>：英语学习社
+<strong>Personal WeChat</strong>：learnrecord
+<strong>bilibili</strong>：LearnAndRecord
+<strong>Weibo/Sina Weibo</strong>：@LearnAndRecord
+<strong>Xiaohongshu</strong>：LearnAndRecord</p>
+<h2 id="中文">
+  中文
+  <a class="anchor" href="#%e4%b8%ad%e6%96%87">#</a>
+</h2>
+<h3 id="北京鲁迅博物馆北京新文化运动纪念馆httpluxunmuseumcomcncx">
+  <a href="http://luxunmuseum.com.cn/cx/">北京鲁迅博物馆（北京新文化运动纪念馆）</a>
+  <a class="anchor" href="#%e5%8c%97%e4%ba%ac%e9%b2%81%e8%bf%85%e5%8d%9a%e7%89%a9%e9%a6%86%e5%8c%97%e4%ba%ac%e6%96%b0%e6%96%87%e5%8c%96%e8%bf%90%e5%8a%a8%e7%ba%aa%e5%bf%b5%e9%a6%86httpluxunmuseumcomcncx">#</a>
+</h3>
+<h4 id="heading-3">
+  
+  <a class="anchor" href="#heading-3">#</a>
+</h4>
+<h5 id="简介-3">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-3">#</a>
+</h5>
+<p>![beijingluxunmuseum.png](/dsasuniversaldocs/resources/academicdpt/beijingluxunmuseum.png =70%x)
+资料查询在线检索系统：不只有语录，著作、书信、日记、专题等资料比较全</p>
+<h3 id="国图公开课httpopennlccnonlineeduclientindexhtm">
+  <a href="http://open.nlc.cn/onlineedu/client/index.htm">国图公开课</a>
+  <a class="anchor" href="#%e5%9b%bd%e5%9b%be%e5%85%ac%e5%bc%80%e8%af%behttpopennlccnonlineeduclientindexhtm">#</a>
+</h3>
+<h4 id="heading-4">
+  
+  <a class="anchor" href="#heading-4">#</a>
+</h4>
+<h5 id="简介-4">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-4">#</a>
+</h5>
+<p>![nlc.png](/dsasuniversaldocs/resources/academicdpt/nlc.png =30%x)
+国家图书馆旗下的网站，虽然知名度不是很高，但课程质量和讲师质量真的很高。</p>
+<h5 id="百科">
+  百科
+  <a class="anchor" href="#%e7%99%be%e7%a7%91">#</a>
+</h5>
+<blockquote>
+<p>国图公开课是国家图书馆借鉴“慕课”的大规模、开放、在线理念，以传承和弘扬先进文化与中华优秀传统文化为核心，依托国家图书馆的馆藏海量资源，设立了专题课程和读书推荐等栏目，采取线上线下相结合的互动模式，推送多种形态的学习资源，创立面向社会大众，严肃、通俗、负责的通识教育平台。</p>
+</blockquote>
+<h3 id="中国社会科学院近代史研究所httpwwwmodernchinaorgcn">
+  <a href="http://www.modernchina.org.cn">中国社会科学院近代史研究所</a>
+  <a class="anchor" href="#%e4%b8%ad%e5%9b%bd%e7%a4%be%e4%bc%9a%e7%a7%91%e5%ad%a6%e9%99%a2%e8%bf%91%e4%bb%a3%e5%8f%b2%e7%a0%94%e7%a9%b6%e6%89%80httpwwwmodernchinaorgcn">#</a>
+</h3>
+<h3 id="台湾中研院近代史研究所httpwwwmhsinicaedutwindexhtm新版网页">
+  <a href="http://www.mh.sinica.edu.tw/index.htm">台湾中研院近代史研究所</a>（新版网页）
+  <a class="anchor" href="#%e5%8f%b0%e6%b9%be%e4%b8%ad%e7%a0%94%e9%99%a2%e8%bf%91%e4%bb%a3%e5%8f%b2%e7%a0%94%e7%a9%b6%e6%89%80httpwwwmhsinicaedutwindexhtm%e6%96%b0%e7%89%88%e7%bd%91%e9%a1%b5">#</a>
+</h3>
+<h4 id="heading-5">
+  
+  <a class="anchor" href="#heading-5">#</a>
+</h4>
+<h5 id="简介-5">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-5">#</a>
+</h5>
+<p><a href="http://www.sinica.edu.tw/imh/index.html">旧版网页</a></p>
+<h3 id="中国中俄关系史研究会httpcnruchinaaucom">
+  <a href="http://cnru.chinaau.com">中国中俄关系史研究会</a>
+  <a class="anchor" href="#%e4%b8%ad%e5%9b%bd%e4%b8%ad%e4%bf%84%e5%85%b3%e7%b3%bb%e5%8f%b2%e7%a0%94%e7%a9%b6%e4%bc%9ahttpcnruchinaaucom">#</a>
+</h3>
+<h3 id="南京大学中华民国史研究中心httpwwwmgzxcom新版网页">
+  <a href="http://www.mgzx.com">南京大学中华民国史研究中心</a>（新版网页）
+  <a class="anchor" href="#%e5%8d%97%e4%ba%ac%e5%a4%a7%e5%ad%a6%e4%b8%ad%e5%8d%8e%e6%b0%91%e5%9b%bd%e5%8f%b2%e7%a0%94%e7%a9%b6%e4%b8%ad%e5%bf%83httpwwwmgzxcom%e6%96%b0%e7%89%88%e7%bd%91%e9%a1%b5">#</a>
+</h3>
+<h4 id="heading-6">
+  
+  <a class="anchor" href="#heading-6">#</a>
+</h4>
+<h5 id="简介-6">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-6">#</a>
+</h5>
+<p><a href="http://www.nju.edu.cn/njuc/dep/lishi/mgzx/index.html">旧版网页</a></p>
+<h3 id="中日网南京师范大学南京大屠杀研究中心httpwwwsjhistoryorgsitenewxhindexhtm">
+  <a href="http://www.sjhistory.org/site/newxh/index.htm">中日网（南京师范大学南京大屠杀研究中心）</a>
+  <a class="anchor" href="#%e4%b8%ad%e6%97%a5%e7%bd%91%e5%8d%97%e4%ba%ac%e5%b8%88%e8%8c%83%e5%a4%a7%e5%ad%a6%e5%8d%97%e4%ba%ac%e5%a4%a7%e5%b1%a0%e6%9d%80%e7%a0%94%e7%a9%b6%e4%b8%ad%e5%bf%83httpwwwsjhistoryorgsitenewxhindexhtm">#</a>
+</h3>
+<h3 id="日本现代中国学会httpwwwsocniiacjpjamcsindexhtml">
+  <a href="http://wwwsoc.nii.ac.jp/jamcs/index.html">日本现代中国学会</a>
+  <a class="anchor" href="#%e6%97%a5%e6%9c%ac%e7%8e%b0%e4%bb%a3%e4%b8%ad%e5%9b%bd%e5%ad%a6%e4%bc%9ahttpwwwsocniiacjpjamcsindexhtml">#</a>
+</h3>
+<h3 id="早稻田大学中国外交史研究会httpwwwwaseda-coe-casjpprojectminutesindex-3-14html">
+  <a href="http://www.waseda-coe-cas.jp/project/minutes/index-3-14.html">早稻田大学中国外交史研究会</a>
+  <a class="anchor" href="#%e6%97%a9%e7%a8%bb%e7%94%b0%e5%a4%a7%e5%ad%a6%e4%b8%ad%e5%9b%bd%e5%a4%96%e4%ba%a4%e5%8f%b2%e7%a0%94%e7%a9%b6%e4%bc%9ahttpwwwwaseda-coe-casjpprojectminutesindex-3-14html">#</a>
+</h3>
+<h3 id="中国社会科学院中国边疆史地研究中心httpwwwcassnetcnchineses32_bjzxnew_page_2htm">
+  <a href="http://www.cass.net.cn/chinese/s32_bjzx/new_page_2.htm">中国社会科学院中国边疆史地研究中心</a>
+  <a class="anchor" href="#%e4%b8%ad%e5%9b%bd%e7%a4%be%e4%bc%9a%e7%a7%91%e5%ad%a6%e9%99%a2%e4%b8%ad%e5%9b%bd%e8%be%b9%e7%96%86%e5%8f%b2%e5%9c%b0%e7%a0%94%e7%a9%b6%e4%b8%ad%e5%bf%83httpwwwcassnetcnchineses32_bjzxnew_page_2htm">#</a>
+</h3>
+<h3 id="香港档案学会httpwwwarchivesorghk">
+  <a href="http://www.archives.org.hk">香港档案学会</a>
+  <a class="anchor" href="#%e9%a6%99%e6%b8%af%e6%a1%a3%e6%a1%88%e5%ad%a6%e4%bc%9ahttpwwwarchivesorghk">#</a>
+</h3>
+<h3 id="俄亥俄州立大学东亚语言文学系httpdeallosuedu">
+  <a href="http://deall.osu.edu">俄亥俄州立大学东亚语言文学系</a>
+  <a class="anchor" href="#%e4%bf%84%e4%ba%a5%e4%bf%84%e5%b7%9e%e7%ab%8b%e5%a4%a7%e5%ad%a6%e4%b8%9c%e4%ba%9a%e8%af%ad%e8%a8%80%e6%96%87%e5%ad%a6%e7%b3%bbhttpdeallosuedu">#</a>
+</h3>
+<h3 id="澳大利亚国立大学亚洲太平洋历史研究httprspasanueduaupah">
+  <a href="http://rspas.anu.edu.au/pah">澳大利亚国立大学亚洲太平洋历史研究</a>
+  <a class="anchor" href="#%e6%be%b3%e5%a4%a7%e5%88%a9%e4%ba%9a%e5%9b%bd%e7%ab%8b%e5%a4%a7%e5%ad%a6%e4%ba%9a%e6%b4%b2%e5%a4%aa%e5%b9%b3%e6%b4%8b%e5%8e%86%e5%8f%b2%e7%a0%94%e7%a9%b6httprspasanueduaupah">#</a>
+</h3>
+<h3 id="哥伦比亚大学东亚语言与文化系httpwwwcolumbiaeducuealac">
+  <a href="http://www.columbia.edu/cu/ealac">哥伦比亚大学东亚语言与文化系</a>
+  <a class="anchor" href="#%e5%93%a5%e4%bc%a6%e6%af%94%e4%ba%9a%e5%a4%a7%e5%ad%a6%e4%b8%9c%e4%ba%9a%e8%af%ad%e8%a8%80%e4%b8%8e%e6%96%87%e5%8c%96%e7%b3%bbhttpwwwcolumbiaeducuealac">#</a>
+</h3>
+<h3 id="加州大学洛杉矶分校中国研究中心httpwwwisopuclaeduccs">
+  <a href="http://www.isop.ucla.edu/ccs">加州大学洛杉矶分校中国研究中心</a>
+  <a class="anchor" href="#%e5%8a%a0%e5%b7%9e%e5%a4%a7%e5%ad%a6%e6%b4%9b%e6%9d%89%e7%9f%b6%e5%88%86%e6%a0%a1%e4%b8%ad%e5%9b%bd%e7%a0%94%e7%a9%b6%e4%b8%ad%e5%bf%83httpwwwisopuclaeduccs">#</a>
+</h3>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/%e5%ad%a6%e6%9c%af%e8%b5%84%e6%ba%90/%e5%ad%a6%e7%a7%91%e5%9c%a8%e7%ba%bf%e8%b5%84%e6%ba%90/%e8%af%ad%e8%a8%80.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#english">English</a>
+      <ul>
+        <li><a href="#igcsesuccesshttpswwwyoutubecomcigcsesuccessvideos"><a href="https://www.youtube.com/c/iGCSESuccess/videos">IGCSESUCCESS</a></a></li>
+        <li><a href="#sparknotes-literature-studyhttpswwwsparknotescomlit"><a href="https://www.sparknotes.com/lit/">Sparknotes-literature Study</a></a></li>
+        <li><a href="#learnandrecordhttpwwwlearnandrecordcom"><a href="http://www.learnandrecord.com/">LearnAndRecord</a></a></li>
+      </ul>
+    </li>
+    <li><a href="#中文">中文</a>
+      <ul>
+        <li><a href="#北京鲁迅博物馆北京新文化运动纪念馆httpluxunmuseumcomcncx"><a href="http://luxunmuseum.com.cn/cx/">北京鲁迅博物馆（北京新文化运动纪念馆）</a></a></li>
+        <li><a href="#国图公开课httpopennlccnonlineeduclientindexhtm"><a href="http://open.nlc.cn/onlineedu/client/index.htm">国图公开课</a></a></li>
+        <li><a href="#中国社会科学院近代史研究所httpwwwmodernchinaorgcn"><a href="http://www.modernchina.org.cn">中国社会科学院近代史研究所</a></a></li>
+        <li><a href="#台湾中研院近代史研究所httpwwwmhsinicaedutwindexhtm新版网页"><a href="http://www.mh.sinica.edu.tw/index.htm">台湾中研院近代史研究所</a>（新版网页）</a></li>
+        <li><a href="#中国中俄关系史研究会httpcnruchinaaucom"><a href="http://cnru.chinaau.com">中国中俄关系史研究会</a></a></li>
+        <li><a href="#南京大学中华民国史研究中心httpwwwmgzxcom新版网页"><a href="http://www.mgzx.com">南京大学中华民国史研究中心</a>（新版网页）</a></li>
+        <li><a href="#中日网南京师范大学南京大屠杀研究中心httpwwwsjhistoryorgsitenewxhindexhtm"><a href="http://www.sjhistory.org/site/newxh/index.htm">中日网（南京师范大学南京大屠杀研究中心）</a></a></li>
+        <li><a href="#日本现代中国学会httpwwwsocniiacjpjamcsindexhtml"><a href="http://wwwsoc.nii.ac.jp/jamcs/index.html">日本现代中国学会</a></a></li>
+        <li><a href="#早稻田大学中国外交史研究会httpwwwwaseda-coe-casjpprojectminutesindex-3-14html"><a href="http://www.waseda-coe-cas.jp/project/minutes/index-3-14.html">早稻田大学中国外交史研究会</a></a></li>
+        <li><a href="#中国社会科学院中国边疆史地研究中心httpwwwcassnetcnchineses32_bjzxnew_page_2htm"><a href="http://www.cass.net.cn/chinese/s32_bjzx/new_page_2.htm">中国社会科学院中国边疆史地研究中心</a></a></li>
+        <li><a href="#香港档案学会httpwwwarchivesorghk"><a href="http://www.archives.org.hk">香港档案学会</a></a></li>
+        <li><a href="#俄亥俄州立大学东亚语言文学系httpdeallosuedu"><a href="http://deall.osu.edu">俄亥俄州立大学东亚语言文学系</a></a></li>
+        <li><a href="#澳大利亚国立大学亚洲太平洋历史研究httprspasanueduaupah"><a href="http://rspas.anu.edu.au/pah">澳大利亚国立大学亚洲太平洋历史研究</a></a></li>
+        <li><a href="#哥伦比亚大学东亚语言与文化系httpwwwcolumbiaeducuealac"><a href="http://www.columbia.edu/cu/ealac">哥伦比亚大学东亚语言与文化系</a></a></li>
+        <li><a href="#加州大学洛杉矶分校中国研究中心httpwwwisopuclaeduccs"><a href="http://www.isop.ucla.edu/ccs">加州大学洛杉矶分校中国研究中心</a></a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/docs/学术资源/学科在线资源/通用/index.html

@@ -0,0 +1,399 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="通用 # 可以用于多个，跨学科的资源。 Khan Academy # 简介 ... On Khan Academy, you are offered with free recorded lessons of a specturm of subjects, including Mathematics, Natural Science, Social Science, Arts, Humanities and Languages. It has produced over 8,000 video lessons teaching a wide spectrum of academic subjects, originally focusing on mathematics and sciences. All resources">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="" />
+<meta property="og:description" content="通用 # 可以用于多个，跨学科的资源。 Khan Academy # 简介 ... On Khan Academy, you are offered with free recorded lessons of a specturm of subjects, including Mathematics, Natural Science, Social Science, Arts, Humanities and Languages. It has produced over 8,000 video lessons teaching a wide spectrum of academic subjects, originally focusing on mathematics and sciences. All resources" />
+<meta property="og:type" content="article" />
+<meta property="og:url" content="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E9%80%9A%E7%94%A8/" /><meta property="article:section" content="docs" />
+
+
+<title>通用 | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>通用</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#khan-academyhttpswwwkhanacademyorg"><a href="https://www.khanacademy.org/">Khan Academy</a></a>
+      <ul>
+        <li><a href="#营业范围">营业范围</a></li>
+        <li><a href="#特性">特性</a></li>
+      </ul>
+    </li>
+    <li><a href="#senecahttpsappsenecalearningcomcourses"><a href="https://app.senecalearning.com/courses">Seneca</a></a>
+      <ul>
+        <li><a href="#简介">简介</a></li>
+      </ul>
+    </li>
+    <li><a href="#edxhttpswwwedxorg"><a href="https://www.edx.org/">EDX</a></a>
+      <ul>
+        <li><a href="#简介-1">简介</a></li>
+      </ul>
+    </li>
+    <li><a href="#physics--maths-tutorhttpswwwphysicsandmathstutorcom"><a href="https://www.physicsandmathstutor.com/">Physics &amp; Maths Tutor</a></a>
+      <ul>
+        <li><a href="#简介-2">简介</a></li>
+      </ul>
+    </li>
+    <li><a href="#pastpaperscohttpspastpaperscocie"><a href="https://pastpapers.co/cie/">Pastpapers.co</a></a>
+      <ul>
+        <li><a href="#简介-3">简介</a></li>
+      </ul>
+    </li>
+    <li><a href="#professor-dave-explainshttpswwwyoutubecomcprofessordaveexplainsplaylists"><a href="https://www.youtube.com/c/ProfessorDaveExplains/playlists">Professor Dave Explains</a></a>
+      <ul>
+        <li><a href="#简介-4">简介</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><h1 id="通用">
+  通用
+  <a class="anchor" href="#%e9%80%9a%e7%94%a8">#</a>
+</h1>
+<p>可以用于多个，跨学科的资源。</p>
+<h2 id="khan-academyhttpswwwkhanacademyorg">
+  <a href="https://www.khanacademy.org/">Khan Academy</a>
+  <a class="anchor" href="#khan-academyhttpswwwkhanacademyorg">#</a>
+</h2>
+
+<div class="book-expand">
+  <label>
+    <div class="book-expand-head flex justify-between">
+      <span>简介</span>
+      <span>...</span>
+    </div>
+    <input type="checkbox" class="hidden" />
+    <div class="book-expand-content markdown-inner">
+      <p>On Khan Academy, you are offered with free recorded lessons of a specturm of subjects, including Mathematics, Natural Science, Social Science, Arts, Humanities and Languages.</p>
+<blockquote>
+<p>It has produced over 8,000 video lessons teaching a wide spectrum of academic subjects, originally focusing on mathematics and sciences. All resources are available for free to users of the website and application.</p>
+<p>As of 2018, over 70 million people use Khan Academy, out of which 2.3 million students use it to prepare for the SAT.</p>
+<p>As of February 2022, the Khan Academy channel on YouTube has 7.11 million subscribers and Khan Academy videos have been viewed more than 1.94 billion times.</p>
+</blockquote>
+<p>This website is also extremely useful if you are preparing for the <strong>A</strong>dvance <strong>P</strong>lacement (<strong>AP</strong>) exams.</p>
+
+    </div>
+  </label>
+</div>
+
+<h3 id="营业范围">
+  营业范围
+  <a class="anchor" href="#%e8%90%a5%e4%b8%9a%e8%8c%83%e5%9b%b4">#</a>
+</h3>
+<p>It offers</p>
+<ul>
+<li>Math: Pre-K - 8th grade</li>
+<li>Math: Get Ready Courses</li>
+<li>Math: High School &amp; College</li>
+<li>Test Prep</li>
+<li>Science</li>
+<li>Computing</li>
+<li>Arts &amp; Humanities</li>
+<li>Economics</li>
+<li>Reading &amp; Language Arts</li>
+<li>Life Skills</li>
+</ul>
+<h3 id="特性">
+  特性
+  <a class="anchor" href="#%e7%89%b9%e6%80%a7">#</a>
+</h3>
+<ul>
+<li>Free</li>
+<li>Interactive</li>
+</ul>
+<h2 id="senecahttpsappsenecalearningcomcourses">
+  <a href="https://app.senecalearning.com/courses">Seneca</a>
+  <a class="anchor" href="#senecahttpsappsenecalearningcomcourses">#</a>
+</h2>
+<h3 id="简介">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b">#</a>
+</h3>
+<p>You can find some free resource for IGCSE or A-Level. It offers a great number of free and paid study materials of nearly every subject.</p>
+<h2 id="edxhttpswwwedxorg">
+  <a href="https://www.edx.org/">EDX</a>
+  <a class="anchor" href="#edxhttpswwwedxorg">#</a>
+</h2>
+<h3 id="简介-1">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-1">#</a>
+</h3>
+<p>麻省理工和哈佛大学的大规模开放在线课堂平台，大部分是英文的，但可以听清华、北大、香港大学、香港科技大学的课程</p>
+<h2 id="physics--maths-tutorhttpswwwphysicsandmathstutorcom">
+  <a href="https://www.physicsandmathstutor.com/">Physics &amp; Maths Tutor</a>
+  <a class="anchor" href="#physics--maths-tutorhttpswwwphysicsandmathstutorcom">#</a>
+</h2>
+<h3 id="简介-2">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-2">#</a>
+</h3>
+<p>Includes detailed notes for different subjects in IGCSE and A-Level.</p>
+<h2 id="pastpaperscohttpspastpaperscocie">
+  <a href="https://pastpapers.co/cie/">Pastpapers.co</a>
+  <a class="anchor" href="#pastpaperscohttpspastpaperscocie">#</a>
+</h2>
+<h3 id="简介-3">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-3">#</a>
+</h3>
+<p>![pastpapers.cologo.png](/dsasuniversaldocs/resources/academicdpt/pastpapers.cologo.png =55%x)
+Website for past papers and mark schemes</p>
+<h2 id="professor-dave-explainshttpswwwyoutubecomcprofessordaveexplainsplaylists">
+  <a href="https://www.youtube.com/c/ProfessorDaveExplains/playlists">Professor Dave Explains</a>
+  <a class="anchor" href="#professor-dave-explainshttpswwwyoutubecomcprofessordaveexplainsplaylists">#</a>
+</h2>
+<h3 id="简介-4">
+  简介
+  <a class="anchor" href="#%e7%ae%80%e4%bb%8b-4">#</a>
+</h3>
+<p>A youtube channel covering knowledge from humanities to natural science. The contents about Biology and Chemistry are especially recommended.</p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/docs/%e5%ad%a6%e6%9c%af%e8%b5%84%e6%ba%90/%e5%ad%a6%e7%a7%91%e5%9c%a8%e7%ba%bf%e8%b5%84%e6%ba%90/%e9%80%9a%e7%94%a8.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents">
+  <ul>
+    <li><a href="#khan-academyhttpswwwkhanacademyorg"><a href="https://www.khanacademy.org/">Khan Academy</a></a>
+      <ul>
+        <li><a href="#营业范围">营业范围</a></li>
+        <li><a href="#特性">特性</a></li>
+      </ul>
+    </li>
+    <li><a href="#senecahttpsappsenecalearningcomcourses"><a href="https://app.senecalearning.com/courses">Seneca</a></a>
+      <ul>
+        <li><a href="#简介">简介</a></li>
+      </ul>
+    </li>
+    <li><a href="#edxhttpswwwedxorg"><a href="https://www.edx.org/">EDX</a></a>
+      <ul>
+        <li><a href="#简介-1">简介</a></li>
+      </ul>
+    </li>
+    <li><a href="#physics--maths-tutorhttpswwwphysicsandmathstutorcom"><a href="https://www.physicsandmathstutor.com/">Physics &amp; Maths Tutor</a></a>
+      <ul>
+        <li><a href="#简介-2">简介</a></li>
+      </ul>
+    </li>
+    <li><a href="#pastpaperscohttpspastpaperscocie"><a href="https://pastpapers.co/cie/">Pastpapers.co</a></a>
+      <ul>
+        <li><a href="#简介-3">简介</a></li>
+      </ul>
+    </li>
+    <li><a href="#professor-dave-explainshttpswwwyoutubecomcprofessordaveexplainsplaylists"><a href="https://www.youtube.com/c/ProfessorDaveExplains/playlists">Professor Dave Explains</a></a>
+      <ul>
+        <li><a href="#简介-4">简介</a></li>
+      </ul>
+    </li>
+  </ul>
+</nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js

@@ -0,0 +1 @@
+"use strict";(function(){const o="/en.search-data.min.9b3f1710ad3f733a73802ed5c07ec1efcb2fa103c4cbc8f94bfe9f01a26f7021.json",i=Object.assign({cache:!0},{doc:{id:"id",field:["title","content"],store:["title","href","section"]}}),e=document.querySelector("#book-search-input"),t=document.querySelector("#book-search-results");if(!e)return;e.addEventListener("focus",n),e.addEventListener("keyup",s),document.addEventListener("keypress",a);function a(t){if(t.target.value!==void 0)return;if(e===document.activeElement)return;const n=String.fromCharCode(t.charCode);if(!r(n))return;e.focus(),t.preventDefault()}function r(t){const n=e.getAttribute("data-hotkeys")||"";return n.indexOf(t)>=0}function n(){e.removeEventListener("focus",n),e.required=!0,fetch(o).then(e=>e.json()).then(e=>{window.bookSearchIndex=FlexSearch.create("balance",i),window.bookSearchIndex.add(e)}).then(()=>e.required=!1).then(s)}function s(){for(;t.firstChild;)t.removeChild(t.firstChild);if(!e.value)return;const n=window.bookSearchIndex.search(e.value,10);n.forEach(function(e){const n=c("<li><a href></a><small></small></li>"),s=n.querySelector("a"),o=n.querySelector("small");s.href=e.href,s.textContent=e.title,o.textContent=e.section,t.appendChild(n)})}function c(e){const t=document.createElement("div");return t.innerHTML=e,t.firstChild}})()

public/en/index.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <title>https://academics.jamesflare.com/</title>
+    <link rel="canonical" href="https://academics.jamesflare.com/">
+    <meta name="robots" content="noindex">
+    <meta charset="utf-8">
+    <meta http-equiv="refresh" content="0; url=https://academics.jamesflare.com/">
+  </head>
+</html>

public/en/sitemap.xml

@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <url>
+    <loc>https://academics.jamesflare.com/docs/example/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/example/table-of-contents/with-toc/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/example/table-of-contents/without-toc/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/posts/creating-a-new-theme/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/posts/migrate-from-jekyll/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/example/table-of-contents/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/example/collapsed/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/posts/goisforlovers/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/categories/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/categories/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/categories/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/tags/development/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/categories/development/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/posts/hugoisforlovers/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/tags/go/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/tags/golang/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/categories/golang/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/tags/hugo/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/tags/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/tags/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/tags/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/tags/templates/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/tags/themes/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/example/collapsed/3rd-level/4th-level/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/example/collapsed/3rd-level/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/example/hidden/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/buttons/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/columns/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/details/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/expand/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/hints/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/katex/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/mermaid/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/section/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/section/first-page/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/section/second-page/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/shortcodes/tabs/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/</loc>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/</loc>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E4%B8%93%E4%B8%9A%E4%B8%8E%E8%AF%BE%E5%A4%96%E8%B5%84%E6%BA%90/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/</loc>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E6%9C%AF%E5%B7%A5%E5%85%B7%E9%9B%86/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/</loc>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E7%BE%8E%E6%9C%AF%E5%8E%86%E5%8F%B2/</loc>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6/</loc>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%AF%AD%E8%A8%80/</loc>
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E9%80%9A%E7%94%A8/</loc>
+  </url><url>
+    <loc>https://academics.jamesflare.com/menu/</loc>
+    <lastmod>2023-04-27T03:10:51+08:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/menu/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/menu/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/docs/</loc>
+    <lastmod>2023-01-20T02:32:06+08:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/docs/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/docs/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/</loc>
+    <lastmod>2023-04-27T03:10:51+08:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/"
+                />
+  </url><url>
+    <loc>https://academics.jamesflare.com/posts/</loc>
+    <lastmod>2023-04-26T22:02:54+08:00</lastmod>
+    <xhtml:link
+                rel="alternate"
+                hreflang="zh"
+                href="https://academics.jamesflare.com/zh/posts/"
+                />
+    <xhtml:link
+                rel="alternate"
+                hreflang="en"
+                href="https://academics.jamesflare.com/posts/"
+                />
+  </url>
+</urlset>

public/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 18h12v-2H3v2zM3 6v2h18V6H3zm0 7h18v-2H3v2z"/></svg>

public/flexsearch.min.js

@@ -0,0 +1,42 @@
+/*
+ FlexSearch v0.6.30
+ Copyright 2019 Nextapps GmbH
+ Author: Thomas Wilkerling
+ Released under the Apache 2.0 Licence
+ https://github.com/nextapps-de/flexsearch
+*/
+'use strict';(function(K,R,w){let L;(L=w.define)&&L.amd?L([],function(){return R}):(L=w.modules)?L[K.toLowerCase()]=R:"object"===typeof exports?module.exports=R:w[K]=R})("FlexSearch",function ma(K){function w(a,c){const b=c?c.id:a&&a.id;this.id=b||0===b?b:na++;this.init(a,c);fa(this,"index",function(){return this.a?Object.keys(this.a.index[this.a.keys[0]].c):Object.keys(this.c)});fa(this,"length",function(){return this.index.length})}function L(a,c,b,d){this.u!==this.g&&(this.o=this.o.concat(b),this.u++,
+d&&this.o.length>=d&&(this.u=this.g),this.u===this.g&&(this.cache&&this.j.set(c,this.o),this.F&&this.F(this.o)));return this}function S(a){const c=B();for(const b in a)if(a.hasOwnProperty(b)){const d=a[b];F(d)?c[b]=d.slice(0):G(d)?c[b]=S(d):c[b]=d}return c}function W(a,c){const b=a.length,d=O(c),e=[];for(let f=0,h=0;f<b;f++){const g=a[f];if(d&&c(g)||!d&&!c[g])e[h++]=g}return e}function P(a,c,b,d,e,f,h,g,k,l){b=ha(b,h?0:e,g,f,c,k,l);let p;g&&(g=b.page,p=b.next,b=b.result);if(h)c=this.where(h,null,
+e,b);else{c=b;b=this.l;e=c.length;f=Array(e);for(h=0;h<e;h++)f[h]=b[c[h]];c=f}b=c;d&&(O(d)||(M=d.split(":"),1<M.length?d=oa:(M=M[0],d=pa)),b.sort(d));b=T(g,p,b);this.cache&&this.j.set(a,b);return b}function fa(a,c,b){Object.defineProperty(a,c,{get:b})}function r(a){return new RegExp(a,"g")}function Q(a,c){for(let b=0;b<c.length;b+=2)a=a.replace(c[b],c[b+1]);return a}function V(a,c,b,d,e,f,h,g){if(c[b])return c[b];e=e?(g-(h||g/1.5))*f+(h||g/1.5)*e:f;c[b]=e;e>=h&&(a=a[g-(e+.5>>0)],a=a[b]||(a[b]=[]),
+a[a.length]=d);return e}function ba(a,c){if(a){const b=Object.keys(a);for(let d=0,e=b.length;d<e;d++){const f=b[d],h=a[f];if(h)for(let g=0,k=h.length;g<k;g++)if(h[g]===c){1===k?delete a[f]:h.splice(g,1);break}else G(h[g])&&ba(h[g],c)}}}function ca(a){let c="",b="";var d="";for(let e=0;e<a.length;e++){const f=a[e];if(f!==b)if(e&&"h"===f){if(d="a"===d||"e"===d||"i"===d||"o"===d||"u"===d||"y"===d,("a"===b||"e"===b||"i"===b||"o"===b||"u"===b||"y"===b)&&d||" "===b)c+=f}else c+=f;d=e===a.length-1?"":a[e+
+1];b=f}return c}function qa(a,c){a=a.length-c.length;return 0>a?1:a?-1:0}function pa(a,c){a=a[M];c=c[M];return a<c?-1:a>c?1:0}function oa(a,c){const b=M.length;for(let d=0;d<b;d++)a=a[M[d]],c=c[M[d]];return a<c?-1:a>c?1:0}function T(a,c,b){return a?{page:a,next:c?""+c:null,result:b}:b}function ha(a,c,b,d,e,f,h){let g,k=[];if(!0===b){b="0";var l=""}else l=b&&b.split(":");const p=a.length;if(1<p){const y=B(),t=[];let v,x;var n=0,m;let I;var u=!0;let D,E=0,N,da,X,ea;l&&(2===l.length?(X=l,l=!1):l=ea=
+parseInt(l[0],10));if(h){for(v=B();n<p;n++)if("not"===e[n])for(x=a[n],I=x.length,m=0;m<I;m++)v["@"+x[m]]=1;else da=n+1;if(C(da))return T(b,g,k);n=0}else N=J(e)&&e;let Y;for(;n<p;n++){const ra=n===(da||p)-1;if(!N||!n)if((m=N||e&&e[n])&&"and"!==m)if("or"===m)Y=!1;else continue;else Y=f=!0;x=a[n];if(I=x.length){if(u)if(D){var q=D.length;for(m=0;m<q;m++){u=D[m];var A="@"+u;h&&v[A]||(y[A]=1,f||(k[E++]=u))}D=null;u=!1}else{D=x;continue}A=!1;for(m=0;m<I;m++){q=x[m];var z="@"+q;const Z=f?y[z]||0:n;if(!(!Z&&
+!d||h&&v[z]||!f&&y[z]))if(Z===n){if(ra){if(!ea||--ea<E)if(k[E++]=q,c&&E===c)return T(b,E+(l||0),k)}else y[z]=n+1;A=!0}else d&&(z=t[Z]||(t[Z]=[]),z[z.length]=q)}if(Y&&!A&&!d)break}else if(Y&&!d)return T(b,g,x)}if(D)if(n=D.length,h)for(m=l?parseInt(l,10):0;m<n;m++)a=D[m],v["@"+a]||(k[E++]=a);else k=D;if(d)for(E=k.length,X?(n=parseInt(X[0],10)+1,m=parseInt(X[1],10)+1):(n=t.length,m=0);n--;)if(q=t[n]){for(I=q.length;m<I;m++)if(d=q[m],!h||!v["@"+d])if(k[E++]=d,c&&E===c)return T(b,n+":"+m,k);m=0}}else!p||
+e&&"not"===e[0]||(k=a[0],l&&(l=parseInt(l[0],10)));c&&(h=k.length,l&&l>h&&(l=0),l=l||0,g=l+c,g<h?k=k.slice(l,g):(g=0,l&&(k=k.slice(l))));return T(b,g,k)}function J(a){return"string"===typeof a}function F(a){return a.constructor===Array}function O(a){return"function"===typeof a}function G(a){return"object"===typeof a}function C(a){return"undefined"===typeof a}function ia(a){const c=Array(a);for(let b=0;b<a;b++)c[b]=B();return c}function B(){return Object.create(null)}function sa(){let a,c;self.onmessage=
+function(b){if(b=b.data)if(b.search){const d=c.search(b.content,b.threshold?{limit:b.limit,threshold:b.threshold,where:b.where}:b.limit);self.postMessage({id:a,content:b.content,limit:b.limit,result:d})}else b.add?c.add(b.id,b.content):b.update?c.update(b.id,b.content):b.remove?c.remove(b.id):b.clear?c.clear():b.info?(b=c.info(),b.worker=a,console.log(b)):b.register&&(a=b.id,b.options.cache=!1,b.options.async=!1,b.options.worker=!1,c=(new Function(b.register.substring(b.register.indexOf("{")+1,b.register.lastIndexOf("}"))))(),
+c=new c(b.options))}}function ta(a,c,b,d){a=K("flexsearch","id"+a,sa,function(f){(f=f.data)&&f.result&&d(f.id,f.content,f.result,f.limit,f.where,f.cursor,f.suggest)},c);const e=ma.toString();b.id=c;a.postMessage({register:e,options:b,id:c});return a}const H={encode:"icase",f:"forward",split:/\W+/,cache:!1,async:!1,g:!1,D:!1,a:!1,b:9,threshold:0,depth:0},ja={memory:{encode:"extra",f:"strict",threshold:0,b:1},speed:{encode:"icase",f:"strict",threshold:1,b:3,depth:2},match:{encode:"extra",f:"full",threshold:1,
+b:3},score:{encode:"extra",f:"strict",threshold:1,b:9,depth:4},balance:{encode:"balance",f:"strict",threshold:0,b:3,depth:3},fast:{encode:"icase",f:"strict",threshold:8,b:9,depth:1}},aa=[];let na=0;const ka={},la={};w.create=function(a,c){return new w(a,c)};w.registerMatcher=function(a){for(const c in a)a.hasOwnProperty(c)&&aa.push(r(c),a[c]);return this};w.registerEncoder=function(a,c){U[a]=c.bind(U);return this};w.registerLanguage=function(a,c){ka[a]=c.filter;la[a]=c.stemmer;return this};w.encode=
+function(a,c){return U[a](c)};w.prototype.init=function(a,c){this.v=[];if(c){var b=c.preset;a=c}else a||(a=H),b=a.preset;c={};J(a)?(c=ja[a],a={}):b&&(c=ja[b]);if(b=a.worker)if("undefined"===typeof Worker)a.worker=!1,this.m=null;else{var d=parseInt(b,10)||4;this.C=-1;this.u=0;this.o=[];this.F=null;this.m=Array(d);for(var e=0;e<d;e++)this.m[e]=ta(this.id,e,a,L.bind(this))}this.f=a.tokenize||c.f||this.f||H.f;this.split=C(b=a.split)?this.split||H.split:J(b)?r(b):b;this.D=a.rtl||this.D||H.D;this.async=
+"undefined"===typeof Promise||C(b=a.async)?this.async||H.async:b;this.g=C(b=a.worker)?this.g||H.g:b;this.threshold=C(b=a.threshold)?c.threshold||this.threshold||H.threshold:b;this.b=C(b=a.resolution)?b=c.b||this.b||H.b:b;b<=this.threshold&&(this.b=this.threshold+1);this.depth="strict"!==this.f||C(b=a.depth)?c.depth||this.depth||H.depth:b;this.w=(b=C(b=a.encode)?c.encode||H.encode:b)&&U[b]&&U[b].bind(U)||(O(b)?b:this.w||!1);(b=a.matcher)&&this.addMatcher(b);if(b=(c=a.lang)||a.filter){J(b)&&(b=ka[b]);
+if(F(b)){d=this.w;e=B();for(var f=0;f<b.length;f++){var h=d?d(b[f]):b[f];e[h]=1}b=e}this.filter=b}if(b=c||a.stemmer){var g;c=J(b)?la[b]:b;d=this.w;e=[];for(g in c)c.hasOwnProperty(g)&&(f=d?d(g):g,e.push(r(f+"($|\\W)"),d?d(c[g]):c[g]));this.stemmer=g=e}this.a=e=(b=a.doc)?S(b):this.a||H.a;this.i=ia(this.b-(this.threshold||0));this.h=B();this.c=B();if(e){this.l=B();a.doc=null;g=e.index={};c=e.keys=[];d=e.field;f=e.tag;h=e.store;F(e.id)||(e.id=e.id.split(":"));if(h){var k=B();if(J(h))k[h]=1;else if(F(h))for(let l=
+0;l<h.length;l++)k[h[l]]=1;else G(h)&&(k=h);e.store=k}if(f){this.G=B();h=B();if(d)if(J(d))h[d]=a;else if(F(d))for(k=0;k<d.length;k++)h[d[k]]=a;else G(d)&&(h=d);F(f)||(e.tag=f=[f]);for(d=0;d<f.length;d++)this.G[f[d]]=B();this.I=f;d=h}if(d){let l;F(d)||(G(d)?(l=d,e.field=d=Object.keys(d)):e.field=d=[d]);for(e=0;e<d.length;e++)f=d[e],F(f)||(l&&(a=l[f]),c[e]=f,d[e]=f.split(":")),g[f]=new w(a)}a.doc=b}this.B=!0;this.j=(this.cache=b=C(b=a.cache)?this.cache||H.cache:b)?new ua(b):!1;return this};w.prototype.encode=
+function(a){a&&(aa.length&&(a=Q(a,aa)),this.v.length&&(a=Q(a,this.v)),this.w&&(a=this.w(a)),this.stemmer&&(a=Q(a,this.stemmer)));return a};w.prototype.addMatcher=function(a){const c=this.v;for(const b in a)a.hasOwnProperty(b)&&c.push(r(b),a[b]);return this};w.prototype.add=function(a,c,b,d,e){if(this.a&&G(a))return this.A("add",a,c);if(c&&J(c)&&(a||0===a)){var f="@"+a;if(this.c[f]&&!d)return this.update(a,c);if(this.g)return++this.C>=this.m.length&&(this.C=0),this.m[this.C].postMessage({add:!0,id:a,
+content:c}),this.c[f]=""+this.C,b&&b(),this;if(!e){if(this.async&&"function"!==typeof importScripts){let t=this;f=new Promise(function(v){setTimeout(function(){t.add(a,c,null,d,!0);t=null;v()})});if(b)f.then(b);else return f;return this}if(b)return this.add(a,c,null,d,!0),b(),this}c=this.encode(c);if(!c.length)return this;b=this.f;e=O(b)?b(c):c.split(this.split);this.filter&&(e=W(e,this.filter));const n=B();n._ctx=B();const m=e.length,u=this.threshold,q=this.depth,A=this.b,z=this.i,y=this.D;for(let t=
+0;t<m;t++){var h=e[t];if(h){var g=h.length,k=(y?t+1:m-t)/m,l="";switch(b){case "reverse":case "both":for(var p=g;--p;)l=h[p]+l,V(z,n,l,a,y?1:(g-p)/g,k,u,A-1);l="";case "forward":for(p=0;p<g;p++)l+=h[p],V(z,n,l,a,y?(p+1)/g:1,k,u,A-1);break;case "full":for(p=0;p<g;p++){const v=(y?p+1:g-p)/g;for(let x=g;x>p;x--)l=h.substring(p,x),V(z,n,l,a,v,k,u,A-1)}break;default:if(g=V(z,n,h,a,1,k,u,A-1),q&&1<m&&g>=u)for(g=n._ctx[h]||(n._ctx[h]=B()),h=this.h[h]||(this.h[h]=ia(A-(u||0))),k=t-q,l=t+q+1,0>k&&(k=0),l>
+m&&(l=m);k<l;k++)k!==t&&V(h,g,e[k],a,0,A-(k<t?t-k:k-t),u,A-1)}}}this.c[f]=1;this.B=!1}return this};w.prototype.A=function(a,c,b){if(F(c)){var d=c.length;if(d--){for(var e=0;e<d;e++)this.A(a,c[e]);return this.A(a,c[d],b)}}else{var f=this.a.index,h=this.a.keys,g=this.a.tag;e=this.a.store;var k;var l=this.a.id;d=c;for(var p=0;p<l.length;p++)d=d[l[p]];if("remove"===a&&(delete this.l[d],l=h.length,l--)){for(c=0;c<l;c++)f[h[c]].remove(d);return f[h[l]].remove(d,b)}if(g){for(k=0;k<g.length;k++){var n=g[k];
+var m=c;l=n.split(":");for(p=0;p<l.length;p++)m=m[l[p]];m="@"+m}k=this.G[n];k=k[m]||(k[m]=[])}l=this.a.field;for(let u=0,q=l.length;u<q;u++){n=l[u];g=c;for(m=0;m<n.length;m++)g=g[n[m]];n=f[h[u]];m="add"===a?n.add:n.update;u===q-1?m.call(n,d,g,b):m.call(n,d,g)}if(e){b=Object.keys(e);a=B();for(f=0;f<b.length;f++)if(h=b[f],e[h]){h=h.split(":");let u,q;for(l=0;l<h.length;l++)g=h[l],u=(u||c)[g],q=(q||a)[g]=u}c=a}k&&(k[k.length]=c);this.l[d]=c}return this};w.prototype.update=function(a,c,b){if(this.a&&
+G(a))return this.A("update",a,c);this.c["@"+a]&&J(c)&&(this.remove(a),this.add(a,c,b,!0));return this};w.prototype.remove=function(a,c,b){if(this.a&&G(a))return this.A("remove",a,c);var d="@"+a;if(this.c[d]){if(this.g)return this.m[this.c[d]].postMessage({remove:!0,id:a}),delete this.c[d],c&&c(),this;if(!b){if(this.async&&"function"!==typeof importScripts){let e=this;d=new Promise(function(f){setTimeout(function(){e.remove(a,null,!0);e=null;f()})});if(c)d.then(c);else return d;return this}if(c)return this.remove(a,
+null,!0),c(),this}for(c=0;c<this.b-(this.threshold||0);c++)ba(this.i[c],a);this.depth&&ba(this.h,a);delete this.c[d];this.B=!1}return this};let M;w.prototype.search=function(a,c,b,d){if(G(c)){if(F(c))for(var e=0;e<c.length;e++)c[e].query=a;else c.query=a;a=c;c=1E3}else c&&O(c)?(b=c,c=1E3):c||0===c||(c=1E3);if(this.g){this.F=b;this.u=0;this.o=[];for(var f=0;f<this.g;f++)this.m[f].postMessage({search:!0,limit:c,content:a})}else{var h=[],g=a;if(G(a)&&!F(a)){b||(b=a.callback)&&(g.callback=null);var k=
+a.sort;var l=a.page;c=a.limit;f=a.threshold;var p=a.suggest;a=a.query}if(this.a){f=this.a.index;const y=g.where;var n=g.bool||"or",m=g.field;let t=n;let v,x;if(m)F(m)||(m=[m]);else if(F(g)){var u=g;m=[];t=[];for(var q=0;q<g.length;q++)d=g[q],e=d.bool||n,m[q]=d.field,t[q]=e,"not"===e?v=!0:"and"===e&&(x=!0)}else m=this.a.keys;n=m.length;for(q=0;q<n;q++)u&&(g=u[q]),l&&!J(g)&&(g.page=null,g.limit=0),h[q]=f[m[q]].search(g,0);if(b)return b(P.call(this,a,t,h,k,c,p,y,l,x,v));if(this.async){const I=this;return new Promise(function(D){Promise.all(h).then(function(E){D(P.call(I,
+a,t,E,k,c,p,y,l,x,v))})})}return P.call(this,a,t,h,k,c,p,y,l,x,v)}f||(f=this.threshold||0);if(!d){if(this.async&&"function"!==typeof importScripts){let y=this;f=new Promise(function(t){setTimeout(function(){t(y.search(g,c,null,!0));y=null})});if(b)f.then(b);else return f;return this}if(b)return b(this.search(g,c,null,!0)),this}if(!a||!J(a))return h;g=a;if(this.cache)if(this.B){if(b=this.j.get(a))return b}else this.j.clear(),this.B=!0;g=this.encode(g);if(!g.length)return h;b=this.f;b=O(b)?b(g):g.split(this.split);
+this.filter&&(b=W(b,this.filter));u=b.length;d=!0;e=[];var A=B(),z=0;1<u&&(this.depth&&"strict"===this.f?n=!0:b.sort(qa));if(!n||(q=this.h)){const y=this.b;for(;z<u;z++){let t=b[z];if(t){if(n){if(!m)if(q[t])m=t,A[t]=1;else if(!p)return h;if(p&&z===u-1&&!e.length)n=!1,t=m||t,A[t]=0;else if(!m)continue}if(!A[t]){const v=[];let x=!1,I=0;const D=n?q[m]:this.i;if(D){let E;for(let N=0;N<y-f;N++)if(E=D[N]&&D[N][t])v[I++]=E,x=!0}if(x)m=t,e[e.length]=1<I?v.concat.apply([],v):v[0];else if(!p){d=!1;break}A[t]=
+1}}}}else d=!1;d&&(h=ha(e,c,l,p));this.cache&&this.j.set(a,h);return h}};w.prototype.find=function(a,c){return this.where(a,c,1)[0]||null};w.prototype.where=function(a,c,b,d){const e=this.l,f=[];let h=0;let g;var k;let l;if(G(a)){b||(b=c);var p=Object.keys(a);var n=p.length;g=!1;if(1===n&&"id"===p[0])return[e[a.id]];if((k=this.I)&&!d)for(var m=0;m<k.length;m++){var u=k[m],q=a[u];if(!C(q)){l=this.G[u]["@"+q];if(0===--n)return l;p.splice(p.indexOf(u),1);delete a[u];break}}k=Array(n);for(m=0;m<n;m++)k[m]=
+p[m].split(":")}else{if(O(a)){c=d||Object.keys(e);b=c.length;for(p=0;p<b;p++)n=e[c[p]],a(n)&&(f[h++]=n);return f}if(C(c))return[e[a]];if("id"===a)return[e[c]];p=[a];n=1;k=[a.split(":")];g=!0}d=l||d||Object.keys(e);m=d.length;for(u=0;u<m;u++){q=l?d[u]:e[d[u]];let A=!0;for(let z=0;z<n;z++){g||(c=a[p[z]]);const y=k[z],t=y.length;let v=q;if(1<t)for(let x=0;x<t;x++)v=v[y[x]];else v=v[y[0]];if(v!==c){A=!1;break}}if(A&&(f[h++]=q,b&&h===b))break}return f};w.prototype.info=function(){if(this.g)for(let a=0;a<
+this.g;a++)this.m[a].postMessage({info:!0,id:this.id});else return{id:this.id,items:this.length,cache:this.cache&&this.cache.s?this.cache.s.length:!1,matcher:aa.length+(this.v?this.v.length:0),worker:this.g,threshold:this.threshold,depth:this.depth,resolution:this.b,contextual:this.depth&&"strict"===this.f}};w.prototype.clear=function(){return this.destroy().init()};w.prototype.destroy=function(){this.cache&&(this.j.clear(),this.j=null);this.i=this.h=this.c=null;if(this.a){const a=this.a.keys;for(let c=
+0;c<a.length;c++)this.a.index[a[c]].destroy();this.a=this.l=null}return this};w.prototype.export=function(a){const c=!a||C(a.serialize)||a.serialize;if(this.a){const d=!a||C(a.doc)||a.doc;var b=!a||C(a.index)||a.index;a=[];let e=0;if(b)for(b=this.a.keys;e<b.length;e++){const f=this.a.index[b[e]];a[e]=[f.i,f.h,Object.keys(f.c)]}d&&(a[e]=this.l)}else a=[this.i,this.h,Object.keys(this.c)];c&&(a=JSON.stringify(a));return a};w.prototype.import=function(a,c){if(!c||C(c.serialize)||c.serialize)a=JSON.parse(a);
+const b=B();if(this.a){var d=!c||C(c.doc)||c.doc,e=0;if(!c||C(c.index)||c.index){c=this.a.keys;const h=c.length;for(var f=a[0][2];e<f.length;e++)b[f[e]]=1;for(e=0;e<h;e++){f=this.a.index[c[e]];const g=a[e];g&&(f.i=g[0],f.h=g[1],f.c=b)}}d&&(this.l=G(d)?d:a[e])}else{d=a[2];for(e=0;e<d.length;e++)b[d[e]]=1;this.i=a[0];this.h=a[1];this.c=b}};const va=function(){const a=r("\\s+"),c=r("[^a-z0-9 ]"),b=[r("[-/]")," ",c,"",a," "];return function(d){return ca(Q(d.toLowerCase(),b))}}(),U={icase:function(a){return a.toLowerCase()},
+simple:function(){const a=r("\\s+"),c=r("[^a-z0-9 ]"),b=r("[-/]"),d=r("[\u00e0\u00e1\u00e2\u00e3\u00e4\u00e5]"),e=r("[\u00e8\u00e9\u00ea\u00eb]"),f=r("[\u00ec\u00ed\u00ee\u00ef]"),h=r("[\u00f2\u00f3\u00f4\u00f5\u00f6\u0151]"),g=r("[\u00f9\u00fa\u00fb\u00fc\u0171]"),k=r("[\u00fd\u0177\u00ff]"),l=r("\u00f1"),p=r("[\u00e7c]"),n=r("\u00df"),m=r(" & "),u=[d,"a",e,"e",f,"i",h,"o",g,"u",k,"y",l,"n",p,"k",n,"s",m," and ",b," ",c,"",a," "];return function(q){q=Q(q.toLowerCase(),u);return" "===q?"":q}}(),advanced:function(){const a=
+r("ae"),c=r("ai"),b=r("ay"),d=r("ey"),e=r("oe"),f=r("ue"),h=r("ie"),g=r("sz"),k=r("zs"),l=r("ck"),p=r("cc"),n=r("sh"),m=r("th"),u=r("dt"),q=r("ph"),A=r("pf"),z=r("ou"),y=r("uo"),t=[a,"a",c,"ei",b,"ei",d,"ei",e,"o",f,"u",h,"i",g,"s",k,"s",n,"s",l,"k",p,"k",m,"t",u,"t",q,"f",A,"f",z,"o",y,"u"];return function(v,x){if(!v)return v;v=this.simple(v);2<v.length&&(v=Q(v,t));x||1<v.length&&(v=ca(v));return v}}(),extra:function(){const a=r("p"),c=r("z"),b=r("[cgq]"),d=r("n"),e=r("d"),f=r("[vw]"),h=r("[aeiouy]"),
+g=[a,"b",c,"s",b,"k",d,"m",e,"t",f,"f",h,""];return function(k){if(!k)return k;k=this.advanced(k,!0);if(1<k.length){k=k.split(" ");for(let l=0;l<k.length;l++){const p=k[l];1<p.length&&(k[l]=p[0]+Q(p.substring(1),g))}k=k.join(" ");k=ca(k)}return k}}(),balance:va},ua=function(){function a(c){this.clear();this.H=!0!==c&&c}a.prototype.clear=function(){this.cache=B();this.count=B();this.index=B();this.s=[]};a.prototype.set=function(c,b){if(this.H&&C(this.cache[c])){let d=this.s.length;if(d===this.H){d--;
+const e=this.s[d];delete this.cache[e];delete this.count[e];delete this.index[e]}this.index[c]=d;this.s[d]=c;this.count[c]=-1;this.cache[c]=b;this.get(c)}else this.cache[c]=b};a.prototype.get=function(c){const b=this.cache[c];if(this.H&&b){var d=++this.count[c];const f=this.index;let h=f[c];if(0<h){const g=this.s;for(var e=h;this.count[g[--h]]<=d&&-1!==h;);h++;if(h!==e){for(d=e;d>h;d--)e=g[d-1],g[d]=e,f[e]=d;g[h]=c;f[c]=h}}}return b};return a}();return w}(function(){const K={},R="undefined"!==typeof Blob&&
+"undefined"!==typeof URL&&URL.createObjectURL;return function(w,L,S,W,P){S=R?URL.createObjectURL(new Blob(["("+S.toString()+")()"],{type:"text/javascript"})):w+".min.js";w+="-"+L;K[w]||(K[w]=[]);K[w][P]=new Worker(S);K[w][P].onmessage=W;return K[w][P]}}()),this);

public/index.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<html lang="zh" dir="ltr">
+<head>
+	<meta name="generator" content="Hugo 0.109.0">
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="description" content="English is not available now, use Chinese">
+<meta name="theme-color" content="#FFFFFF">
+<meta name="color-scheme" content="light dark"><meta property="og:title" content="介绍" />
+<meta property="og:description" content="" />
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://academics.jamesflare.com/" />
+<title>介绍 | Academic Resources</title>
+<link rel="manifest" href="/manifest.json">
+<link rel="icon" href="/favicon.png" type="image/x-icon">
+  <link rel="alternate" hreflang="zh" href="https://academics.jamesflare.com/zh/" title="介绍">
+<link rel="stylesheet" href="/book.min.f8de3645fe00591b41524aee174e19edd98a22255a2930a0cdc82a94835ba387.css" integrity="sha256-&#43;N42Rf4AWRtBUkruF04Z7dmKIiVaKTCgzcgqlINbo4c=" crossorigin="anonymous">
+  <script defer src="/flexsearch.min.js"></script>
+  <script defer src="/en.search.min.a96ff1ebe93c483a6fabdb5dfeca9c5064addcd18e5db5d46117139d2e58ff1e.js" integrity="sha256-qW/x6&#43;k8SDpvq9td/sqcUGSt3NGOXbXUYRcTnS5Y/x4=" crossorigin="anonymous"></script>
+<link rel="alternate" type="application/rss+xml" href="https://academics.jamesflare.com/index.xml" title="Academic Resources" />
+<!--
+Made with Book Theme
+https://github.com/alex-shpak/hugo-book
+-->
+  <link rel="stylesheet" href="https://academics.jamesflare.com/css/custom.css">
+
+<script type="text/javascript" src="https://academics.jamesflare.com/js/custom.js"></script>
+    <script>pangu.spacingPage();</script>
+</head>
+<body dir="ltr">
+  <input type="checkbox" class="hidden toggle" id="menu-control" />
+  <input type="checkbox" class="hidden toggle" id="toc-control" />
+  <main class="container flex">
+    <aside class="book-menu">
+      <div class="book-menu-content">
+        
+  <nav>
+<h2 class="book-brand">
+  <a class="flex align-center" href="/"><span>Academic Resources</span>
+  </a>
+</h2>
+
+
+<div class="book-search">
+  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
+  <div class="book-search-spinner hidden"></div>
+  <ul id="book-search-results"></ul>
+</div>
+
+
+
+  
+
+
+
+  
+    
+  
+
+
+  
+
+
+<ul class="book-languages">
+  <li>
+    <input type="checkbox" id="languages" class="toggle" />
+    <label for="languages" class="flex justify-between">
+      <a role="button" class="flex align-center">
+        <img src="/svg/translate.svg" class="book-icon" alt="Languages" />
+        English
+      </a>
+    </label>
+
+    <ul>
+      
+      <li>
+        <a href="https://academics.jamesflare.com/zh/">
+          Chinese
+        </a>
+      </li>
+      
+    </ul>
+  </li>
+</ul>
+
+
+
+
+
+
+
+
+
+
+
+  
+
+
+
+
+
+  
+<ul>
+  
+  <li>
+    <a href="/posts/"  >
+        动态
+      </a>
+  </li>
+  
+</ul>
+
+
+
+
+
+
+</nav>
+
+
+
+
+  <script>(function(){var e=document.querySelector("aside .book-menu-content");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>
+
+
+ 
+      </div>
+    </aside>
+
+    <div class="book-page">
+      <header class="book-header">
+        
+  <div class="flex align-center justify-between">
+  <label for="menu-control">
+    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
+  </label>
+
+  <strong>介绍</strong>
+
+  <label for="toc-control">
+    
+    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
+    
+  </label>
+</div>
+
+
+  
+  <aside class="hidden clearfix">
+    
+  
+<nav id="TableOfContents"></nav>
+
+
+
+  </aside>
+  
+ 
+      </header>
+
+      
+      
+  <article class="markdown"><p>English is not available now, use <a href="/zh/">Chinese</a></p>
+</article>
+ 
+      
+
+      <footer class="book-footer">
+        
+  <div class="flex flex-wrap justify-between">
+
+
+  <div><a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/commit/abc70064542e964a18c25a0839d58fff5dd2cb0e" title='Last modified by JamesFlare1212 | April 27, 2023' target="_blank" rel="noopener">
+      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
+      <span>April 27, 2023</span>
+    </a>
+  </div>
+
+
+
+  <div>
+    <a class="flex align-center" href="https://github.com/JamesFlare1212/SCDocs/edit/dev/content.en/_index.md" target="_blank" rel="noopener">
+      <img src="/svg/edit.svg" class="book-icon" alt="Edit" />
+      <span>Edit this page</span>
+    </a>
+  </div>
+
+
+</div>
+
+
+
+  <script>(function(){function e(e){const t=window.getSelection(),n=document.createRange();n.selectNodeContents(e),t.removeAllRanges(),t.addRange(n)}document.querySelectorAll("pre code").forEach(t=>{t.addEventListener("click",function(){if(window.getSelection().toString())return;e(t.parentElement),navigator.clipboard&&navigator.clipboard.writeText(t.parentElement.textContent)})})})()</script>
+
+
+ 
+        
+      </footer>
+
+      
+  
+  <div class="book-comments">
+
+</div>
+  
+ 
+
+      <label for="menu-control" class="hidden book-menu-overlay"></label>
+    </div>
+
+    
+    <aside class="book-toc">
+      <div class="book-toc-content">
+        
+  
+<nav id="TableOfContents"></nav>
+
+
+ 
+      </div>
+    </aside>
+    
+  </main>
+
+  <script src="/js/pangu.min.js"></script>
+  <script>pangu.spacingPage();</script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+

public/index.xml

@@ -0,0 +1,235 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>介绍 on Academic Resources</title>
+    <link>https://academics.jamesflare.com/</link>
+    <description>Recent content in 介绍 on Academic Resources</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>zh</language><atom:link href="https://academics.jamesflare.com/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>With ToC</title>
+      <link>https://academics.jamesflare.com/docs/example/table-of-contents/with-toc/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/example/table-of-contents/with-toc/</guid>
+      <description>Caput vino delphine in tamen vias # Cognita laeva illo fracta # Lorem markdownum pavent auras, surgit nunc cingentibus libet Laomedonque que est. Pastor An arbor filia foedat, ne fugit aliter, per. Helicona illas et callida neptem est Oresitrophos caput, dentibus est venit. Tenet reddite famuli praesentem fortibus, quaeque vis foret si frondes gelidos gravidae circumtulit inpulit armenta nativum.
+Te at cruciabere vides rubentis manebo Maturuit in praetemptat ruborem ignara postquam habitasse Subitarum supplevit quoque fontesque venabula spretis modo Montis tot est mali quasque gravis Quinquennem domus arsit ipse Pellem turis pugnabant locavit Natus quaerere # Pectora et sine mulcere, coniuge dum tincta incurvae.</description>
+    </item>
+    
+    <item>
+      <title>Without ToC</title>
+      <link>https://academics.jamesflare.com/docs/example/table-of-contents/without-toc/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/example/table-of-contents/without-toc/</guid>
+      <description>At me ipso nepotibus nunc celebratior genus # Tanto oblite # Lorem markdownum pectora novis patenti igne sua opus aurae feras materiaque illic demersit imago et aristas questaque posset. Vomit quoque suo inhaesuro clara. Esse cumque, per referri triste. Ut exponit solisque communis in tendens vincetis agisque iamque huic bene ante vetat omina Thebae rates. Aeacus servat admonitu concidit, ad resimas vultus et rugas vultu dignamque Siphnon.
+Quam iugulum regia simulacra, plus meruit humo pecorumque haesit, ab discedunt dixit: ritu pharetramque.</description>
+    </item>
+    
+    <item>
+      <title>Creating a New Theme</title>
+      <link>https://academics.jamesflare.com/posts/creating-a-new-theme/</link>
+      <pubDate>Sun, 28 Sep 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/posts/creating-a-new-theme/</guid>
+      <description>Introduction # This tutorial will show you how to create a simple theme in Hugo. I assume that you are familiar with HTML, the bash command line, and that you are comfortable using Markdown to format content. I&amp;rsquo;ll explain how Hugo uses templates and how you can organize your templates to create a theme. I won&amp;rsquo;t cover using CSS to style your theme.
+We&amp;rsquo;ll start with creating a new site with a very basic template.</description>
+    </item>
+    
+    <item>
+      <title>Migrate to Hugo from Jekyll</title>
+      <link>https://academics.jamesflare.com/posts/migrate-from-jekyll/</link>
+      <pubDate>Mon, 10 Mar 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/posts/migrate-from-jekyll/</guid>
+      <description>Move static content to static # Jekyll has a rule that any directory not starting with _ will be copied as-is to the _site output. Hugo keeps all static content under static. You should therefore move it all there. With Jekyll, something that looked like
+▾ &amp;lt;root&amp;gt;/
+▾ images/
+logo.png
+should become
+▾ &amp;lt;root&amp;gt;/
+▾ static/
+▾ images/
+logo.png
+Additionally, you&amp;rsquo;ll want any files that should reside at the root (such as CNAME) to be moved to static.</description>
+    </item>
+    
+    <item>
+      <title>(Hu)go Template Primer</title>
+      <link>https://academics.jamesflare.com/posts/goisforlovers/</link>
+      <pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/posts/goisforlovers/</guid>
+      <description>Hugo uses the excellent Go html/template library for its template engine. It is an extremely lightweight engine that provides a very small amount of logic. In our experience that it is just the right amount of logic to be able to create a good static website. If you have used other template systems from different languages or frameworks you will find a lot of similarities in Go templates.
+This document is a brief primer on using Go templates.</description>
+    </item>
+    
+    <item>
+      <title>Getting Started with Hugo</title>
+      <link>https://academics.jamesflare.com/posts/hugoisforlovers/</link>
+      <pubDate>Wed, 02 Apr 2014 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/posts/hugoisforlovers/</guid>
+      <description>Step 1. Install Hugo # Go to Hugo releases and download the appropriate version for your OS and architecture.
+Save it somewhere specific as we will be using it in the next step.
+More complete instructions are available at Install Hugo
+Step 2. Build the Docs # Hugo has its own example site which happens to also be the documentation site you are reading right now.
+Follow the following steps:</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/example/collapsed/3rd-level/4th-level/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/example/collapsed/3rd-level/4th-level/</guid>
+      <description>4th Level of Menu # Caesorum illa tu sentit micat vestes papyriferi # Inde aderam facti; Theseus vis de tauri illa peream. Oculos uberaque non regisque vobis cursuque, opus venit quam vulnera. Et maiora necemque, lege modo; gestanda nitidi, vero? Dum ne pectoraque testantur.
+Venasque repulsa Samos qui, exspectatum eram animosque hinc, aut manes, Assyrii. Cupiens auctoribus pariter rubet, profana magni super nocens. Vos ius sibilat inpar turba visae iusto!</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/example/hidden/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/example/hidden/</guid>
+      <description>This page is hidden in menu # Quondam non pater est dignior ille Eurotas # Latent te facies # Lorem markdownum arma ignoscas vocavit quoque ille texit mandata mentis ultimus, frementes, qui in vel. Hippotades Peleus pennas conscia cuiquam Caeneus quas.
+Pater demittere evincitque reddunt Maxime adhuc pressit huc Danaas quid freta Soror ego Luctus linguam saxa ultroque prior Tatiumque inquit Saepe liquitur subita superata dederat Anius sudor Cum honorum Latona # O fallor in sustinui iussorum equidem.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/buttons/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/buttons/</guid>
+      <description> Buttons # Buttons are styled links that can lead to local page or external link.
+Example # {{&amp;lt; button relref=&amp;#34;/&amp;#34; [class=&amp;#34;...&amp;#34;] &amp;gt;}}Get Home{{&amp;lt; /button &amp;gt;}} {{&amp;lt; button href=&amp;#34;https://github.com/alex-shpak/hugo-book&amp;#34; &amp;gt;}}Contribute{{&amp;lt; /button &amp;gt;}} Get Home Contribute </description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/columns/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/columns/</guid>
+      <description>Columns # Columns help organize shorter pieces of content horizontally for readability.
+{{&amp;lt; columns &amp;gt;}} &amp;lt;!-- begin columns block --&amp;gt; # Left Content Lorem markdownum insigne... &amp;lt;---&amp;gt; &amp;lt;!-- magic separator, between columns --&amp;gt; # Mid Content Lorem markdownum insigne... &amp;lt;---&amp;gt; &amp;lt;!-- magic separator, between columns --&amp;gt; # Right Content Lorem markdownum insigne... {{&amp;lt; /columns &amp;gt;}} Example # Left Content # Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter!</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/details/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/details/</guid>
+      <description> Details # Details shortcode is a helper for details html5 element. It is going to replace expand shortcode.
+Example # {{&amp;lt; details &amp;#34;Title&amp;#34; [open] &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /details &amp;gt;}} {{&amp;lt; details title=&amp;#34;Title&amp;#34; open=true &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /details &amp;gt;}} Title Markdown content # Lorem markdownum insigne&amp;hellip; </description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/expand/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/expand/</guid>
+      <description>Expand # Expand shortcode can help to decrease clutter on screen by hiding part of text. Expand content by clicking on it.
+Example # Default # {{&amp;lt; expand &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /expand &amp;gt;}} Expand ↕ Markdown content # Lorem markdownum insigne&amp;hellip; With Custom Label # {{&amp;lt; expand &amp;#34;Custom Label&amp;#34; &amp;#34;...&amp;#34; &amp;gt;}} ## Markdown content Lorem markdownum insigne... {{&amp;lt; /expand &amp;gt;}} Custom Label ... Markdown content # Lorem markdownum insigne.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/hints/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/hints/</guid>
+      <description>Hints # Hint shortcode can be used as hint/alerts/notification block.
+There are 3 colors to choose: info, warning and danger.
+{{&amp;lt; hint [info|warning|danger] &amp;gt;}} **Markdown content** Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa {{&amp;lt; /hint &amp;gt;}} Example # Markdown content
+Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat stringit, frustra Saturnius uteroque inter! Oculis non ritibus Telethusa Markdown content</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/katex/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/katex/</guid>
+      <description>KaTeX # KaTeX shortcode let you render math typesetting in markdown document. See KaTeX
+Example # {{&amp;lt; katex [display] [class=&amp;#34;text-center&amp;#34;] &amp;gt;}} f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi {{&amp;lt; /katex &amp;gt;}} \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\] Display Mode Example # Here is some inline example: \(\pi(x)\) , rendered in the same line. And below is display example, having display: block \[
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+\] Text continues here.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/mermaid/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/mermaid/</guid>
+      <description>Mermaid Chart # MermaidJS is library for generating svg charts and diagrams from text.
+Override Mermaid Initialization Config
+To override the initialization config for Mermaid, create a mermaid.json file in your assets folder!
+Example # {{&amp;lt; mermaid [class=&amp;#34;text-center&amp;#34;]&amp;gt;}} stateDiagram-v2 State1: The state with a note note right of State1 Important information! You can write notes. end note State1 --&amp;gt; State2 note left of State2 : This is the note to the left.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/section/first-page/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/section/first-page/</guid>
+      <description>First page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/section/second-page/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/section/second-page/</guid>
+      <description>Second Page # Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/shortcodes/tabs/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/shortcodes/tabs/</guid>
+      <description>Tabs # Tabs let you organize content by context, for example installation instructions for each supported platform.
+{{&amp;lt; tabs &amp;#34;uniqueid&amp;#34; &amp;gt;}} {{&amp;lt; tab &amp;#34;MacOS&amp;#34; &amp;gt;}} # MacOS Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; tab &amp;#34;Linux&amp;#34; &amp;gt;}} # Linux Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; tab &amp;#34;Windows&amp;#34; &amp;gt;}} # Windows Content {{&amp;lt; /tab &amp;gt;}} {{&amp;lt; /tabs &amp;gt;}} Example # MacOS MacOS # This is tab MacOS content.
+Lorem markdownum insigne. Olympo signis Delphis!</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E7%BE%8E%E6%9C%AF%E5%8E%86%E5%8F%B2/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E7%BE%8E%E6%9C%AF%E5%8E%86%E5%8F%B2/</guid>
+      <description>美术&amp;amp;历史 # Google Art Project # 简介 Google Art Project是Google与世界各地博物馆合作，利用Google街景技术拍摄博物馆内部实景，并且以超高</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%87%AA%E7%84%B6%E7%A7%91%E5%AD%A6/</guid>
+      <description>Natural Science # Natural Science resources, include Web Tools, YouTubers, NGOs. Physics # WolframAlpha # # 简介 # ![wolframalphalogo.svg](/dsasuniversaldocs/resources/academicdpt/wolframalphalogo.svg =70%x) Step-by-step solution to different calucation question. Again, it&amp;rsquo;s for you to check the answer or go for help. 价格 # Basic Personalized experience with customizable settings Does not include step-by-step solutions $0 per month, billed $0 annually Pro Enhanced features with step-by-step solutions Increased computation time and calculator</description>
+    </item>
+    
+    <item>
+      <title></title>
+      <link>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%AF%AD%E8%A8%80/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>https://academics.jamesflare.com/docs/%E5%AD%A6%E6%9C%AF%E8%B5%84%E6%BA%90/%E5%AD%A6%E7%A7%91%E5%9C%A8%E7%BA%BF%E8%B5%84%E6%BA%90/%E8%AF%AD%E8%A8%80/</guid>
+      <description>Languages # Languages resources, include Web Tools, YouTubers, NGOs. English # IGCSESUCCESS # # 简介 # ![igcsesuccess.jpg](/dsasuniversaldocs/resources/academicdpt/igcsesuccess.jpg =10%x) Tips and skills for IGCSE EFL students. Sparknotes-literature Study # # 简介 # ![sparknoteslogo.svg](/dsasuniversaldocs/resources/academicdpt/sparknoteslogo.svg =45%x) Extremely useful for literature reading, covering summary, analysis of character, themes, symbols and so on. LearnAndRecord # # 简介 # ![learnandrecord.jpg](/dsasuniversaldocs/resources/academicdpt/learnandrecord.jpg =10%x) WeChat Channel for English learning. Learn through news and policies from journals.</description>
+    </item>
+    

public/katex/auto-render.min.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=1)}([function(t,r){t.exports=e},function(e,t,r){"use strict";r.r(t);var n=r(0),o=r.n(n),a=function(e,t,r){for(var n=r,o=0,a=e.length;n<t.length;){var i=t[n];if(o<=0&&t.slice(n,n+a)===e)return n;"\\"===i?n++:"{"===i?o++:"}"===i&&o--,n++}return-1},i=function(e,t,r,n){for(var o=[],i=0;i<e.length;i++)if("text"===e[i].type){var l=e[i].data,d=!0,s=0,f=void 0;for(-1!==(f=l.indexOf(t))&&(s=f,o.push({type:"text",data:l.slice(0,s)}),d=!1);;){if(d){if(-1===(f=l.indexOf(t,s)))break;o.push({type:"text",data:l.slice(s,f)}),s=f}else{if(-1===(f=a(r,l,s+t.length)))break;o.push({type:"math",data:l.slice(s+t.length,f),rawData:l.slice(s,f+r.length),display:n}),s=f+r.length}d=!d}o.push({type:"text",data:l.slice(s)})}else o.push(e[i]);return o},l=function(e,t){for(var r=function(e,t){for(var r=[{type:"text",data:e}],n=0;n<t.length;n++){var o=t[n];r=i(r,o.left,o.right,o.display||!1)}return r}(e,t.delimiters),n=document.createDocumentFragment(),a=0;a<r.length;a++)if("text"===r[a].type)n.appendChild(document.createTextNode(r[a].data));else{var l=document.createElement("span"),d=r[a].data;t.displayMode=r[a].display;try{t.preProcess&&(d=t.preProcess(d)),o.a.render(d,l,t)}catch(e){if(!(e instanceof o.a.ParseError))throw e;t.errorCallback("KaTeX auto-render: Failed to parse `"+r[a].data+"` with ",e),n.appendChild(document.createTextNode(r[a].rawData));continue}n.appendChild(l)}return n};t.default=function(e,t){if(!e)throw new Error("No element provided to render");var r={};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);r.delimiters=r.delimiters||[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\[",right:"\\]",display:!0}],r.ignoredTags=r.ignoredTags||["script","noscript","style","textarea","pre","code"],r.ignoredClasses=r.ignoredClasses||[],r.errorCallback=r.errorCallback||console.error,r.macros=r.macros||{},function e(t,r){for(var n=0;n<t.childNodes.length;n++){var o=t.childNodes[n];if(3===o.nodeType){var a=l(o.textContent,r);n+=a.childNodes.length-1,t.replaceChild(a,o)}else 1===o.nodeType&&function(){var t=" "+o.className+" ";-1===r.ignoredTags.indexOf(o.nodeName.toLowerCase())&&r.ignoredClasses.every(function(e){return-1===t.indexOf(" "+e+" ")})&&e(o,r)}()}}(e,r)}}]).default});