添加折叠代码的按钮 (#94)

* 添加折叠代码的按钮 * 加点样式 * 加粗“查看代码”
rbind · Sep 20, 2023 · 3ff95e6 · 3ff95e6
1 parent 6818d0f
commit 3ff95e6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -16,6 +16,7 @@
 </div>
 {{ if .IsPage }}
 <script src="{{ relURL "/js/wordcount.js" }}" defer></script>
+<script src="https://cdn.jsdelivr.net/npm/@xiee/utils/js/fold-details.min.js" data-label="查看代码" data-button="true" data-button-label="展开/折叠文中代码" data-parent=".article-metadata:last-of-type" data-position="afterend" defer></script>
 {{ end }}
 {{ partial "footer_highlightjs" . }}
 {{ partial "footer_mathjax" . }}

diff --git a/static/css/custom.css b/static/css/custom.css
@@ -159,6 +159,16 @@ blockquote > p:first-child {
   line-height: 1ex;
 }
 
+/* 代码按钮 */
+#toggle-all {
+  font-size: inherit;
+  margin-left: 1em;
+}
+summary {
+  border-bottom: 1px solid #ddd;
+  font-weight: bold;
+}
+
 /* https://github.com/rstudio/bookdown/blob/main/inst/templates/default.html#L89-L113 */
 /* Used with Pandoc 2.11+ new --citeproc when CSL is used */
 div.csl-bib-body { }