267 lines
9.7 KiB
Handlebars
Executable File
267 lines
9.7 KiB
Handlebars
Executable File
<!DOCTYPE HTML>
|
|
<html lang="{{ language }}" dir="{{ text_direction }}" class="mdui-theme-auto" style="height:100%;width:100%">
|
|
|
|
<head>
|
|
<meta NAME="ROBOTS" CONTENT="INDEX,FOLLOW">
|
|
<!-- mdbook 内容 -->
|
|
<meta charset="UTF-8">
|
|
<title>{{ title }}</title>
|
|
{{#if is_print }}
|
|
<meta name="robots" content="noindex">
|
|
{{/if}}
|
|
{{#if base_url}}
|
|
<base href="{{ base_url }}">
|
|
{{/if}}
|
|
|
|
|
|
<!-- 自定义头部 html -->
|
|
{{> head}}
|
|
|
|
<!-- MDUI CSS&JS -->
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta name="renderer" content="webkit" />
|
|
<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="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, rockylinux">
|
|
|
|
<!-- favicon -->
|
|
{{#if 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">
|
|
{{/if}}
|
|
|
|
{{#if print_enable}}
|
|
<link rel="stylesheet" href="{{ path_to_root }}css/print.css" media="print">
|
|
{{/if}}
|
|
|
|
<!-- Highlight.js Stylesheets -->
|
|
<link rel="stylesheet" href="{{ ../path_to_root }}theme/css/highlight.min.css">
|
|
<script src="{{ ../path_to_root }}theme/js/highlight.min.js"></script>
|
|
|
|
{{#if mathjax_support}}
|
|
<!-- MathJax -->
|
|
<script async src="{{ ../path_to_root }}theme/js/mathjax.js"></script>
|
|
{{/if}}
|
|
|
|
<link rel="stylesheet" href="{{ ../path_to_root }}theme/css/page.css">
|
|
|
|
<!-- 自定义字体 -->
|
|
<link href="{{ ../path_to_root }}theme/css/font.css" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
<body style="margin:0;padding:0;">
|
|
<!-- 打印页面输出目录 -->
|
|
{{#if is_print }}
|
|
{{#toc}}{{/toc}}
|
|
{{/if}}
|
|
|
|
<mdui-layout>
|
|
{{#unless is_print }}
|
|
<!-- 顶栏 -->
|
|
<mdui-top-app-bar class="topbar" scroll-behavior="elevate">
|
|
<mdui-button-icon icon="menu" id="open-drawer"></mdui-button-icon>
|
|
<mdui-button id="back-home" href="/">主页</mdui-button>
|
|
<mdui-button class="hideonmobile" id="open-study-env">实验环境</mdui-button>
|
|
<mdui-top-app-bar-title>{{ book_title }}</mdui-top-app-bar-title>
|
|
|
|
<div style="flex-grow: 1"></div> <!-- 横向填充 -->
|
|
|
|
<!-- 翻页 -->
|
|
<div class="navbtn" style="display: flex;">
|
|
{{#previous}}
|
|
<mdui-button id="previous—page" class="hideonmobile" href="javascript:void(0);" onclick="prevPage()"
|
|
style="margin-right:8px;">上一章</mdui-button>
|
|
<a style="display:none;" href="{{ path_to_root }}{{link}}" id="helper_prevpage" class="helper"></a>
|
|
{{/previous}}
|
|
{{#next}}
|
|
<mdui-button id="next—page" class="next—page" href="javascript:void(0);"
|
|
onclick="nextPage()">下一章</mdui-button>
|
|
<a style="display:none;" href="{{ path_to_root }}{{link}}" id="helper_nextpage"
|
|
class="next—pagehelper"></a>
|
|
{{/next}}
|
|
</div>
|
|
|
|
<!-- 仓库按钮 -->
|
|
{{#if git_repository_url}}
|
|
<mdui-button-icon icon="web" href="{{git_repository_url}}"></mdui-button-icon>
|
|
{{/if}}
|
|
|
|
<!-- 打印按钮 -->
|
|
{{#if print_enable}}
|
|
<mdui-button-icon class="hideonmobile" 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>
|
|
|
|
<!-- 菜单栏 -->
|
|
<mdui-navigation-drawer close-on-overlay-click class="toc-drawer" id="toc-drawer" placement="left">
|
|
<!-- JS 填充内容 -->
|
|
</mdui-navigation-drawer>
|
|
{{/unless}}
|
|
|
|
|
|
{{#unless is_print }}
|
|
<!-- Render toc -->
|
|
<div style="display:none;" id="helperframe" class="helperframe">
|
|
{{#toc}}{{/toc}}
|
|
</div>
|
|
|
|
<script src="{{ ../path_to_root }}theme/js/tocrender.js"></script>
|
|
<!-- Render toc finish -->
|
|
{{/unless}}
|
|
|
|
<!-- 展开菜单按钮 -->
|
|
{{#unless is_print }}
|
|
<script>
|
|
const navigationDrawer = document.querySelector(".toc-drawer");
|
|
const openButton = document.getElementById("open-drawer");
|
|
|
|
openButton.addEventListener("click", () => navigationDrawer.open = !navigationDrawer.open);
|
|
</script>
|
|
{{/unless}}
|
|
|
|
<!-- 主要内容 -->
|
|
<mdui-layout-main class="example-layout-main" style="min-height: 100%">
|
|
|
|
<!-- 内容区 -->
|
|
<div class="mdui-prose">
|
|
{{{ content }}}
|
|
</div>
|
|
|
|
<!-- 学习环境页面 -->
|
|
{{#unless is_print }}
|
|
<mdui-dialog headline="Study Env" close-on-esc close-on-overlay-click id="study-env-dialog">
|
|
<iframe src="about:blank" style="height:80%;width:99%" id="study-env-iframe"></iframe>
|
|
</mdui-dialog>
|
|
|
|
<script>
|
|
document.getElementById("open-study-env").addEventListener("click", () => {
|
|
document.getElementById("study-env-dialog").open = true
|
|
document.getElementById("study-env-iframe").src = "http://jslinux.cxykevin.top"
|
|
});
|
|
</script>
|
|
{{/unless}}
|
|
|
|
<!-- 下部翻页按钮 -->
|
|
<div class="navcard" style="height:10em;display:flex;max-width: 78%;margin: auto;margin-top:2em;">
|
|
{{#previous}}
|
|
<mdui-card clickable style="width:49%;height: 100%" href="javascript:void(0);" onclick="prevPage()">
|
|
<div style="display:flex;font-size:1.2em;margin-top: 10px;margin-left: 4px;">
|
|
<mdui-icon name="navigate_before" style="font-size:1.5em;"></mdui-icon> 上一章
|
|
</div>
|
|
|
|
<div style="text-align:center;font-size:1.8em;margin-top: 12px;">
|
|
{{title}}
|
|
</div>
|
|
</mdui-card>
|
|
{{/previous}}
|
|
|
|
<div style="flex-grow:1"></div>
|
|
|
|
{{#next}}
|
|
<mdui-card clickable style="width:49%;height: 100%" href="javascript:void(0);" onclick="nextPage()">
|
|
<div style="display:flex;font-size:1.2em;margin-top: 10px;margin-right: 4px;">
|
|
<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:1.8em;margin-top: 12px;">
|
|
{{title}}
|
|
</div>
|
|
</mdui-card>
|
|
{{/next}}
|
|
|
|
</div>
|
|
|
|
<!-- 评论区插入点 -->
|
|
<div style="height:0.5em"></div>
|
|
<div style="width:90%;margin:auto;">
|
|
<div id="sacn_comments"></div>
|
|
</div>
|
|
</mdui-layout-main>
|
|
|
|
<!-- 动态更新内容 -->
|
|
{{#if live_reload_endpoint}}
|
|
<!-- Livereload script (if served using the cli tool) -->
|
|
<script>
|
|
const wsProtocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
|
|
const wsAddress = wsProtocol + "//" + location.host + "/" + "{{{live_reload_endpoint}}}";
|
|
const socket = new WebSocket(wsAddress);
|
|
socket.onmessage = function (event) {
|
|
if (event.data === "reload") {
|
|
socket.close();
|
|
location.reload();
|
|
}
|
|
};
|
|
|
|
window.onbeforeunload = function () {
|
|
socket.close();
|
|
}
|
|
</script>
|
|
{{/if}}
|
|
|
|
|
|
{{#if is_print}}
|
|
{{#if mathjax_support}}
|
|
<script>
|
|
window.addEventListener('load', function () {
|
|
MathJax.Hub.Register.StartupHook('End', function () {
|
|
window.setTimeout(window.print, 100);
|
|
});
|
|
});
|
|
</script>
|
|
{{else}}
|
|
<script>
|
|
window.addEventListener('load', function () {
|
|
window.setTimeout(window.print, 100);
|
|
});
|
|
</script>
|
|
{{/if}}
|
|
{{/if}}
|
|
</mdui-layout>
|
|
|
|
<!-- 留白 -->
|
|
<div style="height:2em"></div>
|
|
|
|
<!-- 评论区 -->
|
|
<script>
|
|
// 更新评论框高度
|
|
window.addEventListener('message', function (event) {
|
|
if (event.data.sacn_height) {
|
|
const iframe = document.getElementById('sacn_comments');
|
|
iframe.style.height = event.data.sacn_height + 'px';
|
|
}
|
|
});
|
|
|
|
// 加载评论区
|
|
function load_comments(route) {
|
|
var tmpl = `<iframe src="https://comments.study-area.org.cn` + route + `" frameborder="0" scrolling="no" width="100%" height="800px"
|
|
id="sacn_comments">Comments</iframe>`
|
|
document.getElementById('sacn_comments').outerHTML = tmpl;
|
|
}
|
|
</script>
|
|
|
|
<!-- 高亮 -->
|
|
<script>
|
|
window.addEventListener('load', function () {
|
|
hljs.highlightAll();
|
|
load_comments("/sacn" + window.location.pathname);
|
|
});
|
|
</script>
|
|
|
|
<!-- 页面 JS -->
|
|
<script src="{{ ../path_to_root }}theme/js/page.js"></script>
|
|
</body>
|
|
|
|
</html> |