fix(latex): improve rendering of details and tabbed content (#104)

* fix(latex): show title for tabbed contents

* fix(remark-latex/lib/compiler.js): included title in a tabbed environment
* feat(oi-wiki-export/oi-wiki-export.tex): add a customized tabbed environment

* fix(latex): remove quotes around titles

* fix(util.js): allow unquote to deal with unescaped quotes
* fix(compile.js): unquote details summary

* fix(oi-wiki-export.tex): adjust colored box format

Author: c-forrest

oi-wiki-export/oi-wiki-export.tex

@@ -186,8 +186,9 @@
     \else
         \begin{mdframed}[%
             roundcorner=3pt,
-            linewidth=0pt,
-            backgroundcolor=#1!20!white,
+            linewidth=1pt,
+            linecolor=#1,
+            backgroundcolor=white,
             frametitle={#2},
             frametitlefont={\sffamily},
             frametitlerule=false,
@@ -203,6 +204,15 @@
     \fi
 }
 
+% Define a "tabbed" environment: #1 = title
+\newenvironment{tabbed}[1]{%
+  \begin{itemize}
+    \item #1 \par
+    \vspace{0.5em}
+}{%
+  \end{itemize}
+}
+
 \captionsetup[figure]{labelsep=space}
 \captionsetup[table]{labelsep=space}
 
@@ -213,7 +223,7 @@
 \newcommand{\hytt}[1]{\texttt{\hyphenchar\font="200B #1}}
 
 % minted settings
-\setminted{fontsize=\small}
+\setminted{fontsize=\small,backgroundcolor=black!5!white}
 \newmdenv[%
     roundcorner=5pt,
     linewidth=0pt,

remark-latex/lib/compiler.js

@@ -603,7 +603,7 @@ export default function compiler(options) {
       case "detailsContainer": {
         // Pymdown details 语法块
         const type = node.attributes.class;
-        const summary = parse(node.children[0]);
+        const summary = unquote(parse(node.children[0]));
 
         node.children = node.children.slice(1);
 
@@ -622,8 +622,7 @@ export default function compiler(options) {
         node.children = node.children.slice(1);
 
         const content = all(node, parse).join("");
-        // return "\\begin{tabbed}{{0}}\n{{1}}\n\\end{tabbed}".format(title, content);
-        return content;
+        return "\\begin{tabbed}{{0}}\n{{1}}\n\\end{tabbed}".format(title, content);
       }
       case "tabbedContainerTitle": {
         return all(node, parse).join("");

remark-latex/lib/util.js

@@ -163,6 +163,8 @@ export function isUrl(str) {
 export function unquote(str) {
   if (str.startsWith('\\"') && str.endsWith('\\"')) {
     return str.slice(2, -2);
+  } if (str.startsWith('"') && str.endsWith('"')) {
+    return str.slice(1, -1);
   } else {
     return str;
   }