PHP-Markdown
/
main.html

<!DOCTYPE HTML>
<html lang="" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>Summer PHP </title>
		<meta name="description" content="简洁的PHP框架,快速的PHP框架,SummerPHP">
		<meta name="keywords" content="Summer PHP Framework">
<!--        <meta http-equiv="X-UA-Compatible" content="IE=edge" />-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
<!--		<meta name="mobile-web-app-capable" content="yes">-->
<!--		<meta name="apple-mobile-web-app-capable" content="yes">-->

    </head>
    <body>
	<script>
        var classChain = {class_chain};

        var host = window.location.protocol + '//' + window.location.host + '/static/';
        var cssMy = '<link rel="stylesheet" href="' + host + 'my.css?v=1">';
        var cssHl = '<link rel="stylesheet" href="' + host + 'highlight/googlecode.css">';
        var scriptHl = '<scri'+'pt src="' + host + 'highlight/highlight.pack.js"></scri'+'pt>';
        var scriptMy = '<scri'+'pt src="' + host + 'my.js?v=1"></scri'+'pt>';
        document.write(cssMy);
        document.write(cssHl);
        document.write(scriptHl);
        document.write(scriptMy);

	</script>

	<div id="container">
		<!-- 左侧目录开始  -->
		<div id="sidebar" >
			{sidebar}
		</div>
		<!-- 左侧目录结束  -->

		<!-- 右侧内容开始  -->
		<div id="content">
			<p class="bigtitle">Title 使用说明</p>
			{markdown}
			<br><br><br>
			<p class="modifytime">本页面最近修改时间: {modify_time} </p>
			<br>
		</div>
		<!-- 右侧内容结束  -->
	</div>

	<div id="list_note_icon"></div>

	<div style="display: none">
	<!-- 统计代码-->
		<img src="">
	</div>
	<script>
		//代码高亮
		hljs.initHighlightingOnLoad();

		tree = new zbTree();
		tree.init('sidebar', {openChar:'+ ', closeChar:'- '});

        //刚载入页面时就关闭所有的一级标签
		tree.closeAll();

		//打开当前浏览的目录
		let params = tree.parseQuery(location.href);
		if (params['path']) {
			tree.openTo(params['path'], params['id']);
		}

		//(屏幕宽度小于800px时)隐藏目录
		tree.hideSider(800);

		document.getElementById('list_note_icon').onclick = function () {
            tree.showSider();
        }

        //事件不冒泡
		//window.event.bubbles = false;

	</script>

	</body>
</html>