book.toml

@@ -4,3 +4,16 @@ language = "zh-cn"
 multilingual = false
 src = "src"
 title = "Study Area CN"
+
+[output.html]
+additional-css = [
+    "theme/css/icons.css",
+    "theme/css/mdui.css",
+    "theme/css/highlight.min.css",
+    "theme/font/icons.woff2",
+]
+additional-js = [
+    "theme/js/mdui.global.js",
+    "theme/js/highlight.min.js",
+    "theme/js/mathjax.js",
+]

theme/css/highlight.min.css

@@ -0,0 +1,9 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

theme/css/icons.css

@@ -0,0 +1,22 @@
+/* fallback */
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../font/icons.woff2) format('woff2');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+}

theme/index.hbs

@@ -21,22 +21,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
     <meta name="renderer" content="webkit" />
-
-    <link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css">
-    <script src="https://unpkg.com/mdui@2/mdui.global.js"></script>
-
-
-    <!-- Material Icons Font (Filled) -->
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link rel="stylesheet" href="{{ ../path_to_root }}theme/css/mdui.css">
+    <script src="{{ ../path_to_root }}theme/js/mdui.global.js"></script>
+    <link href="{{ ../path_to_root }}theme/css/icons.css" rel="stylesheet">
 
     <meta name="description" content="Study Area CN {{ description }}">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="theme-color" content="#ffffff">
     <meta name="keywords"
-        content="Study-area, study-area, study-area-cn Study Area CN, study area cn, 酷学园, 酷学园 CN , 酷！学园, netman, linux, mdbook">
+        content="Study-area, study-area, study-area-cn Study Area CN, study area cn, 酷学园, 酷学园 CN , 酷！学园, netman, linux, mdbook, rockylinux">
 
     {{#if favicon_svg}}
-    <link rel="icon" href="{{ path_to_root }}favicon.svg">
+    <link rel="icon" href="{{ path_to_root }}favicon.png">
     {{/if}}
     {{#if favicon_png}}
     <link rel="shortcut icon" href="{{ path_to_root }}favicon.png">
@@ -47,22 +43,19 @@
     {{/if}}
 
     <!-- Highlight.js Stylesheets -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <link rel="stylesheet" href="{{ ../path_to_root }}theme/css/highlight.min.css">
+    <script src="{{ ../path_to_root }}theme/js/highlight.min.js"></script>
+
 
-    <!-- Custom theme stylesheets -->
-    {{#each additional_css}}
-    <link rel="stylesheet" href="{{ ../path_to_root }}{{ this }}">
-    {{/each}}
 
     {{#if mathjax_support}}
     <!-- MathJax -->
-    <script async
-        src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+    <script async src="{{ ../path_to_root }}theme/js/mathjax.js"></script>
     {{/if}}
 
     <style>
-    ol,li{
+        ol,
+        li {
             list-style: none;
             font-size: 1em;
         }
@@ -107,7 +100,8 @@
             <mdui-button-icon icon="web" href="{{git_repository_url}}"></mdui-button-icon>
             {{/if}}
             {{#if print_enable}}
-            <mdui-button-icon href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book" icon="print">
+            <mdui-button-icon href="{{ path_to_root }}print.html" title="Print this book" aria-label="Print this book"
+                icon="print">
             </mdui-button-icon>
             {{/if}}
         </mdui-top-app-bar>
@@ -128,11 +122,7 @@
                 {{{ content }}}
             </div>
 
-        <mdui-dialog
-            headline="Study Env"
-            close-on-esc
-            id="study-env-dialog"
-        >
+            <mdui-dialog headline="Study Env" close-on-esc id="study-env-dialog">
                 <iframe src="about:blank" style="height:80%;width:99%" id="study-env-iframe"></iframe>
             </mdui-dialog>
 
@@ -161,7 +151,8 @@
                 {{#next}}
                 <mdui-card clickable style="width:49%;height: 100%" href="{{ path_to_root }}{{link}}">
                     <div style="display:flex;font-size:1.5em">
-                    <div style="flex-grow:1"></div>下一章<mdui-icon name="navigate_next" style="font-size:1.5em"></mdui-icon> 
+                        <div style="flex-grow:1"></div>下一章<mdui-icon name="navigate_next"
+                            style="font-size:1.5em"></mdui-icon>
                     </div>
 
                     <div style="text-align:center;font-size:2em">