74 lines
1.9 KiB
HTML
74 lines
1.9 KiB
HTML
|
<!doctype html>
|
||
|
|
<html class="no-js" lang="">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title></title>
|
||
|
|
<link rel="stylesheet" href="./css/style.css">
|
||
|
|
|
||
|
|
<link rel="icon" href="/favicon.ico" sizes="any">
|
||
|
|
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
||
|
|
<link rel="apple-touch-icon" href="icon.png">
|
||
|
|
<meta name="theme-color" content="#fafafa">
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.main-content {
|
||
|
|
padding: 0 5%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#post_content {
|
||
|
|
width: 100%;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#show {
|
||
|
|
width: 100%;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<div class="header">
|
||
|
|
<div class="header-title">
|
||
|
|
编辑
|
||
|
|
</div>
|
||
|
|
<div class="header-button-left">
|
||
|
|
<a href="./index.html">返回</a><br>
|
||
|
|
<label for="post_title">文章标题：</label><input id="post_title">
|
||
|
|
</div>
|
||
|
|
<div class="header-button-right">
|
||
|
|
<a href="javascript:;" id="save">保存</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="main">
|
||
|
|
<div class="main-content">
|
||
|
|
<p>Markdown内容</p>
|
||
|
|
<textarea id="post_content" rows="20" cols="100">
|
||
|
|
</textarea>
|
||
|
|
</div>
|
||
|
|
<div style="background-color: #222222;width: 1px;"></div>
|
||
|
|
<div class="main-content">
|
||
|
|
<p>Markdown预览</p>
|
||
|
|
<div id="show">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/markdown-it@14.1.0/dist/markdown-it.min.js"></script>
|
||
|
|
<script>
|
||
|
|
// 检查 jQuery 是否已经加载
|
||
|
|
window.jQuery || document.write('<script src="./js/vendor/jquery-3.6.0.min.js"><\/script>');
|
||
|
|
// 检查 markdown-it 是否已经加载
|
||
|
|
window.markdownit || document.write('<script src="./js/vendor/markdown-it.min.js"><\/script>');
|
||
|
|
</script>
|
||
|
|
<script src="./js/const.js"></script>
|
||
|
|
<script src="./js/edit.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|