hanjian/stackedit
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Jane
2024-02-19 17:25:32 +08:00
commit d21f90672b
455 changed files with 67178 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/landing/abc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/landing/discussion.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
static/landing/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
static/landing/gfm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

165
static/landing/gistshare.html Normal file
View File

@@ -0,0 +1,165 @@
<!DOCTYPE html>
<html>
<head>
<title>文章分享 - StackEdit中文版</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://stackedit.cn/">
<link rel="icon" href="static/landing/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="static/landing/favicon.ico" type="image/x-icon">
<meta charset="UTF-8">
<meta name="keywords" content="Markdown编辑器,StackEdit中文版,StackEdit汉化版,StackEdit,在线Markdown,笔记利器,Markdown笔记">
<meta name="description"
content="支持直接将码云（Gitee）、GitHub、Gitea等仓库作为笔记存储仓库且支持拖拽/粘贴上传图片，并且可以直接在页面编辑同步和管理的Markdown编辑器。">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta name="baidu-site-verification" content="code-tGpn2BT069" />
<meta name="msvalidate.01" content="90A9558158543277BD284CFA054E7F5B" />
<link rel="stylesheet" href="style.css">
<style>
.share-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #383c4a;
color: #fff;
padding: 10px;
box-sizing: border-box;
z-index: 99999;
}
.share-header .logo {
margin: 0 0 -8px 0;
}
.share-header nav {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.share-header nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
}
.share-header nav li {
margin: 0 10px;
}
.share-header nav a {
color: #fff;
text-decoration: none;
}
.share-header nav a:hover {
text-decoration: underline;
}
.share-content {
transform: translateY(50px);
height: 100vh;
}
</style>
<script type="text/javascript">
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
function appendTagHtml(newdoc, tagName, targetParentEle) {
const tags = newdoc.getElementsByTagName(tagName);
if (!tags) {
return;
}
for (let i = 0; i < tags.length; i++) {
targetParentEle.append(tags[i]);
}
}
window.onload = function() {
const xhr = new XMLHttpRequest();
const gistId = getQueryString('id');
let accessToken = null;
const tokens = window.localStorage.getItem('data/tokens');
if (tokens) {
const tokensObj = JSON.parse(tokens);
if (tokensObj.data && tokensObj.data.github) {
const tokenArr = Object.keys(tokensObj.data.github).map(it => tokensObj.data.github[it]).filter(it => it && it.isLogin);
if (tokenArr.length > 0) {
accessToken = tokenArr[0].accessToken;
}
}
}
const url = `https://api.github.com/gists/${gistId}`;
xhr.open('GET', url);
if (accessToken) {
xhr.setRequestHeader('Authorization', `Bearer ${accessToken}`);
}
xhr.onload = function() {
if (xhr.status === 200) {
const newdoc = document.implementation.createHTMLDocument("");
const body = JSON.parse(xhr.responseText);
for (let key in body.files) {
newdoc.documentElement.innerHTML = body.files[key].content;
}
const currHead = document.head;
// head
appendTagHtml(newdoc, 'style', currHead);
// title
document.title = newdoc.title + ' - StackEdit中文版';
// 内容
const shareContent = document.getElementsByClassName('share-content')[0];
shareContent.innerHTML = newdoc.body.innerHTML;
document.body.className = newdoc.body.className;
} else if (xhr.status === 403) {
const rateLimit = xhr.responseText && xhr.responseText.indexOf('Rate Limit') >= 0;
const appUri = `${window.location.protocol}//${window.location.host}/app`;
document.getElementById('div_info').innerHTML = `${rateLimit ? "请求太过频繁" : "无权限访问"}，请使用GitHub登录 <a href="${appUri}" target="_brank">主文档空间</a> 后再刷新此页面!`;
} else {
console.error('An error occurred: ' + xhr.status);
document.getElementById('div_info').innerHTML = `分享内容获取失败或已失效！请使用GitHub登录 <a href="${appUri}" target="_brank">主文档空间</a> 后再刷新此页面!`;
}
};
xhr.send();
}
</script>
</head>
<body>
<div class="share-header">
<nav>
<a class="logo" href="https://stackedit.cn" target="_blank">
<img src="static/landing/logo.svg" height="30px"/>
</a>
<ul>
<li><a href="https://stackedit.cn" target="_blank">首页</a></li>
<li><a href="https://stackedit.cn/app" target="_blank">写笔记</a></li>
</ul>
</nav>
</div>
<div class="share-content stackedit">
<div id="div_info" style="text-align: center; height: 600px;">文章加载中......</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<!-- built files will be auto injected -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?20a1e7a201b42702c49074c87a1f1035";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>

539
static/landing/index.html Normal file
View File

@@ -0,0 +1,539 @@
<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
<title>StackEdit中文版 – 浏览器内 Markdown 编辑器 & 笔记利器</title>
<link rel="canonical" href="https://stackedit.cn/">
<link rel="icon" href="static/landing/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="static/landing/favicon.ico" type="image/x-icon">
<meta charset="UTF-8">
<meta name="keywords" content="Markdown编辑器,StackEdit中文版,StackEdit汉化版,StackEdit,在线Markdown,笔记利器,Markdown笔记">
<meta name="description"
content="支持直接将码云（Gitee）、GitHub、Gitea等仓库作为笔记存储仓库且支持拖拽/粘贴上传图片，并且可以直接在页面编辑同步和管理的Markdown编辑器。">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta name="baidu-site-verification" content="code-tGpn2BT069" />
<meta name="msvalidate.01" content="90A9558158543277BD284CFA054E7F5B" />
<link rel="stylesheet" href="https://stackedit.cn/style.css">
<style>
body {
background-color: #fbfbfb;
}
* {
box-sizing: border-box;
}
h1 {
font-weight: 400;
text-align: center;
font-size: 2.5em;
margin: 2.5em 0;
}
h3 {
margin: 1em 0;
}
.button {
color: #555;
font-size: 20px;
background-color: transparent;
display: inline-block;
height: auto;
padding: 6px 12px;
margin: 0;
font-weight: 400;
line-height: 1.4;
text-transform: uppercase;
overflow: hidden;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0;
border-radius: 2px;
text-decoration: none;
}
.button:active,
.button:focus,
.button:hover {
color: #333;
background-color: rgba(0, 0, 0, 0.05);
outline: 0;
text-decoration: none;
}
.icon {
width: 100%;
height: 100%;
display: inline;
}
.icon * {
fill: currentColor;
}
.button .icon {
height: 30px;
width: 30px;
margin: -6px 6px -6px 0;
}
.row {
margin: 8em 0;
}
.row::after {
display: block;
content: '';
clear: both;
}
@media (min-width: 700px) {
.column {
width: 50%;
float: right;
}
}
.landing {
position: absolute;
width: 100%;
height: 100%;
}
.landing__content {
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
max-width: 1000px;
}
.landing__footer {
padding: 1em 0;
text-align: center;
background-color: #007acc;
color: rgba(255, 255, 255, 0.75);
font-size: 0.9em;
}
.landing__footer a {
color: #fff;
}
.navigation-bar {
background-color: #2c2c2c;
position: fixed;
padding: 5px;
width: 100%;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
}
.navigation-bar__write {
text-align: center;
flex-grow: 1;
}
.navigation-bar__button {
color: #b9b9b9;
}
.navigation-bar__button:active,
.navigation-bar__button:focus,
.navigation-bar__button:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
/* 语言切换样式 */
.navigation-bar__lang-switcher {
display: flex;
align-items: center;
margin-left: auto;
font-size: 14px;
}
/* 隐藏下拉内容区域 */
.navigation-bar__dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
/* 当鼠标悬停在按钮上时，显示下拉内容区域 */
.navigation-bar__dropdown:hover .navigation-bar__dropdown-content {
display: block;
}
/* 样式化下拉按钮 */
.navigation-bar__dropbtn {
background-color: #4CAF50;
color: white;
padding: 10px 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* 样式化下拉选项 */
.navigation-bar__dropdown-content a {
color: black;
background-color: #f1f1f1;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* 当鼠标悬停在下拉选项上时，更改其背景颜色 */
.navigation-bar__dropdown-content a:hover {
background-color: #b2b2b2;
}
.splash-screen {
position: relative;
width: 100%;
height: 100%;
padding: 25px;
}
.splash-screen__logo {
width: 300px;
height: 150px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: no-repeat center url('static/landing/logo.svg');
background-size: contain;
}
@media (min-width: 700px) {
.splash-screen__logo {
width: 600px;
height: 160px;
}
}
.splash-screen__subtitle {
position: absolute;
text-align: center;
color: #777;
top: 95px;
right: 5px;
font-size: 16px;
}
@media (min-width: 700px) {
.splash-screen__subtitle {
text-align: right;
top: 125px;
font-size: 22px;
}
}
.splash-screen__footer {
position: absolute;
bottom: 25px;
left: 0;
width: 100%;
text-align: center;
}
.splash-screen__footer .button {
padding: 10px 20px;
}
.social {
margin: 0 5px;
}
.social a {
color: #555;
text-decoration: none;
}
.social a:active,
.social a:focus,
.social a:hover {
color: #333;
outline: 0;
}
.landing__footer .social a {
color: rgba(255, 255, 255, 0.85);
}
.landing__footer .social a:active,
.landing__footer .social a:focus,
.landing__footer .social a:hover {
color: #fff;
}
.social .icon {
height: 30px;
width: 30px;
}
.feature {
padding: 5px 5px;
border-radius: 2px;
max-width: 350px;
margin: 1em auto;
text-align: center;
}
.image {
display: block;
margin: 1em auto;
border: 1px solid #eee;
border-radius: 2px;
background-color: #fff;
}
.image img {
display: block;
margin: 0.5em auto;
}
</style>
<script>
function scrollTo(selector) {
$('html,body').animate({scrollTop: $(selector).offset().top}, 500);
}
</script>
</head>
<body>
<div class="landing">
<div class="navigation-bar">
<div class="navigation-bar__write">
<a class="navigation-bar__button button" href="app" title="The app">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M 16.8363,2.73375C 16.45,2.73375 16.0688,2.88125 15.7712,3.17375L 13.6525,5.2925L 18.955,10.5962L 21.0737,8.47625C 21.665,7.89 21.665,6.94375 21.0737,6.3575L 17.895,3.17375C 17.6025,2.88125 17.2163,2.73375 16.8363,2.73375 Z M 12.9437,6.00125L 4.84375,14.1062L 7.4025,14.39L 7.57875,16.675L 9.85875,16.85L 10.1462,19.4088L 18.2475,11.3038M 4.2475,15.0437L 2.515,21.7337L 9.19875,19.9412L 8.955,17.7838L 6.645,17.6075L 6.465,15.2925"></path></svg>
开始写作
</a>
</div>
<div class="navigation-bar__lang-switcher">
<div class="navigation-bar__dropdown">
<button class="navigation-bar__dropbtn">Language</button>
<div class="navigation-bar__dropdown-content">
<a href="/">简体中文</a>
<a href="https://stackedit.net" target="_blank">English</a>
</div>
</div>
</div>
</div>
<div class="splash-screen">
<div class="splash-screen__logo">
<div class="splash-screen__subtitle">
浏览器内 Markdown 笔记利器
<div class="social">
<a href="https://jq.qq.com/?_wv=1027&k=wUSCNqmN" target="_blank" title="QQ交流群">
<svg t="1665396466500" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3543" width="32" height="32">
<path d="M512 0C229.12 0 0 229.12 0 512c0 282.88 229.12 512 512 512s512-229.12 512-512C1024 229.12 794.88 0 512 0zM782.08 670.72c-11.52 6.4-30.72-7.68-48.64-34.56-6.4 28.16-24.32 53.76-48.64 74.24 25.6 8.96 42.24 25.6 42.24 42.24 0 29.44-46.08 52.48-102.4 52.48-51.2 0-93.44-19.2-101.12-43.52-2.56 0-10.24 0-12.8 0-7.68 24.32-49.92 43.52-101.12 43.52-56.32 0-102.4-23.04-102.4-52.48 0-17.92 16.64-33.28 42.24-42.24-24.32-20.48-42.24-46.08-48.64-74.24-17.92 25.6-37.12 39.68-48.64 34.56-17.92-8.96-14.08-57.6 7.68-107.52 16.64-39.68 39.68-69.12 57.6-75.52 0-2.56 0-5.12 0-7.68 0-15.36 3.84-29.44 11.52-40.96 0-1.28 0-1.28 0-2.56 0-7.68 1.28-14.08 5.12-19.2C340.48 312.32 408.32 230.4 518.4 230.4c110.08 0 177.92 81.92 183.04 185.6 2.56 5.12 5.12 12.8 5.12 19.2 0 1.28 0 1.28 0 2.56 7.68 11.52 11.52 25.6 11.52 40.96 0 2.56 0 5.12 0 7.68 17.92 6.4 40.96 35.84 57.6 75.52C796.16 613.12 800 661.76 782.08 670.72z" p-id="3544"></path>
</svg>
</a>
<a href="https://gitee.com/mafgwo/stackedit" target="_blank" title="码云开源仓库">
<svg t="1652950823759" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2991" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs><style type="text/css"></style></defs>
<path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="2992"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="splash-screen__footer">
<a class="button" href="javascript:scrollTo($('.anchor'))">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M 11,4L 13,4L 13,16.0104L 18.5052,10.5052L 19.9194,11.9194L 12,19.8388L 4.08058,11.9194L 5.49479,10.5052L 11,16.0104L 11,4 Z "/></path></svg>
阅读更多
</a>
</div>
</div>
<div class="anchor"></div>
<div class="landing__content">
<h1>无与伦比的写作体验</h1>
<div class="row">
<div class="column">
<div class="feature">
<h3>丰富的 Markdown 编辑器</h3>
<p>StackEdit中文版 的 Markdown 语法高亮是独一无二的。 编辑器的精致文本格式可帮助您可视化文件的最终呈现。</p>
</div>
</div>
<div class="column">
<div class="image" style="width: 260px">
<img width="230" src="static/landing/syntax-highlighting.gif">
</div>
</div>
</div>
<div class="row">
<img class="image" width="410" src="static/landing/navigation-bar.png">
<div class="feature">
<h3>所见即所得控件</h3>
<p>StackEdit中文版 提供了非常方便的格式化按钮和快捷方式，这要归功于 Stack Overflow 使用的所见即所得式 Markdown 编辑器 PageDown。</p>
</div>
</div>
<div class="row">
<div class="column">
<div class="feature">
<h3>智能布局</h3>
<p>无论你是写作、阅读还是评论……StackEdit中文版的布局都为你提供了所需的灵活性。</p>
</div>
</div>
<div class="column">
<img class="image" width="360" src="static/landing/smart-layout.png">
</div>
</div>
<div class="row">
<div class="feature">
<h3>滚动同步实时预览</h3>
<p>StackEdit中文版的滚动同步功能精确地绑定了编辑器面板和预览面板的滚动条，以确保您在编写时始终关注输出。</p>
</div>
<img class="image" width="485" src="static/landing/scroll-sync.gif">
</div>
<h1>专为网络写手设计</h1>
<div class="row">
<div class="column">
<div class="feature">
<h3>保持同步</h3>
<p>StackEdit中文版 可以将您的文件与 Gitee、GitHub、Google Drive 和 Dropbox 同步。 它还可以将它们作为博客文章发布到 Blogger、WordPress 和 Zendesk。 您可以选择是以 Markdown 格式、HTML 上传，还是使用 Handlebars 模板引擎格式化输出。</p>
</div>
</div>
<div class="column">
<img class="image" width="300" src="static/landing/providers.png">
</div>
</div>
<div class="row">
<div class="column">
<div class="feature">
<h3>协作</h3>
<p>借助 StackEdit中文版，您可以共享协作文档空间，这要归功于同步机制。 如果两个协作者同时处理同一个文件，StackEdit中文版 会负责合并更改。</p>
</div>
<img class="image" width="300" src="static/landing/workspace.png">
</div>
<div class="column">
<div class="feature">
<h3>评论</h3>
<p>StackEdit中文版 允许您在文件中插入内联评论和嵌入协作者讨论，就像 Microsoft Word 和 Google Docs 一样。</p>
</div>
<img class="image" width="395" src="static/landing/discussion.png">
</div>
</div>
<div class="row">
<div class="feature">
<h3>离线写作！</h3>
<p>即使在旅行时，StackEdit中文版 仍然可以访问，让您可以像任何桌面应用程序一样离线编写。 你没有借口再偷懒！</p>
</div>
</div>
<h1>扩展的 Markdown 支持</h1>
<div class="row">
<div class="column">
<br>
<div class="image" style="width: 250px">
<img width="230" src="static/landing/gfm.png">
</div>
</div>
<div class="column">
<div class="feature">
<h3>GitHub 风格的 Markdown</h3>
<p>StackEdit中文版 支持不同的 Markdown 风格，例如 Markdown Extra、GFM 和 CommonMark。 每个 Markdown 功能都可以在您方便的时候启用或禁用。</p>
</div>
</div>
</div>
<div class="row">
<div class="column">
<br>
<div class="image" style="width: 270px">
<img width="250" src="static/landing/katex.gif">
</div>
</div>
<div class="column">
<div class="feature">
<h3>LaTeX 数学表达式</h3>
<p>StackEdit中文版 从您的 Markdown 文件中的 LaTeX 表达式呈现数学公式。</p>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="image" style="width: 300px">
<img width="280" src="static/landing/mermaid.gif">
</div>
</div>
<div class="column">
<div class="feature">
<h3>UML 图</h3>
<p>StackEdit中文版 使您能够使用简单的语法编写序列图和流程图。</p>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="image" style="width: 280px">
<img width="260" src="static/landing/abc.png">
</div>
</div>
<div class="column">
<div class="feature">
<h3>乐谱</h3>
<p>StackEdit中文版 可以使用 ABC 表示法渲染乐谱。</p>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="image" style="width: 250px">
<img width="230" src="static/landing/twemoji.png">
</div>
</div>
<div class="column">
<div class="feature">
<h3>Emojis表情</h3>
<p>StackEdit中文版 支持使用 Markdown 表情符号标记在文件中插入表情符号。</p>
</div>
</div>
</div>
</div>
<div class="landing__footer">
<div class="social">
<a href="https://gitee.com/mafgwo/stackedit" target="_blank">
<svg t="1652950823759" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2991" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs><style type="text/css"></style></defs>
<path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="2992"></path>
</svg>
</a>
</div>
<a href="app" title="The app">The app</a> – <a href="https://gitee.com/mafgwo/stackedit/issues" target="_blank" title="The app">Community</a><br>
© 2022 <a href="https://gitee.com/mafgwo" target="_blank">豆萁</a> <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备18096694号</a><br>
Licensed under an
<a target="_blank" href="http://www.apache.org/licenses/LICENSE-2.0">Apache License</a> –
<a href="privacy_policy.html" target="_blank">隐私策略</a>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<!-- built files will be auto injected -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?20a1e7a201b42702c49074c87a1f1035";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>

BIN
static/landing/katex.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

1
static/landing/logo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
static/landing/mermaid.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/landing/navigation-bar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

96
static/landing/privacy_policy.html Normal file
View File

@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="viewport" id="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<title> 隐私权政策</title>
<style>
html {
font-size: 14px;
color: #666;
}
* {
margin: 0;
padding: 0;
}
.title {
padding: 10px;
font-size: 16px;
color: #333;
text-align: center;
}
.date-text {
text-align: right;
padding-right: 20px;
color: #333;
padding-bottom: 6px;
}
body {
padding: 10px 10px 20px;
}
.main-text {
padding: 10px 0;
text-indent: 20px;
color: #333;
font-size: 16px;
}
.content {
text-indent: 20px;
line-height: 22px;
}
</style>
</head>
<body>
<h3 class="title"> 隐私权政策 </h3>
<div class="content">
【StackEdit中文版】（以下简称“此站”）深知个人信息对您的重要性， 故不会特意收集个人信息。
</div>
<div class="content">
请在使用我们的产品（或服务）前，仔细阅读并了解本《隐私权政策》。
</div>
<div class="main-text">
一、关于您的文件信息
</div>
<div class="content">
个人文档都是存储在第三方，此站对所有第三方的文件都是在您授权之后，通过您的浏览器直接访问，并不会在此站后端获取和保存您的任何个人文件信息。
</div>
<div class="main-text">
二、关于您的用户信息
</div>
<div class="content">
本站不存在注册行为，待您授权后，您在第三方平台上个人信息的获取仅仅是在您的浏览器中直接获取，并不会在此站后端获取和保存您的个人信息。
</div>
<div class="main-text">
三、其他
</div>
<div class="content">
我们可能会更新本隐私政策，以反映我们的业务需求和适用法律的变化。在更新隐私政策时，我们会通过我们的网站或其他合适的方式通知您。如果您继续使用我们的服务，则意味着您同意更新后的隐私政策。
</div>
<div class="main-text">
四、如何联系我们
</div>
<div class="content">
如果您对本隐私政策有任何疑问、意见或建议，通过以下方式与我们联系：
</div>
<div class="content">
邮箱：【mafgwo@163.com】
</div>
<div class="content">
微信：【qicoding】
</div>
<div class="content">
一般情况下，我们将在一周内回复。
</div>
</body>
</html>

BIN
static/landing/providers.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
static/landing/scroll-sync.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

177
static/landing/share.html Normal file
View File

@@ -0,0 +1,177 @@
<!DOCTYPE html>
<html>
<head>
<title>文章分享 - StackEdit中文版</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://stackedit.cn/">
<link rel="icon" href="static/landing/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="static/landing/favicon.ico" type="image/x-icon">
<meta charset="UTF-8">
<meta name="keywords" content="Markdown编辑器,StackEdit中文版,StackEdit汉化版,StackEdit,在线Markdown,笔记利器,Markdown笔记">
<meta name="description"
content="支持直接将码云（Gitee）、GitHub、Gitea等仓库作为笔记存储仓库且支持拖拽/粘贴上传图片，并且可以直接在页面编辑同步和管理的Markdown编辑器。">
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta name="baidu-site-verification" content="code-tGpn2BT069" />
<meta name="msvalidate.01" content="90A9558158543277BD284CFA054E7F5B" />
<link rel="stylesheet" href="style.css">
<style>
.share-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #383c4a;
color: #fff;
padding: 10px;
box-sizing: border-box;
z-index: 99999;
}
.share-header .logo {
margin: 0 0 -8px 0;
}
.share-header nav {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.share-header nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
}
.share-header nav li {
margin: 0 10px;
}
.share-header nav a {
color: #fff;
text-decoration: none;
}
.share-header nav a:hover {
text-decoration: underline;
}
.share-content {
transform: translateY(50px);
height: 100vh;
}
</style>
<script type="text/javascript">
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
function appendTagHtml(newdoc, tagName, targetParentEle) {
const tags = newdoc.getElementsByTagName(tagName);
if (!tags) {
return;
}
for (let i = 0; i < tags.length; i++) {
targetParentEle.append(tags[i]);
}
}
window.onload = function() {
const xhr = new XMLHttpRequest();
const gistId = getQueryString('id');
let accessToken = null;
const tokens = window.localStorage.getItem('data/tokens');
if (tokens) {
const tokensObj = JSON.parse(tokens);
if (tokensObj.data && tokensObj.data.gitee) {
const tokenArr = Object.keys(tokensObj.data.gitee).map(it => tokensObj.data.gitee[it]).filter(it => it && it.isLogin);
if (tokenArr.length > 0) {
accessToken = tokenArr[0].accessToken;
}
}
}
const url = `https://gitee.com/api/v5/gists/${gistId}`;
let urlWithToken = url;
let withToken = false;
if (accessToken) {
urlWithToken = `${url}?access_token=${accessToken}`;
withToken = true;
}
xhr.open('GET', urlWithToken);
xhr.onload = function() {
if (xhr.status === 200) {
const newdoc = document.implementation.createHTMLDocument("");
const body = JSON.parse(xhr.responseText);
for (let key in body.files) {
newdoc.documentElement.innerHTML = body.files[key].content;
}
const currHead = document.head;
// 头部
appendTagHtml(newdoc, 'style', currHead);
// title
document.title = newdoc.title + ' - StackEdit中文版';
// 内容
const shareContent = document.getElementsByClassName('share-content')[0];
shareContent.innerHTML = newdoc.body.innerHTML;
document.body.className = newdoc.body.className;
} else if (xhr.status === 403) {
const rateLimit = xhr.responseText && xhr.responseText.indexOf('Rate Limit') >= 0;
const appUri = `${window.location.protocol}//${window.location.host}/app`;
document.getElementById('div_info').innerHTML = `${rateLimit ? "请求太过频繁" : "无权限访问"}，请登录 <a href="${appUri}" target="_brank">主文档空间</a> 后再刷新此页面!`;
} else if (xhr.status === 401) {
if (withToken) {
withToken = false;
xhr.open('GET', url);
xhr.send();
} else {
console.error('An error occurred: ' + xhr.status);
document.getElementById('div_info').innerHTML = `分享内容获取失败或已失效！请登录 <a href="${appUri}" target="_brank">主文档空间</a> 后再刷新此页面!`;
}
} else {
console.error('An error occurred: ' + xhr.status);
document.getElementById('div_info').innerHTML = `分享内容获取失败或已失效！请登录 <a href="${appUri}" target="_brank">主文档空间</a> 后再刷新此页面!`;
}
};
xhr.send();
}
</script>
</head>
<body>
<div class="share-header">
<nav>
<a class="logo" href="https://stackedit.cn" target="_blank">
<img src="static/landing/logo.svg" height="30px"/>
</a>
<ul>
<li><a href="https://stackedit.cn" target="_blank">首页</a></li>
<li><a href="https://stackedit.cn/app" target="_blank">写笔记</a></li>
</ul>
</nav>
</div>
<div class="share-content stackedit">
<div id="div_info" style="text-align: center; height: 600px;">文章加载中......</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<!-- built files will be auto injected -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?20a1e7a201b42702c49074c87a1f1035";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>

BIN
static/landing/smart-layout.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
static/landing/syntax-highlighting.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/landing/twemoji.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/landing/workspace.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

9
static/oauth2/callback.html Normal file
View File

@@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
<body>
<script>
var origin = location.protocol + '//' + location.host;
(window.opener || window.parent).postMessage(location.hash || location.search, origin);
</script>
</body>
</html>

23
static/sitemap.xml Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://stackedit.cn/</loc>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://stackedit.cn/app</loc>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://gitee.com/mafgwo/stackedit/issues</loc>
<changefreq>weekly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://stackedit.cn/privacy_policy.html</loc>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>
</urlset>

72
static/themes/edit-theme-azure.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_azure() {
const style = document.createElement('style');
style.id = 'edit-theme-azure';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--azure .editor__inner {\n\
color: #fff;\n\
caret-color: #fff;\n\
}\n\
.edit-theme--azure .editor {\n\
background-color: #181D26;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--azure .editor__inner .cn-head,\n\
.edit-theme--azure .editor-in-page-buttons .icon {\n\
color: #64aeb3;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--azure .editor__inner .cn-strong {\n\
color: #508aaa;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--azure .editor__inner .blockquote {\n\
color: #52708b;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--azure .editor__inner .cl,\n\
.edit-theme--azure .editor__inner .hr,\n\
.edit-theme--azure .editor__inner .link,\n\
.edit-theme--azure .editor__inner .linkref, \n\
.edit-theme--azure .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--azure .editor__inner .cn-toc, \n\
.edit-theme--azure .editor__inner .code,\n\
.edit-theme--azure .editor__inner .img,\n\
.edit-theme--azure .editor__inner .img-wrapper,\n\
.edit-theme--azure .editor__inner .imgref,\n\
.edit-theme--azure .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--azure .editor__inner .cn-code {\n\
color: #6AB0A3;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--azure .editor__inner .img .cl-underlined-text,\n\
.edit-theme--azure .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--azure .editor__inner .link .cl-underlined-text,\n\
.edit-theme--azure .editor__inner .linkref .cl-underlined-text {\n\
color: #64aeb3;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--azure .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--azure .editor__inner .keyword {\n\
color: #508aaa;\n\
}\n\
.edit-theme--azure .editor__inner .email,\n\
.edit-theme--azure .editor__inner .cl-title,\n\
.edit-theme--azure .editor__inner .tag,\n\
.edit-theme--azure .editor__inner .latex,\n\
.edit-theme--azure .editor__inner .math,\n\
.edit-theme--azure .editor__inner .entity,\n\
.edit-theme--azure .editor__inner .pre [class*='language-'] {\n\
color: #fff;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_azure();

72
static/themes/edit-theme-carbonight.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_carbonight() {
const style = document.createElement('style');
style.id = 'edit-theme-carbonight';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--carbonight .editor__inner {\n\
color: #B0B0B0;\n\
caret-color: #B0B0B0;\n\
}\n\
.edit-theme--carbonight .editor {\n\
background-color: #2E2C2B;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--carbonight .editor__inner .cn-head,\n\
.edit-theme--carbonight .editor-in-page-buttons .icon {\n\
color: #B0B0B0;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--carbonight .editor__inner .cn-strong {\n\
color: #eeeeee;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--carbonight .editor__inner .blockquote {\n\
color: #8C8C8C;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--carbonight .editor__inner .cl,\n\
.edit-theme--carbonight .editor__inner .hr,\n\
.edit-theme--carbonight .editor__inner .link,\n\
.edit-theme--carbonight .editor__inner .linkref, \n\
.edit-theme--carbonight .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--carbonight .editor__inner .cn-toc, \n\
.edit-theme--carbonight .editor__inner .code,\n\
.edit-theme--carbonight .editor__inner .img,\n\
.edit-theme--carbonight .editor__inner .img-wrapper,\n\
.edit-theme--carbonight .editor__inner .imgref,\n\
.edit-theme--carbonight .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--carbonight .editor__inner .cn-code {\n\
color: #fff;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--carbonight .editor__inner .img .cl-underlined-text,\n\
.edit-theme--carbonight .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--carbonight .editor__inner .link .cl-underlined-text,\n\
.edit-theme--carbonight .editor__inner .linkref .cl-underlined-text {\n\
color: #fff;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--carbonight .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--carbonight .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--carbonight .editor__inner .email,\n\
.edit-theme--carbonight .editor__inner .cl-title,\n\
.edit-theme--carbonight .editor__inner .tag,\n\
.edit-theme--carbonight .editor__inner .latex,\n\
.edit-theme--carbonight .editor__inner .math,\n\
.edit-theme--carbonight .editor__inner .entity,\n\
.edit-theme--carbonight .editor__inner .pre [class*='language-'] {\n\
color: #B0B0B0;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_carbonight();

72
static/themes/edit-theme-clouds.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_clouds() {
const style = document.createElement('style');
style.id = 'edit-theme-clouds';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--clouds .editor__inner {\n\
color: #000;\n\
caret-color: #000;\n\
}\n\
.edit-theme--clouds .editor {\n\
background-color: #fff;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--clouds .editor__inner .cn-head,\n\
.edit-theme--clouds .editor-in-page-buttons .icon {\n\
color: #46A609;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--clouds .editor__inner .cn-strong {\n\
color: #AF956F;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--clouds .editor__inner .blockquote {\n\
color: #5D90CD;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--clouds .editor__inner .cl,\n\
.edit-theme--clouds .editor__inner .hr,\n\
.edit-theme--clouds .editor__inner .link,\n\
.edit-theme--clouds .editor__inner .linkref, \n\
.edit-theme--clouds .editor__inner .linkdef .url {\n\
color: rgba(102,128,153,0.6);\n\
}\n\
.edit-theme--clouds .editor__inner .cn-toc, \n\
.edit-theme--clouds .editor__inner .code,\n\
.edit-theme--clouds .editor__inner .img,\n\
.edit-theme--clouds .editor__inner .img-wrapper,\n\
.edit-theme--clouds .editor__inner .imgref,\n\
.edit-theme--clouds .editor__inner .cl-toc {\n\
color: rgba(102,128,153,0.6);\n\
background-color: rgba(102,128,153,0.075);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--clouds .editor__inner .cn-code {\n\
color: #C52727;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--clouds .editor__inner .img .cl-underlined-text,\n\
.edit-theme--clouds .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--clouds .editor__inner .link .cl-underlined-text,\n\
.edit-theme--clouds .editor__inner .linkref .cl-underlined-text {\n\
color: #5D90CD;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--clouds .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--clouds .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--clouds .editor__inner .email,\n\
.edit-theme--clouds .editor__inner .cl-title,\n\
.edit-theme--clouds .editor__inner .tag,\n\
.edit-theme--clouds .editor__inner .latex,\n\
.edit-theme--clouds .editor__inner .math,\n\
.edit-theme--clouds .editor__inner .entity,\n\
.edit-theme--clouds .editor__inner .pre [class*='language-'] {\n\
color: #000;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_clouds();

72
static/themes/edit-theme-clouds_midnight.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_clouds_midnight() {
const style = document.createElement('style');
style.id = 'edit-theme-clouds_midnight';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--clouds_midnight .editor__inner {\n\
color: #929292;\n\
caret-color: #929292;\n\
}\n\
.edit-theme--clouds_midnight .editor {\n\
background-color: #191919;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--clouds_midnight .editor__inner .cn-head,\n\
.edit-theme--clouds_midnight .editor-in-page-buttons .icon {\n\
color: #46A609;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--clouds_midnight .editor__inner .cn-strong {\n\
color: #927C5D;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--clouds_midnight .editor__inner .blockquote {\n\
color: #5D90CD;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--clouds_midnight .editor__inner .cl,\n\
.edit-theme--clouds_midnight .editor__inner .hr,\n\
.edit-theme--clouds_midnight .editor__inner .link,\n\
.edit-theme--clouds_midnight .editor__inner .linkref, \n\
.edit-theme--clouds_midnight .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--clouds_midnight .editor__inner .cn-toc, \n\
.edit-theme--clouds_midnight .editor__inner .code,\n\
.edit-theme--clouds_midnight .editor__inner .img,\n\
.edit-theme--clouds_midnight .editor__inner .img-wrapper,\n\
.edit-theme--clouds_midnight .editor__inner .imgref,\n\
.edit-theme--clouds_midnight .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--clouds_midnight .editor__inner .cn-code {\n\
color: #E92E2E;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--clouds_midnight .editor__inner .img .cl-underlined-text,\n\
.edit-theme--clouds_midnight .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--clouds_midnight .editor__inner .link .cl-underlined-text,\n\
.edit-theme--clouds_midnight .editor__inner .linkref .cl-underlined-text {\n\
color: #5D90CD;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--clouds_midnight .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--clouds_midnight .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--clouds_midnight .editor__inner .email,\n\
.edit-theme--clouds_midnight .editor__inner .cl-title,\n\
.edit-theme--clouds_midnight .editor__inner .tag,\n\
.edit-theme--clouds_midnight .editor__inner .latex,\n\
.edit-theme--clouds_midnight .editor__inner .math,\n\
.edit-theme--clouds_midnight .editor__inner .entity,\n\
.edit-theme--clouds_midnight .editor__inner .pre [class*='language-'] {\n\
color: #929292;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_clouds_midnight();

72
static/themes/edit-theme-dawn.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_dawn() {
const style = document.createElement('style');
style.id = 'edit-theme-dawn';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--dawn .editor__inner {\n\
color: #080808;\n\
caret-color: #080808;\n\
}\n\
.edit-theme--dawn .editor {\n\
background-color: #F9F9F9;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--dawn .editor__inner .cn-head,\n\
.edit-theme--dawn .editor-in-page-buttons .icon {\n\
color: #19356D;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--dawn .editor__inner .cn-strong {\n\
color: #794938;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--dawn .editor__inner .blockquote {\n\
color: #811F24;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--dawn .editor__inner .cl,\n\
.edit-theme--dawn .editor__inner .hr,\n\
.edit-theme--dawn .editor__inner .link,\n\
.edit-theme--dawn .editor__inner .linkref, \n\
.edit-theme--dawn .editor__inner .linkdef .url {\n\
color: rgba(102,128,153,0.6);\n\
}\n\
.edit-theme--dawn .editor__inner .cn-toc, \n\
.edit-theme--dawn .editor__inner .code,\n\
.edit-theme--dawn .editor__inner .img,\n\
.edit-theme--dawn .editor__inner .img-wrapper,\n\
.edit-theme--dawn .editor__inner .imgref,\n\
.edit-theme--dawn .editor__inner .cl-toc {\n\
color: rgba(102,128,153,0.6);\n\
background-color: rgba(102,128,153,0.075);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--dawn .editor__inner .cn-code {\n\
color: #693A17;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--dawn .editor__inner .img .cl-underlined-text,\n\
.edit-theme--dawn .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--dawn .editor__inner .link .cl-underlined-text,\n\
.edit-theme--dawn .editor__inner .linkref .cl-underlined-text {\n\
color: #0B6125;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--dawn .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--dawn .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--dawn .editor__inner .email,\n\
.edit-theme--dawn .editor__inner .cl-title,\n\
.edit-theme--dawn .editor__inner .tag,\n\
.edit-theme--dawn .editor__inner .latex,\n\
.edit-theme--dawn .editor__inner .math,\n\
.edit-theme--dawn .editor__inner .entity,\n\
.edit-theme--dawn .editor__inner .pre [class*='language-'] {\n\
color: #080808;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_dawn();

72
static/themes/edit-theme-espresso_libre.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_espresso_libre() {
const style = document.createElement('style');
style.id = 'edit-theme-espresso_libre';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--espresso_libre .editor__inner {\n\
color: #BDAE9D;\n\
caret-color: #BDAE9D;\n\
}\n\
.edit-theme--espresso_libre .editor {\n\
background-color: #2A211C;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--espresso_libre .editor__inner .cn-head,\n\
.edit-theme--espresso_libre .editor-in-page-buttons .icon {\n\
color: #44AA43;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--espresso_libre .editor__inner .cn-strong {\n\
color: #43A8ED;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--espresso_libre .editor__inner .blockquote {\n\
color: #52708b;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--espresso_libre .editor__inner .cl,\n\
.edit-theme--espresso_libre .editor__inner .hr,\n\
.edit-theme--espresso_libre .editor__inner .link,\n\
.edit-theme--espresso_libre .editor__inner .linkref, \n\
.edit-theme--espresso_libre .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--espresso_libre .editor__inner .cn-toc, \n\
.edit-theme--espresso_libre .editor__inner .code,\n\
.edit-theme--espresso_libre .editor__inner .img,\n\
.edit-theme--espresso_libre .editor__inner .img-wrapper,\n\
.edit-theme--espresso_libre .editor__inner .imgref,\n\
.edit-theme--espresso_libre .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--espresso_libre .editor__inner .cn-code {\n\
color: #7290D9;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--espresso_libre .editor__inner .img .cl-underlined-text,\n\
.edit-theme--espresso_libre .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--espresso_libre .editor__inner .link .cl-underlined-text,\n\
.edit-theme--espresso_libre .editor__inner .linkref .cl-underlined-text {\n\
color: #049B0A;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--espresso_libre .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--espresso_libre .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--espresso_libre .editor__inner .email,\n\
.edit-theme--espresso_libre .editor__inner .cl-title,\n\
.edit-theme--espresso_libre .editor__inner .tag,\n\
.edit-theme--espresso_libre .editor__inner .latex,\n\
.edit-theme--espresso_libre .editor__inner .math,\n\
.edit-theme--espresso_libre .editor__inner .entity,\n\
.edit-theme--espresso_libre .editor__inner .pre [class*='language-'] {\n\
color: #BDAE9D;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_espresso_libre();

73
static/themes/edit-theme-github.js Normal file
View File

@@ -0,0 +1,73 @@
function init_edit_theme_github() {
const style = document.createElement('style');
style.id = 'edit-theme-github';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--github .editor__inner {\n\
color: #000;\n\
caret-color: #000;\n\
background-color: #fff;\n\
}\n\
.edit-theme--github .editor {\n\
background-color: #fff;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--github .editor__inner .cn-head,\n\
.edit-theme--github .editor-in-page-buttons .icon {\n\
color: #AAAAAA;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--github .editor__inner .cn-strong {\n\
color: #000;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--github .editor__inner .blockquote {\n\
color: rgba(0,0,0,0.48);\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--github .editor__inner .cl,\n\
.edit-theme--github .editor__inner .hr,\n\
.edit-theme--github .editor__inner .link,\n\
.edit-theme--github .editor__inner .linkref, \n\
.edit-theme--github .editor__inner .linkdef .url {\n\
color: rgba(0,0,0,0.28);\n\
}\n\
.edit-theme--github .editor__inner .cn-toc, \n\
.edit-theme--github .editor__inner .code,\n\
.edit-theme--github .editor__inner .img,\n\
.edit-theme--github .editor__inner .img-wrapper,\n\
.edit-theme--github .editor__inner .imgref,\n\
.edit-theme--github .editor__inner .cl-toc {\n\
color: rgba(0,0,0,0.28);\n\
background-color: rgba(102,128,153,0.075);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--github .editor__inner .cn-code {\n\
color: #0086B3;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--github .editor__inner .img .cl-underlined-text,\n\
.edit-theme--github .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--github .editor__inner .link .cl-underlined-text,\n\
.edit-theme--github .editor__inner .linkref .cl-underlined-text {\n\
color: #D14;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--github .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--github .editor__inner .keyword {\n\
color: rgba(0,0,0,0.75);\n\
}\n\
.edit-theme--github .editor__inner .email,\n\
.edit-theme--github .editor__inner .cl-title,\n\
.edit-theme--github .editor__inner .tag,\n\
.edit-theme--github .editor__inner .latex,\n\
.edit-theme--github .editor__inner .math,\n\
.edit-theme--github .editor__inner .entity,\n\
.edit-theme--github .editor__inner .pre [class*='language-'] {\n\
color: #29333d;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_github();

72
static/themes/edit-theme-iceberg_contrast.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_iceberg_contrast() {
const style = document.createElement('style');
style.id = 'edit-theme-iceberg_contrast';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--iceberg_contrast .editor__inner {\n\
color: #BDD6DB;\n\
caret-color: #fff;\n\
}\n\
.edit-theme--iceberg_contrast .editor {\n\
background-color: #0b0e0e;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--iceberg_contrast .editor__inner .cn-head,\n\
.edit-theme--iceberg_contrast .editor-in-page-buttons .icon {\n\
color: #fff;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--iceberg_contrast .editor__inner .cn-strong {\n\
color: #B1E2F2;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--iceberg_contrast .editor__inner .blockquote {\n\
color: #ffffff;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--iceberg_contrast .editor__inner .cl,\n\
.edit-theme--iceberg_contrast .editor__inner .hr,\n\
.edit-theme--iceberg_contrast .editor__inner .link,\n\
.edit-theme--iceberg_contrast .editor__inner .linkref, \n\
.edit-theme--iceberg_contrast .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--iceberg_contrast .editor__inner .cn-toc, \n\
.edit-theme--iceberg_contrast .editor__inner .code,\n\
.edit-theme--iceberg_contrast .editor__inner .img,\n\
.edit-theme--iceberg_contrast .editor__inner .img-wrapper,\n\
.edit-theme--iceberg_contrast .editor__inner .imgref,\n\
.edit-theme--iceberg_contrast .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--iceberg_contrast .editor__inner .cn-code {\n\
color: #fff;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--iceberg_contrast .editor__inner .img .cl-underlined-text,\n\
.edit-theme--iceberg_contrast .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--iceberg_contrast .editor__inner .link .cl-underlined-text,\n\
.edit-theme--iceberg_contrast .editor__inner .linkref .cl-underlined-text {\n\
color: #fff;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--iceberg_contrast .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--iceberg_contrast .editor__inner .keyword {\n\
color: #fff;\n\
}\n\
.edit-theme--iceberg_contrast .editor__inner .email,\n\
.edit-theme--iceberg_contrast .editor__inner .cl-title,\n\
.edit-theme--iceberg_contrast .editor__inner .tag,\n\
.edit-theme--iceberg_contrast .editor__inner .latex,\n\
.edit-theme--iceberg_contrast .editor__inner .math,\n\
.edit-theme--iceberg_contrast .editor__inner .entity,\n\
.edit-theme--iceberg_contrast .editor__inner .pre [class*='language-'] {\n\
color: #BDD6DB;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_iceberg_contrast();

72
static/themes/edit-theme-lavender.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_lavender() {
const style = document.createElement('style');
style.id = 'edit-theme-lavender';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--lavender .editor__inner {\n\
color: #E0CEED;\n\
caret-color: #E0CEED;\n\
}\n\
.edit-theme--lavender .editor {\n\
background-color: #29222E;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--lavender .editor__inner .cn-head,\n\
.edit-theme--lavender .editor-in-page-buttons .icon {\n\
color: #F25AE6;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--lavender .editor__inner .cn-strong {\n\
color: #8E6DA6;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--lavender .editor__inner .blockquote {\n\
color: #B657FF;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--lavender .editor__inner .cl,\n\
.edit-theme--lavender .editor__inner .hr,\n\
.edit-theme--lavender .editor__inner .link,\n\
.edit-theme--lavender .editor__inner .linkref, \n\
.edit-theme--lavender .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--lavender .editor__inner .cn-toc, \n\
.edit-theme--lavender .editor__inner .code,\n\
.edit-theme--lavender .editor__inner .img,\n\
.edit-theme--lavender .editor__inner .img-wrapper,\n\
.edit-theme--lavender .editor__inner .imgref,\n\
.edit-theme--lavender .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--lavender .editor__inner .cn-code {\n\
color: #8E69C9;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--lavender .editor__inner .img .cl-underlined-text,\n\
.edit-theme--lavender .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--lavender .editor__inner .link .cl-underlined-text,\n\
.edit-theme--lavender .editor__inner .linkref .cl-underlined-text {\n\
color: #F5B0EF;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--lavender .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--lavender .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--lavender .editor__inner .email,\n\
.edit-theme--lavender .editor__inner .cl-title,\n\
.edit-theme--lavender .editor__inner .tag,\n\
.edit-theme--lavender .editor__inner .latex,\n\
.edit-theme--lavender .editor__inner .math,\n\
.edit-theme--lavender .editor__inner .entity,\n\
.edit-theme--lavender .editor__inner .pre [class*='language-'] {\n\
color: #E0CEED;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_lavender();

72
static/themes/edit-theme-mintchoc.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_mintchoc() {
const style = document.createElement('style');
style.id = 'edit-theme-mintchoc';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--mintchoc .editor__inner {\n\
color: #BABABA;\n\
caret-color: #BABABA;\n\
}\n\
.edit-theme--mintchoc .editor {\n\
background-color: #2b221c;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--mintchoc .editor__inner .cn-head,\n\
.edit-theme--mintchoc .editor-in-page-buttons .icon {\n\
color: #00E08C;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--mintchoc .editor__inner .cn-strong {\n\
color: #9D8262;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--mintchoc .editor__inner .blockquote {\n\
color: #008D62;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--mintchoc .editor__inner .cl,\n\
.edit-theme--mintchoc .editor__inner .hr,\n\
.edit-theme--mintchoc .editor__inner .link,\n\
.edit-theme--mintchoc .editor__inner .linkref, \n\
.edit-theme--mintchoc .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--mintchoc .editor__inner .cn-toc, \n\
.edit-theme--mintchoc .editor__inner .code,\n\
.edit-theme--mintchoc .editor__inner .img,\n\
.edit-theme--mintchoc .editor__inner .img-wrapper,\n\
.edit-theme--mintchoc .editor__inner .imgref,\n\
.edit-theme--mintchoc .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--mintchoc .editor__inner .cn-code {\n\
color: #008D62;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--mintchoc .editor__inner .img .cl-underlined-text,\n\
.edit-theme--mintchoc .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--mintchoc .editor__inner .link .cl-underlined-text,\n\
.edit-theme--mintchoc .editor__inner .linkref .cl-underlined-text {\n\
color: #00E08C;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--mintchoc .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--mintchoc .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--mintchoc .editor__inner .email,\n\
.edit-theme--mintchoc .editor__inner .cl-title,\n\
.edit-theme--mintchoc .editor__inner .tag,\n\
.edit-theme--mintchoc .editor__inner .latex,\n\
.edit-theme--mintchoc .editor__inner .math,\n\
.edit-theme--mintchoc .editor__inner .entity,\n\
.edit-theme--mintchoc .editor__inner .pre [class*='language-'] {\n\
color: #BABABA;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_mintchoc();

72
static/themes/edit-theme-peacock.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_peacock() {
const style = document.createElement('style');
style.id = 'edit-theme-peacock';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--peacock .editor__inner {\n\
color: #ede0ce;\n\
caret-color: #ede0ce;\n\
}\n\
.edit-theme--peacock .editor {\n\
background-color: #2b2a27;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--peacock .editor__inner .cn-head,\n\
.edit-theme--peacock .editor-in-page-buttons .icon {\n\
color: #bcd42a;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--peacock .editor__inner .cn-strong {\n\
color: #26A6A6;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--peacock .editor__inner .blockquote {\n\
color: #ff5d38;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--peacock .editor__inner .cl,\n\
.edit-theme--peacock .editor__inner .hr,\n\
.edit-theme--peacock .editor__inner .link,\n\
.edit-theme--peacock .editor__inner .linkref, \n\
.edit-theme--peacock .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--peacock .editor__inner .cn-toc, \n\
.edit-theme--peacock .editor__inner .code,\n\
.edit-theme--peacock .editor__inner .img,\n\
.edit-theme--peacock .editor__inner .img-wrapper,\n\
.edit-theme--peacock .editor__inner .imgref,\n\
.edit-theme--peacock .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--peacock .editor__inner .cn-code {\n\
color: #FF5D38;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--peacock .editor__inner .img .cl-underlined-text,\n\
.edit-theme--peacock .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--peacock .editor__inner .link .cl-underlined-text,\n\
.edit-theme--peacock .editor__inner .linkref .cl-underlined-text {\n\
color: #bcd42a;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--peacock .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--peacock .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--peacock .editor__inner .email,\n\
.edit-theme--peacock .editor__inner .cl-title,\n\
.edit-theme--peacock .editor__inner .tag,\n\
.edit-theme--peacock .editor__inner .latex,\n\
.edit-theme--peacock .editor__inner .math,\n\
.edit-theme--peacock .editor__inner .entity,\n\
.edit-theme--peacock .editor__inner .pre [class*='language-'] {\n\
color: #ede0ce;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_peacock();

72
static/themes/edit-theme-slate.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_slate() {
const style = document.createElement('style');
style.id = 'edit-theme-slate';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--slate .editor__inner {\n\
color: #ebebf4;\n\
caret-color: #ebebf4;\n\
}\n\
.edit-theme--slate .editor {\n\
background-color: #19191f;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--slate .editor__inner .cn-head,\n\
.edit-theme--slate .editor-in-page-buttons .icon {\n\
color: #9eb2d9;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--slate .editor__inner .cn-strong {\n\
color: #566981;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--slate .editor__inner .blockquote {\n\
color: #89A7B1;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--slate .editor__inner .cl,\n\
.edit-theme--slate .editor__inner .hr,\n\
.edit-theme--slate .editor__inner .link,\n\
.edit-theme--slate .editor__inner .linkref, \n\
.edit-theme--slate .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--slate .editor__inner .cn-toc, \n\
.edit-theme--slate .editor__inner .code,\n\
.edit-theme--slate .editor__inner .img,\n\
.edit-theme--slate .editor__inner .img-wrapper,\n\
.edit-theme--slate .editor__inner .imgref,\n\
.edit-theme--slate .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--slate .editor__inner .cn-code {\n\
color: #89A7B1;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--slate .editor__inner .img .cl-underlined-text,\n\
.edit-theme--slate .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--slate .editor__inner .link .cl-underlined-text,\n\
.edit-theme--slate .editor__inner .linkref .cl-underlined-text {\n\
color: #9eb2d9;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--slate .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--slate .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--slate .editor__inner .email,\n\
.edit-theme--slate .editor__inner .cl-title,\n\
.edit-theme--slate .editor__inner .tag,\n\
.edit-theme--slate .editor__inner .latex,\n\
.edit-theme--slate .editor__inner .math,\n\
.edit-theme--slate .editor__inner .entity,\n\
.edit-theme--slate .editor__inner .pre [class*='language-'] {\n\
color: #ebebf4;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_slate();

72
static/themes/edit-theme-solarflare.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_solarflare() {
const style = document.createElement('style');
style.id = 'edit-theme-solarflare';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--solarflare .editor__inner {\n\
color: #e3e2e0;\n\
caret-color: #e3e2e0;\n\
}\n\
.edit-theme--solarflare .editor {\n\
background-color: #292D30;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--solarflare .editor__inner .cn-head,\n\
.edit-theme--solarflare .editor-in-page-buttons .icon {\n\
color: #FF4E50;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--solarflare .editor__inner .cn-strong {\n\
color: #FF4E50;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--solarflare .editor__inner .blockquote {\n\
color: #FF4E50;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--solarflare .editor__inner .cl,\n\
.edit-theme--solarflare .editor__inner .hr,\n\
.edit-theme--solarflare .editor__inner .link,\n\
.edit-theme--solarflare .editor__inner .linkref, \n\
.edit-theme--solarflare .editor__inner .linkdef .url {\n\
color: rgba(139,158,177,0.8);\n\
}\n\
.edit-theme--solarflare .editor__inner .cn-toc, \n\
.edit-theme--solarflare .editor__inner .code,\n\
.edit-theme--solarflare .editor__inner .img,\n\
.edit-theme--solarflare .editor__inner .img-wrapper,\n\
.edit-theme--solarflare .editor__inner .imgref,\n\
.edit-theme--solarflare .editor__inner .cl-toc {\n\
color: rgba(139,158,177,0.8);\n\
background-color: rgba(0,0,0,0.33);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--solarflare .editor__inner .cn-code {\n\
color: #FC913A;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--solarflare .editor__inner .img .cl-underlined-text,\n\
.edit-theme--solarflare .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--solarflare .editor__inner .link .cl-underlined-text,\n\
.edit-theme--solarflare .editor__inner .linkref .cl-underlined-text {\n\
color: #EDE574;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--solarflare .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--solarflare .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--solarflare .editor__inner .email,\n\
.edit-theme--solarflare .editor__inner .cl-title,\n\
.edit-theme--solarflare .editor__inner .tag,\n\
.edit-theme--solarflare .editor__inner .latex,\n\
.edit-theme--solarflare .editor__inner .math,\n\
.edit-theme--solarflare .editor__inner .entity,\n\
.edit-theme--solarflare .editor__inner .pre [class*='language-'] {\n\
color: #e3e2e0;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_solarflare();

72
static/themes/edit-theme-solarized_light.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_solarized_light() {
const style = document.createElement('style');
style.id = 'edit-theme-solarized_light';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--solarized_light .editor__inner {\n\
color: #586E75;\n\
caret-color: #586E75;\n\
}\n\
.edit-theme--solarized_light .editor {\n\
background-color: #FDF6E3;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--solarized_light .editor__inner .cn-head,\n\
.edit-theme--solarized_light .editor-in-page-buttons .icon {\n\
color: #D33682;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--solarized_light .editor__inner .cn-strong {\n\
color: #859900;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--solarized_light .editor__inner .blockquote {\n\
color: #CB4B16;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--solarized_light .editor__inner .cl,\n\
.edit-theme--solarized_light .editor__inner .hr,\n\
.edit-theme--solarized_light .editor__inner .link,\n\
.edit-theme--solarized_light .editor__inner .linkref, \n\
.edit-theme--solarized_light .editor__inner .linkdef .url {\n\
color: rgba(102,128,153,0.6);\n\
}\n\
.edit-theme--solarized_light .editor__inner .cn-toc, \n\
.edit-theme--solarized_light .editor__inner .code,\n\
.edit-theme--solarized_light .editor__inner .img,\n\
.edit-theme--solarized_light .editor__inner .img-wrapper,\n\
.edit-theme--solarized_light .editor__inner .imgref,\n\
.edit-theme--solarized_light .editor__inner .cl-toc {\n\
color: rgba(102,128,153,0.6);\n\
background-color: rgba(102,128,153,0.075);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--solarized_light .editor__inner .cn-code {\n\
color: #268BD2;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--solarized_light .editor__inner .img .cl-underlined-text,\n\
.edit-theme--solarized_light .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--solarized_light .editor__inner .link .cl-underlined-text,\n\
.edit-theme--solarized_light .editor__inner .linkref .cl-underlined-text {\n\
color: #2AA198;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--solarized_light .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--solarized_light .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--solarized_light .editor__inner .email,\n\
.edit-theme--solarized_light .editor__inner .cl-title,\n\
.edit-theme--solarized_light .editor__inner .tag,\n\
.edit-theme--solarized_light .editor__inner .latex,\n\
.edit-theme--solarized_light .editor__inner .math,\n\
.edit-theme--solarized_light .editor__inner .entity,\n\
.edit-theme--solarized_light .editor__inner .pre [class*='language-'] {\n\
color: #586E75;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_solarized_light();

72
static/themes/edit-theme-spearmint.js Normal file
View File

@@ -0,0 +1,72 @@
function init_edit_theme_spearmint() {
const style = document.createElement('style');
style.id = 'edit-theme-spearmint';
style.type = 'text/css';
style.innerHTML = "/* 默认字体颜色、光标颜色、背景颜色*/\n\
.edit-theme--spearmint .editor__inner {\n\
color: #719692;\n\
caret-color: #719692;\n\
}\n\
.edit-theme--spearmint .editor {\n\
background-color: #E1F0EE;\n\
}\n\
/* 标题颜色 */\n\
.edit-theme--spearmint .editor__inner .cn-head,\n\
.edit-theme--spearmint .editor-in-page-buttons .icon {\n\
color: #199FA8;\n\
}\n\
/* 加粗颜色 */\n\
.edit-theme--spearmint .editor__inner .cn-strong {\n\
color: #69ADB5;\n\
}\n\
/* 信息块颜色 */\n\
.edit-theme--spearmint .editor__inner .blockquote {\n\
color: #25808A;\n\
}\n\
/* 源信息、md标记符号等非关键信息的颜色 */\n\
.edit-theme--spearmint .editor__inner .cl,\n\
.edit-theme--spearmint .editor__inner .hr,\n\
.edit-theme--spearmint .editor__inner .link,\n\
.edit-theme--spearmint .editor__inner .linkref, \n\
.edit-theme--spearmint .editor__inner .linkdef .url {\n\
color: rgba(102,128,153,0.6);\n\
}\n\
.edit-theme--spearmint .editor__inner .cn-toc, \n\
.edit-theme--spearmint .editor__inner .code,\n\
.edit-theme--spearmint .editor__inner .img,\n\
.edit-theme--spearmint .editor__inner .img-wrapper,\n\
.edit-theme--spearmint .editor__inner .imgref,\n\
.edit-theme--spearmint .editor__inner .cl-toc {\n\
color: rgba(102,128,153,0.6);\n\
background-color: rgba(102,128,153,0.075);\n\
}\n\
/* 代码块颜色 */\n\
.edit-theme--spearmint .editor__inner .cn-code {\n\
color: #199FA8;\n\
}\n\
/* 链接颜色 */\n\
.edit-theme--spearmint .editor__inner .img .cl-underlined-text,\n\
.edit-theme--spearmint .editor__inner .imgref .cl-underlined-text,\n\
.edit-theme--spearmint .editor__inner .link .cl-underlined-text,\n\
.edit-theme--spearmint .editor__inner .linkref .cl-underlined-text {\n\
color: #4CD7E0;\n\
}\n\
/* 图片原始链接背景颜色 */\n\
.edit-theme--spearmint .editor__inner .img-wrapper .img {\n\
background-color: transparent;\n\
}\n\
.edit-theme--spearmint .editor__inner .keyword {\n\
color: #47596b;\n\
}\n\
.edit-theme--spearmint .editor__inner .email,\n\
.edit-theme--spearmint .editor__inner .cl-title,\n\
.edit-theme--spearmint .editor__inner .tag,\n\
.edit-theme--spearmint .editor__inner .latex,\n\
.edit-theme--spearmint .editor__inner .math,\n\
.edit-theme--spearmint .editor__inner .entity,\n\
.edit-theme--spearmint .editor__inner .pre [class*='language-'] {\n\
color: #719692;\n\
}";
document.head.appendChild(style);
}
init_edit_theme_spearmint();

216
static/themes/preview-theme-activeblue.js Normal file
View File

@@ -0,0 +1,216 @@
function init_preview_theme_activeblue() {
const style = document.createElement('style');
style.id = 'preview-theme-activeblue';
style.type = 'text/css';
style.innerHTML = "/** activeblue 灵动蓝\n \
*/\n \
.preview-theme--activeblue {\n \
color: #333;\n \
background-color: #fff;\n \
font-family: -apple-system,system-ui,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;\n \
}\n \
\n \
/* 标题的通用设置 */\n \
.preview-theme--activeblue h1,\n \
.preview-theme--activeblue h2,\n \
.preview-theme--activeblue h3,\n \
.preview-theme--activeblue h4,\n \
.preview-theme--activeblue h5,\n \
.preview-theme--activeblue h6 {\n \
padding: 30px 0;\n \
margin: 0;\n \
color: #135ce0;\n \
}\n \
\n \
/* 一级标题 */\n \
.preview-theme--activeblue h1 {\n \
position: relative;\n \
margin-top: 30px;\n \
margin-bottom: 10px;\n \
text-align: center;\n \
}\n \
\n \
/* 一级标题前缀，用来放背景图，支持透明度控制 */\n \
.preview-theme--activeblue h1 .prefix {\n \
display: inline-block;\n \
top: 0;\n \
width: 60px;\n \
height: 60px;\n \
background: url(https://imgs.qicoder.com/stackedit/ape_blue.svg);\n \
background-size: 100% 100%;\n \
opacity: .12;\n \
}\n \
\n \
/* 一级标题内容 */\n \
.preview-theme--activeblue h1 .content {\n \
font-size: 22px;\n \
display: block;\n \
margin-top: -36px;\n \
}\n \
\n \
/* 二级标题 */\n \
.preview-theme--activeblue h2 {\n \
position: relative;\n \
font-size: 20px;\n \
}\n \
\n \
/* 二级标题前缀，有兴趣加内容的可以魔改 */\n \
.preview-theme--activeblue h2 .prefix {\n \
\n \
}\n \
\n \
/* 二级标题内容 */\n \
.preview-theme--activeblue h2 .content {\n \
border-left: 4px solid;\n \
padding-left: 10px;\n \
}\n \
\n \
/* 一二级标题之间间距控制一下 */\n \
.preview-theme--activeblue h1 + h2 {\n \
padding-top: 0;\n \
}\n \
\n \
/* 三级标题 */\n \
.preview-theme--activeblue h3 {\n \
font-size: 16px;\n \
}\n \
\n \
/* 段落 */\n \
.preview-theme--activeblue p {\n \
font-size: 16px;\n \
line-height: 2;\n \
font-weight: 400;\n \
}\n \
\n \
/* 段落间距控制 */\n \
.preview-theme--activeblue p+p {\n \
margin-top: 16px;\n \
}\n \
\n \
/* 无序列表 */\n \
.preview-theme--activeblue ul>li ul>li {\n \
list-style: circle;\n \
}\n \
\n \
/* 无序列表内容行高 */\n \
.preview-theme--activeblue li section {\n \
line-height: 2;\n \
}\n \
\n \
/* 引用 */\n \
.preview-theme--activeblue blockquote {\n \
border-left-color: #b2aec5 !important;\n \
background: #fff9f9 !important;\n \
}\n \
\n \
/* 引用文字 */\n \
.preview-theme--activeblue blockquote p {\n \
color: #666;\n \
line-height: 2;\n \
}\n \
\n \
/* 链接 */\n \
.preview-theme--activeblue a {\n \
color: #036aca;\n \
border-bottom: 0;\n \
font-weight: 400;\n \
text-decoration: none;\n \
}\n \
\n \
/* 加粗 */\n \
.preview-theme--activeblue strong {\n \
background: linear-gradient(to right ,#3299d2,#efbdb5);\n \
color: #fff;\n \
font-weight: 400;\n \
padding: 0 4px;\n \
display: inline-block;\n \
border-radius: 4px;\n \
margin: 0 2px;\n \
letter-spacing: 1px;\n \
}\n \
\n \
/* 加粗斜体 */\n \
.preview-theme--activeblue em strong {\n \
color: #fff;\n \
}\n \
\n \
/* 分隔线 */\n \
.preview-theme--activeblue hr {\n \
border-top: 1px solid #135ce0;\n \
}\n \
\n \
/* 图片描述文字，隐藏了，如果需要，请删除display */\n \
.preview-theme--activeblue figcaption {\n \
display: none;\n \
opacity: .6;\n \
margin-top: 12px;\n \
font-size: 12px;\n \
}\n \
\n \
/* 行内代码 */\n \
.preview-theme--activeblue p code,\n \
.preview-theme--activeblue li code,\n \
.preview-theme--activeblue table code {\n \
background-color: rgba(0,0,0,.05);\n \
color: #1394d8;\n \
padding: 2px 6px;\n \
word-break: normal;\n \
}\n \
\n \
/* 表格 */\n \
.preview-theme--activeblue table {\n \
border-spacing: 0;\n \
}\n \
\n \
/*\n \
* 表格内的单元格\n \
*/\n \
.preview-theme--activeblue table tr th {\n \
background-color: #d4f1ff;\n \
}\n \
\n \
/* 脚注文字 */\n \
.preview-theme--activeblue .footnote-word {\n \
color: #135ce0;\n \
font-weight: 400;\n \
}\n \
\n \
/* 脚注上标 */\n \
.preview-theme--activeblue .footnote-ref {\n \
color: #5ba1e2;\n \
font-weight: 400;\n \
}\n \
\n \
/* 参考资料 */\n \
.preview-theme--activeblue .footnotes-sep:before {\n \
text-align: center;\n \
color: #135ce0;\n \
content: \"参考\";\n \
}\n \
\n \
/* 参考编号 */\n \
.preview-theme--activeblue .footnote-num {\n \
color: #666;\n \
}\n \
\n \
/* 参考文字 */\n \
.preview-theme--activeblue .footnote-item p { \n \
color: #999;\n \
font-weight: 700;\n \
font-style: italic;\n \
font-size: 13px;\n \
}\n \
\n \
/* 参考解释 */\n \
.preview-theme--activeblue .footnote-item p em {\n \
color: #3375e2;\n \
font-style: normal;\n \
margin-left: 4px;\n \
}\n \
.preview-theme--activeblue pre>code {\n \
background-color: #333;\n \
color: rgba(255,255,255,0.75);\n \
}";
document.head.appendChild(style);
}
init_preview_theme_activeblue();

426
static/themes/preview-theme-allblue.js Normal file
View File

@@ -0,0 +1,426 @@
function init_preview_theme_allblue() {
const style = document.createElement('style');
style.id = 'preview-theme-allblue';
style.type = 'text/css';
style.innerHTML = "/* 全栈蓝 */\n \
\n \
/* 全局属性\n \
*/\n \
.preview-theme--allblue {\n \
line-height: 1.25;\n \
color: #2b2b2b;\n \
background-color: #fff;\n \
font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;\n \
letter-spacing: 2px;\n \
background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0) 3%);\n \
background-size: 20px 20px;\n \
background-position: center;\n \
}\n \
\n \
/* 段落\n \
*/\n \
.preview-theme--allblue p {\n \
color: #2b2b2b;\n \
margin: 10px 0px;\n \
letter-spacing: 2px;\n \
font-size: 14px;\n \
word-spacing: 2px;\n \
}\n \
\n \
/* 一级标题 */\n \
.preview-theme--allblue h1 {\n \
font-size: 25px;\n \
}\n \
\n \
/* 一级标题内容 */\n \
.preview-theme--allblue h1 span {\n \
display: inline-block;\n \
font-weight: bold;\n \
color: #40B8FA;\n \
}\n \
\n \
/* 一级标题修饰 请参考有实例的主题 */\n \
.preview-theme--allblue h1:after {\n \
position: unset;\n \
display: unset;\n \
border-bottom: unset;\n \
}\n \
\n \
/* 二级标题 */\n \
.preview-theme--allblue h2 {\n \
display:block;\n \
border-bottom: 4px solid #40B8FA;\n \
}\n \
\n \
/* 二级标题内容 */\n \
.preview-theme--allblue h2 .content {\n \
display: flex;\n \
color: #40B8FA;\n \
font-size: 20px;\n \
margin-left: 25px;\n \
}\n \
\n \
/* 二级标题前缀 */\n \
.preview-theme--allblue h2 .prefix {\n \
display: flex;\n \
width: 20px;\n \
height: 20px;\n \
background-size: 20px 20px;\n \
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB00lEQVRYCe1Xy23DMAz1BB2jA+TSU2EBmSMzeIUM4WuHyKXWoWeP02sdS4CLJ4YW5ciKDUdICySAAMn68PHxiVSK4vn7Swy8fQ4vpbYH1ZyPORrOho2oz6r5UaU230r3Q84GG/uv4fUKhNKmJQC2BpgsTXcVbJTanAIAQASvS91/BBMZBjAOWwELzltQ35yPsElawEJbc8zQlwBpbE7Yuwan05azJfZNAYzjy8JwTCC9Tkx7dwDwGppAYwbg/XQ8K6gEokUMJPZvnooD0F1FlMJrW+dtsIGr3lWjNxj4mObNA96OAOCyn0Nl63fd73I2YhdX3h48A0g8TvGk8HEiQyeugf8MAJlNJqhbpN2VAdbOVW5PoFgNwNUJlGdt2iB/F0VBySkUFATMekJ/imUxAHjHhYOuTgwAlW/OljBGhY3vOsAhRF7xiwDI3A8vY57coh97mCFihIrPIgDwhAxIT8JSzexI75juwLB7Z6xkgA9iIGxMagBeoRhJ+rEe7NHDxrToy7NoHnpC6RdzI+WX98B0Ex8sv5OXIp3KyUR/cQgSZ2yaigIg5YLSMM6bLM1sjoXTLcU9p9g94FEKBF48ectx8hUFRbvr94g/JjMhe37OzsAvpzCHV7lWaToAAAAASUVORK5CYII=);\n \
margin-bottom: -22px;\n \
}\n \
\n \
/* 二级标题后缀 */\n \
.preview-theme--allblue h2 .suffix {\n \
display: flex;\n \
box-sizing: border-box;\n \
width: 200px;\n \
height: 10px;\n \
border-top-left-radius: 20px;\n \
background: RGBA(64, 184, 250, .5);\n \
color: rgb(255, 255, 255);\n \
font-size: 16px;\n \
letter-spacing: 0.544px;\n \
justify-content: flex-end;\n \
box-sizing: border-box !important;\n \
overflow-wrap: break-word !important;\n \
float: right;\n \
margin-top: -10px;\n \
}\n \
\n \
.preview-theme--allblue h2:after {\n \
position: unset;\n \
display: unset;\n \
border-bottom: unset;\n \
}\n \
\n \
/* 三级标题 */\n \
.preview-theme--allblue h3 {\n \
font-size: 17px;\n \
font-weight: bold;\n \
text-align: center;\n \
position:relative;\n \
margin-top: 20px;\n \
margin-bottom: 20px;\n \
}\n \
\n \
/* 三级标题内容 */\n \
.preview-theme--allblue h3 .content {\n \
border-bottom: 2px solid RGBA(79, 177, 249, .65);\n \
color: #2b2b2b;\n \
padding-bottom:2px\n \
}\n \
\n \
.preview-theme--allblue h3 .content:before{\n \
content:'';\n \
width:30px;\n \
height:30px;\n \
display:block;\n \
background-position:center;\n \
background-size:30px;\n \
margin:auto;\n \
opacity:1;\n \
background-repeat:no-repeat;\n \
margin-bottom:-8px;\n \
}\n \
\n \
/* 三级标题修饰 请参考有实例的主题 */\n \
.preview-theme--allblue h3:after {}\n \
\n \
.preview-theme--allblue h4 .content {\n \
height:16px;\n \
line-height:16px;\n \
font-size: 16px;\n \
}\n \
\n \
.preview-theme--allblue h4 .content:before{\n \
content:'';\n \
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABXElEQVRYCe1WsRHCMAzMVHRcvAcz0KekZQ92iNMwCzPQ2SngxJ2MbMm2RCjDHRdb+X/L8kfJMOy/vQIbK3D08eB8fOF/o5yd7pZwwsWdX+92hY2M0YdrSmBZp41ydjrsGhOA47ArNBhuDhcU/1zncCnhzocHYuCehlNqiHONEDXg6OMThTRcxIpXrcC4xDPuvjSgVoMlYCG6Od5SAoIBLVqfRKwEjQHVmmogqRmcO1aAhNmwq90FMMlhoAaEJ0GAZKHqGtUbGZ1PMt4cbxzBIxkH2jc81mKQc1kkM6DQHxih1SN+SYI2IE0H7K7RBRRbQvPRBlRA0lStrQXmBmy/AbWapmzdsk5YAfBCIhcD8+LI7xFpA4J2jDx67WlQrDhuCdAGJBmwxRUXqwVrQqn8QgOqcWprmOMWA5rFNQRqQPgc03D+iqEGhA/Sv4prxL7nH1+SATUaO2avAK3AG91vsolsvFjsAAAAAElFTkSuQmCC);\n \
display:inline-block;\n \
width:16px;\n \
height:16px;\n \
background-size:100% ;\n \
background-position:left bottom;\n \
background-repeat:no-repeat;\n \
width: 16px;\n \
height: 15px;\n \
line-height:15px;\n \
margin-right:6px;\n \
margin-bottom:-2px;\n \
}\n \
\n \
/* 无序列表整体样式\n \
* list-style-type: square|circle|disc;\n \
*/\n \
.preview-theme--allblue ul {\n \
font-size: 15px; /*神奇逻辑，必须比li section的字体大才会在二级中生效*/\n \
color: #595959;\n \
list-style-type: circle;\n \
}\n \
\n \
\n \
/* 有序列表整体样式\n \
* list-style-type: upper-roman|lower-greek|lower-alpha;\n \
*/\n \
.preview-theme--allblue ol {\n \
font-size: 15px;\n \
color: #595959;\n \
}\n \
\n \
/* 列表内容，不要设置li\n \
*/\n \
.preview-theme--allblue li section {\n \
font-size: 14px;\n \
font-weight: normal;\n \
color: #595959;\n \
}\n \
\n \
/* 引用\n \
* 左边缘颜色 border-left-color:black;\n \
* 背景色 background:gray;\n \
*/\n \
.preview-theme--allblue blockquote::before {\n \
content: \"❝\";\n \
color: RGBA(64, 184, 250, .5);\n \
font-size: 34px;\n \
line-height: 1;\n \
font-weight: 700;\n \
}\n \
\n \
.preview-theme--allblue blockquote {\n \
text-size-adjust: 100%;\n \
line-height: 1.55em;\n \
font-weight: 400;\n \
border-radius: 6px;\n \
color: #595959 !important;\n \
font-style: normal;\n \
text-align: left;\n \
box-sizing: inherit;\n \
border-left: none;\n \
padding-bottom: 25px;\n \
border: 1px solid RGBA(64, 184, 250, .4) !important;\n \
background: RGBA(64, 184, 250, .1) !important;\n \
}\n \
\n \
.preview-theme--allblue blockquote p {\n \
color: #595959;\n \
margin: 0px;\n \
}\n \
\n \
.preview-theme--allblue blockquote::after {\n \
content: \"❞\";\n \
float: right;\n \
line-height: 1;\n \
color: RGBA(64, 184, 250, .5);\n \
}\n \
\n \
/* 链接\n \
* border-bottom: 1px solid #009688;\n \
*/\n \
.preview-theme--allblue a {\n \
color: #40B8FA;\n \
font-weight: normal;\n \
border-bottom: 1px solid #3BAAFA;\n \
}\n \
\n \
.preview-theme--allblue strong::before {\n \
content: '「';\n \
}\n \
\n \
/* 加粗 */\n \
.preview-theme--allblue strong {\n \
color: #3594F7;\n \
font-weight: bold;\n \
}\n \
\n \
.preview-theme--allblue strong::after {\n \
content: '」';\n \
}\n \
\n \
/* 斜体 */\n \
.preview-theme--allblue em {\n \
font-style: normal;\n \
color: #3594F7;\n \
font-weight:bold;\n \
}\n \
\n \
/* 加粗斜体 */\n \
.preview-theme--allblue em strong {\n \
color: #3594F7;\n \
}\n \
\n \
/* 删除线 */\n \
.preview-theme--allblue s {\n \
color: #3594F7;\n \
}\n \
\n \
/* 分隔线\n \
* 粗细、样式和颜色\n \
* border-top:1px solid #3e3e3e;\n \
*/\n \
.preview-theme--allblue hr {\n \
height: 1px;\n \
padding: 0;\n \
border: none;\n \
border-top: 2px solid #3BAAFA;\n \
}\n \
\n \
/* 图片\n \
* 宽度 width:80%;\n \
* 居中 margin:0 auto;\n \
* 居左 margin:0 0;\n \
*/\n \
.preview-theme--allblue img {\n \
border-radius: 6px;\n \
display: block;\n \
margin: 20px auto;\n \
object-fit: contain;\n \
box-shadow:2px 4px 7px #999;\n \
}\n \
\n \
/* 图片描述文字 */\n \
.preview-theme--allblue figcaption {\n \
text-align: center;\n \
display: block;\n \
font-size: 13px;\n \
color: #2b2b2b;\n \
}\n \
\n \
.preview-theme--allblue figcaption:before{\n \
content:'';\n \
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAGFBMVEVHcExAuPtAuPpAuPtAuPpAuPtAvPxAuPokzOX5AAAAB3RSTlMAkDLqNegkoiUM7wAAAGBJREFUKM9jYBhcgMkBTUDVBE1BeDGqEtXychNUBeXlKEqACsrLQxB8lnCQQClCiWt5OYoSiAIkJVAF5eVBqAqAShTAAs7l5ShKWMwRAmAlSArASpAVgJUkCqIAscESHwCVVjMBK9JnbQAAAABJRU5ErkJggg==);\n \
display:inline-block;\n \
width:18px;\n \
height:18px;\n \
background-size:18px;\n \
background-repeat:no-repeat;\n \
background-position:center;\n \
margin-right:5px;\n \
margin-bottom:-5px;\n \
}\n \
\n \
/* 行内代码 */\n \
.preview-theme--allblue p code,\n \
.preview-theme--allblue li code {\n \
color: #3594F7;\n \
background: RGBA(59, 170, 250, .1);\n \
padding:0 2px;\n \
border-radius:2px;\n \
height:21px;\n \
line-height:22px;\n \
}\n \
\n \
/* 非微信代码块\n \
* 代码块不换行 display:-webkit-box !important;\n \
* 代码块换行 display:block;\n \
*/\n \
.preview-theme--allblue .code-snippet__fix {\n \
background: #f7f7f7;\n \
border-radius: 2px;\n \
}\n \
\n \
.preview-theme--allblue pre code {\n \
letter-spacing: 0px;\n \
}\n \
\n \
/*\n \
* 表格内的单元格\n \
* 字体大小 font-size: 16px;\n \
* 边框 border: 1px solid #ccc;\n \
* 内边距 padding: 5px 10px;\n \
*/\n \
.preview-theme--allblue table tr th,\n \
.preview-theme--allblue table tr td {\n \
font-size: 14px;\n \
color: #595959;\n \
}\n \
\n \
.preview-theme--allblue .footnotes {\n \
background: #F6EEFF;\n \
padding: 20px 20px 20px 20px;\n \
font-size: 14px;\n \
border: 0.8px solid #DEC6FB;\n \
border-radius: 6px;\n \
border: 1px solid #DEC6FB;\n \
}\n \
\n \
/* 脚注文字 */\n \
.preview-theme--allblue .footnote-word {\n \
font-weight: normal;\n \
color: #595959;\n \
}\n \
\n \
/* 脚注上标 */\n \
.preview-theme--allblue .footnote-ref {\n \
font-weight: normal;\n \
color: #595959;\n \
}\n \
\n \
/*脚注链接样式*/\n \
.preview-theme--allblue .footnote-item em {\n \
font-size: 14px;\n \
color: #595959;\n \
display: block;\n \
}\n \
\n \
.preview-theme--allblue .footnotes{\n \
background: RGBA(53, 148, 247, .4);\n \
padding: 20px 20px 20px 20px;\n \
font-size: 14px;\n \
border-radius: 6px;\n \
border: 1px solid RGBA(53, 148, 247, 1);\n \
}\n \
\n \
.preview-theme--allblue .footnotes-sep {\n \
border-top: unset;\n \
}\n \
\n \
/* \"参考资料\"四个字\n \
* 内容 content: \"参考资料\";\n \
*/\n \
.preview-theme--allblue .footnotes-sep:before {\n \
content: 'Reference';\n \
color: #595959;\n \
letter-spacing: 1px;\n \
border-bottom: 2px solid RGBA(64, 184, 250, 1);\n \
display: inline;\n \
background: linear-gradient(white 60%, RGBA(64, 184, 250, .4) 40%);\n \
font-size: 20px;\n \
}\n \
\n \
/* 参考资料编号 */\n \
.preview-theme--allblue .footnote-num {}\n \
\n \
/* 参考资料文字 */\n \
.preview-theme--allblue .footnote-item p {\n \
color: #595959;\n \
font-weight: bold;\n \
}\n \
\n \
/* 参考资料解释 */\n \
.preview-theme--allblue .footnote-item p em {\n \
font-weight: normal;\n \
}\n \
\n \
/* 行间公式\n \
* 最大宽度 max-width: 300% !important;\n \
*/\n \
.preview-theme--allblue .katex--display svg {}\n \
\n \
/* 行内公式\n \
*/\n \
.preview-theme--allblue .katex--inline svg {}\n \
\n \
/* \n \
*/\n \
.preview-theme--allblue pre>code {\n \
background-color: #333;\n \
color: rgba(255,255,255,0.75);\n \
}\n \
\n \
.preview-theme--allblue .language-mermaid {\n \
letter-spacing: 0;\n \
}";
document.head.appendChild(style);
}
init_preview_theme_allblue();

382
static/themes/preview-theme-caoyuangreen.js Normal file
View File

@@ -0,0 +1,382 @@
function init_preview_theme_caoyuangreen() {
const style = document.createElement('style');
style.id = 'preview-theme-caoyuangreen';
style.type = 'text/css';
style.innerHTML = "/* 草原绿 caoyuangreen\n \
*/\n \
.preview-theme--caoyuangreen {\n \
line-height: 1.35;\n \
color: #333;\n \
background-color: #fff;\n \
font-family: Optima-Regular, PingFangTC-light;\n \
letter-spacing: 1.5px;\n \
}\n \
\n \
/* 段落，下方未标注标签参数均同此处\n \
*/\n \
.preview-theme--caoyuangreen p {\n \
color: #2b2b2b;\n \
margin: 10px 0px;\n \
letter-spacing: 2px;\n \
font-size: 16px;\n \
word-spacing: 2px;\n \
}\n \
\n \
/* 一级标题 */\n \
.preview-theme--caoyuangreen h1 {\n \
font-size: 25px;\n \
}\n \
\n \
/* 一级标题内容 */\n \
.preview-theme--caoyuangreen h1 span {\n \
display: inline-block;\n \
font-weight: bold;\n \
color: #4CAF50;\n \
}\n \
\n \
/* 一级标题修饰 请参考有实例的主题 */\n \
.preview-theme--caoyuangreen h1:after {}\n \
\n \
/* 二级标题 */\n \
.preview-theme--caoyuangreen h2 {\n \
display:block;\n \
border-bottom: 4px solid #4CAF50;\n \
}\n \
\n \
/* 二级标题内容 */\n \
.preview-theme--caoyuangreen h2 .content {\n \
display: flex;\n \
color: #4CAF50;\n \
font-size: 20px;\n \
\n \
}\n \
\n \
/* 二级标题前缀 */\n \
.preview-theme--caoyuangreen h2 .prefix {\n \
\n \
}\n \
\n \
/* 二级标题后缀 */\n \
.preview-theme--caoyuangreen h2 .suffix {\n \
display: flex;\n \
box-sizing: border-box;\n \
width: 20px;\n \
height: 10px;\n \
border-top-left-radius: 20px;\n \
border-top-right-radius: 20px;\n \
background: RGBA(76, 175, 80, .5);\n \
color: rgb(255, 255, 255);\n \
font-size: 16px;\n \
letter-spacing: 0.544px;\n \
justify-content: flex-end;\n \
box-sizing: border-box !important;\n \
overflow-wrap: break-word !important;\n \
float: right;\n \
margin-top: -10px;\n \
}\n \
\n \
.preview-theme--caoyuangreen h1:after, .preview-theme--caoyuangreen h2:after {\n \
border-bottom: unset;\n \
}\n \
\n \
/* 三级标题 */\n \
.preview-theme--caoyuangreen h3 {\n \
font-size: 17px;\n \
font-weight: bold;\n \
text-align: center;\n \
position:relative;\n \
margin-top: 20px;\n \
margin-bottom: 20px;\n \
}\n \
\n \
/* 三级标题内容 */\n \
.preview-theme--caoyuangreen h3 .content {\n \
color: #2b2b2b;\n \
padding-bottom:2px\n \
}\n \
\n \
.preview-theme--caoyuangreen h3 .content:before{\n \
content:'';\n \
width:30px;\n \
height:30px;\n \
display:block;\n \
background-image:url(https://imgs.qicoder.com/stackedit/grass-green.png);\n \
background-position:center;\n \
background-size:30px;\n \
margin:auto;\n \
opacity:1;\n \
background-repeat:no-repeat;\n \
margin-bottom:-8px;\n \
}\n \
\n \
/* 三级标题修饰 请参考有实例的主题 */\n \
.preview-theme--caoyuangreen h3:after {}\n \
\n \
.preview-theme--caoyuangreen h4 .content {\n \
height:16px;\n \
line-height:16px;\n \
font-size: 16px;\n \
}\n \
\n \
.preview-theme--caoyuangreen h4 .content:before{\n \
\n \
}\n \
\n \
/* 无序列表整体样式\n \
* list-style-type: square|circle|disc;\n \
*/\n \
.preview-theme--caoyuangreen ul {\n \
font-size: 15px; /*神奇逻辑，必须比li section的字体大才会在二级中生效*/\n \
color: #595959;\n \
list-style-type: circle;\n \
}\n \
\n \
\n \
/* 有序列表整体样式\n \
* list-style-type: upper-roman|lower-greek|lower-alpha;\n \
*/\n \
.preview-theme--caoyuangreen ol {\n \
font-size: 15px;\n \
color: #595959;\n \
}\n \
\n \
/* 列表内容，不要设置li\n \
*/\n \
.preview-theme--caoyuangreen li section {\n \
font-size: 16px;\n \
font-weight: normal;\n \
color: #595959;\n \
}\n \
\n \
/* 引用\n \
* 左边缘颜色 border-left-color:black;\n \
* 背景色 background:gray;\n \
*/\n \
.preview-theme--caoyuangreen blockquote::before {\n \
content: \"❝\";\n \
color: #74b56d;\n \
font-size: 34px;\n \
line-height: 1;\n \
font-weight: 700;\n \
}\n \
\n \
.preview-theme--caoyuangreen blockquote {\n \
text-size-adjust: 100%;\n \
line-height: 1.55em;\n \
font-weight: 400;\n \
border-radius: 6px;\n \
color: #595959 !important;\n \
font-style: normal;\n \
text-align: left;\n \
box-sizing: inherit;\n \
padding-bottom: 25px;\n \
border-left: none !important;\n \
border: 1px solid #1b900d !important;\n \
background: #fff !important;\n \
\n \
}\n \
\n \
.preview-theme--caoyuangreen blockquote p {\n \
margin: 0px;\n \
}\n \
\n \
.preview-theme--caoyuangreen blockquote::after {\n \
content: \"❞\";\n \
float: right;\n \
color: #74b56d;\n \
}\n \
\n \
/* 链接\n \
* border-bottom: 1px solid #009688;\n \
*/\n \
.preview-theme--caoyuangreen a {\n \
color: #399003;\n \
font-weight: normal;\n \
border-bottom: 1px solid #399003;\n \
}\n \
\n \
.preview-theme--caoyuangreen strong::before {\n \
content: '「';\n \
}\n \
\n \
/* 加粗 */\n \
.preview-theme--caoyuangreen strong {\n \
color: #399003;\n \
font-weight: bold;\n \
}\n \
\n \
.preview-theme--caoyuangreen strong::after {\n \
content: '」';\n \
}\n \
\n \
/* 斜体 */\n \
.preview-theme--caoyuangreen em {\n \
font-style: normal;\n \
color: #399003;\n \
font-weight:bold;\n \
}\n \
\n \
/* 加粗斜体 */\n \
.preview-theme--caoyuangreen em strong {\n \
color: #399003;\n \
}\n \
\n \
/* 删除线 */\n \
.preview-theme--caoyuangreen del {\n \
color: #399003;\n \
}\n \
\n \
/* 分隔线\n \
* 粗细、样式和颜色\n \
* border-top:1px solid #3e3e3e;\n \
*/\n \
.preview-theme--caoyuangreen hr {\n \
height: 1px;\n \
padding: 0;\n \
border: none;\n \
border-top: 2px solid #399003;\n \
}\n \
\n \
/* 图片\n \
* 宽度 width:80%;\n \
* 居中 margin:0 auto;\n \
* 居左 margin:0 0;\n \
*/\n \
.preview-theme--caoyuangreen img {\n \
border-radius: 6px;\n \
display: block;\n \
margin: 20px auto;\n \
object-fit: contain;\n \
box-shadow:2px 4px 7px #999;\n \
}\n \
\n \
/* 图片描述文字 */\n \
.preview-theme--caoyuangreen figcaption {\n \
display: block;\n \
font-size: 13px;\n \
color: #2b2b2b;\n \
}\n \
\n \
/* 行内代码 */\n \
.preview-theme--caoyuangreen p code,\n \
.preview-theme--caoyuangreen li code,\n \
.preview-theme--caoyuangreen table code {\n \
color: #0bb712;\n \
background: rgba(127, 226, 159, 0.48);\n \
display:inline-block;\n \
padding:0 2px;\n \
border-radius:2px;\n \
height:21px;\n \
line-height:22px;\n \
}\n \
\n \
/* 非微信代码块\n \
* 代码块不换行 display:-webkit-box !important;\n \
* 代码块换行 display:block;\n \
*/\n \
.preview-theme--caoyuangreen .code-snippet__fix {\n \
background: #f7f7f7;\n \
border-radius: 2px;\n \
}\n \
\n \
.preview-theme--caoyuangreen pre code {\n \
letter-spacing: 0px;\n \
}\n \
\n \
/*\n \
* 表格内的单元格\n \
* 字体大小 font-size: 16px;\n \
* 边框 border: 1px solid #ccc;\n \
* 内边距 padding: 5px 10px;\n \
*/\n \
.preview-theme--caoyuangreen table tr th,\n \
.preview-theme--caoyuangreen table tr td {\n \
font-size: 16px;\n \
color: #595959;\n \
}\n \
\n \
.preview-theme--caoyuangreen .footnotes {\n \
background: #F6EEFF;\n \
padding: 20px 20px 20px 20px;\n \
font-size: 16px;\n \
border: 0.8px solid #399003;\n \
border-radius: 6px;\n \
border: 1px solid #399003;\n \
}\n \
\n \
/* 脚注文字 */\n \
.preview-theme--caoyuangreen .footnote-word {\n \
font-weight: normal;\n \
color: #595959;\n \
}\n \
\n \
/* 脚注上标 */\n \
.preview-theme--caoyuangreen .footnote-ref {\n \
font-weight: normal;\n \
color: #595959;\n \
}\n \
\n \
/*脚注链接样式*/\n \
.preview-theme--caoyuangreen .footnote-item em {\n \
font-size: 16px;\n \
color: #595959;\n \
display: block;\n \
}\n \
\n \
.preview-theme--caoyuangreen .footnotes{\n \
background: #fff;\n \
padding: 20px 20px 20px 20px;\n \
font-size: 16px;\n \
border-radius: 6px;\n \
border: 1px solid #4CAF50;\n \
}\n \
\n \
/* \"参考资料\"四个字\n \
* 内容 content: \"参考资料\";\n \
*/\n \
.preview-theme--caoyuangreen .footnotes-sep:before {\n \
content: 'Reference';\n \
color: #595959;\n \
letter-spacing: 1px;\n \
border-bottom: 2px solid #4CAF50;\n \
display: inline;\n \
font-size: 20px;\n \
}\n \
\n \
/* 参考资料编号 */\n \
.preview-theme--caoyuangreen .footnote-num {}\n \
\n \
/* 参考资料文字 */\n \
.preview-theme--caoyuangreen .footnote-item p {\n \
color: #595959;\n \
font-weight: bold;\n \
}\n \
\n \
/* 参考资料解释 */\n \
.preview-theme--caoyuangreen .footnote-item p em {\n \
font-weight: normal;\n \
}\n \
\n \
/* 行间公式\n \
* 最大宽度 max-width: 300% !important;\n \
*/\n \
.preview-theme--caoyuangreen .block-equation svg {}\n \
\n \
/* 行内公式\n \
*/\n \
.preview-theme--caoyuangreen .inline-equation svg {}\n \
\n \
/* 滑动图片\n \
*/\n \
.preview-theme--caoyuangreen .imageflow-img {\n \
display: inline-block;\n \
width:100%;\n \
margin-bottom: 0;\n \
}\n \
.preview-theme--caoyuangreen pre>code {\n \
background-color: #333;\n \
color: rgba(255,255,255,0.75);\n \
}";
document.head.appendChild(style);
}
init_preview_theme_caoyuangreen();

273
static/themes/preview-theme-jikebrack.js Normal file
View File

@@ -0,0 +1,273 @@
function init_preview_theme_jikebrack() {
const style = document.createElement('style');
style.id = 'preview-theme-jikebrack';
style.type = 'text/css';
style.innerHTML = "/*极客黑样式，实时生效*/\n \
\n \
/* 全局属性\n \
*/\n \
.preview-theme--jikebrack {\n \
color: #2b2b2b;\n \
background-color: #fff;\n \
}\n \
\n \
/* 段落\n \
*/\n \
.preview-theme--jikebrack p {\n \
box-sizing: border-box;\n \
margin-bottom: 16px;\n \
font-family: \"Helvetica Neue\", Helvetica, \"Segoe UI\", Arial, freesans, sans-serif;\n \
font-size: 15px;\n \
text-align: start;\n \
white-space: normal;\n \
text-size-adjust: auto;\n \
line-height: 1.75em;\n \
}\n \
\n \
/* 一级标题 */\n \
.preview-theme--jikebrack h1 {\n \
margin-top: -0.46em;\n \
margin-bottom: 0.1em;\n \
border-bottom: 2px solid rgb(198, 196, 196);\n \
box-sizing: border-box;\n \
}\n \
\n \
/* 一级标题内容 */\n \
.preview-theme--jikebrack h1 .content {\n \
padding-top: 5px;\n \
padding-bottom: 5px;\n \
color: rgb(160, 160, 160);\n \
font-size: 13px;\n \
line-height: 2;\n \
box-sizing: border-box;\n \
}\n \
\n \
/* 一级标题修饰 请参考有实例的主题 */\n \
.preview-theme--jikebrack h1:after {\n \
}\n \
\n \
/* 二级标题 */\n \
.preview-theme--jikebrack h2 {\n \
margin: 10px auto;\n \
height: 40px;\n \
background-color: rgb(251, 251, 251);\n \
border-bottom: 1px solid rgb(246, 246, 246);\n \
overflow: hidden;\n \
box-sizing: border-box;\n \
}\n \
\n \
/* 二级标题内容 */\n \
.preview-theme--jikebrack h2 .content {\n \
margin-left: -10px;\n \
display: inline-block;\n \
width: auto;\n \
height: 40px;\n \
background-color: rgb(33, 33, 34);\n \
border-bottom-right-radius:100px;\n \
color: rgb(255, 255, 255);\n \
padding-right: 30px;\n \
padding-left: 30px;\n \
line-height: 40px;\n \
font-size: 16px;\n \
}\n \
\n \
/* 二级标题修饰 请参考有实例的主题 */\n \
.preview-theme--jikebrack h2:after {\n \
}\n \
\n \
/* 三级标题 */\n \
.preview-theme--jikebrack h3 {\n \
margin: 20px auto 5px;\n \
border-top: 1px solid rgb(221, 221, 221);\n \
box-sizing: border-box;\n \
}\n \
\n \
/* 三级标题内容 */\n \
.preview-theme--jikebrack h3 .content {\n \
margin-top: -1px;\n \
padding-top: 6px;\n \
padding-right: 5px;\n \
padding-left: 5px;\n \
font-size: 17px;\n \
border-top: 2px solid rgb(33, 33, 34);\n \
display: inline-block;\n \
line-height: 1.1;\n \
}\n \
\n \
/* 三级标题修饰 请参考有实例的主题 */\n \
.preview-theme--jikebrack h3:after {\n \
}\n \
\n \
.preview-theme--jikebrack h4 {\n \
margin: 10px auto -1px;\n \
border-top: 1px solid rgb(221, 221, 221);\n \
box-sizing: border-box;\n \
}\n \
\n \
.preview-theme--jikebrack h4 .content {\n \
margin-top: -1px;\n \
padding-top: 6px;\n \
padding-right: 5px;\n \
padding-left: 5px;\n \
font-size: 16px;\n \
border-top: 2px solid rgb(33, 33, 34);\n \
display: inline-block;\n \
line-height: 1.1;\n \
}\n \
\n \
/* 无序列表整体样式\n \
* list-style-type: square|circle|disc;\n \
*/\n \
.preview-theme--jikebrack ul {\n \
}\n \
\n \
/* 有序列表整体样式\n \
* list-style-type: upper-roman|lower-greek|lower-alpha;\n \
*/\n \
.preview-theme--jikebrack ol {\n \
}\n \
\n \
/* 列表内容，不要设置li\n \
*/\n \
.preview-theme--jikebrack li section {\n \
font-size: 15px;\n \
font-family: \"Helvetica Neue\", Helvetica, \"Segoe UI\", Arial, freesans, sans-serif;\n \
}\n \
\n \
/* 引用\n \
* 左边缘颜色 border-left-color: black;\n \
* 背景色 background: gray;\n \
*/\n \
.preview-theme--jikebrack blockquote {\n \
border-left-color: rgb(221, 221, 221) !important;\n \
margin-top: 1.2em;\n \
margin-bottom: 1.2em;\n \
padding-right: 1em;\n \
padding-left: 1em;\n \
border-left-width: 4px;\n \
color: rgb(119, 119, 119) !important;\n \
quotes: none;\n \
background: rgba(0, 0, 0, 0.05) !important;\n \
}\n \
\n \
/* 引用文字 */\n \
.preview-theme--jikebrack blockquote p {\n \
margin: 0px;\n \
font-size: 15px;\n \
font-family: -apple-system-font, BlinkMacSystemFont, \"Helvetica Neue\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", Arial, sans-serif;\n \
color: rgb(119, 119, 119);\n \
line-height: 1.75em;\n \
}\n \
\n \
/* 链接 \n \
* border-bottom: 1px solid #009688;\n \
*/\n \
.preview-theme--jikebrack a {\n \
color: rgb(239, 112, 96);\n \
border-bottom: 1px solid rgb(239, 112, 96);\n \
}\n \
\n \
/* 加粗 */\n \
.preview-theme--jikebrack strong {\n \
}\n \
\n \
/* 斜体 */\n \
.preview-theme--jikebrack em {\n \
}\n \
\n \
/* 加粗斜体 */\n \
.preview-theme--jikebrack em strong {\n \
}\n \
\n \
/* 删除线 */\n \
.preview-theme--jikebrack s {\n \
}\n \
\n \
/* 分隔线\n \
* 粗细、样式和颜色\n \
* border-top: 1px solid #3e3e3e;\n \
*/\n \
.preview-theme--jikebrack hr {\n \
}\n \
\n \
/* 图片\n \
* 宽度 width: 80%;\n \
* 居中 margin: 0 auto;\n \
* 居左 margin: 0 0;\n \
*/\n \
.preview-theme--jikebrack img {\n \
}\n \
\n \
/* 图片描述文字 */\n \
.preview-theme--jikebrack figcaption {\n \
}\n \
\n \
/* 行内代码 */\n \
.preview-theme--jikebrack p code,.preview-theme--jikebrack li code {\n \
color: rgb(239, 112, 96) !important;\n \
background-color: rgba(27,31,35,.05) !important;\n \
}\n \
\n \
/* 非微信代码块\n \
* 代码块不换行 display: -webkit-box !important;\n \
* 代码块换行 display: block;\n \
*/\n \
.preview-theme--jikebrack pre code {\n \
}\n \
\n \
/*\n \
* 表格内的单元格\n \
* 字体大小 font-size: 16px;\n \
* 边框 border: 1px solid #ccc;\n \
* 内边距 padding: 5px 10px;\n \
*/\n \
.preview-theme--jikebrack table tr th,\n \
.preview-theme--jikebrack table tr td {\n \
}\n \
\n \
/* 脚注文字 */\n \
.preview-theme--jikebrack .footnote-word {\n \
color: #ff3502;\n \
}\n \
\n \
/* 脚注上标 */\n \
.preview-theme--jikebrack .footnote-ref {\n \
color: rgb(239, 112, 96);\n \
}\n \
\n \
/* \"参考资料\"四个字 \n \
* 内容 content: \"参考资料\";\n \
*/\n \
.preview-theme--jikebrack .footnotes-sep:before {\n \
}\n \
\n \
/* 参考资料编号 */\n \
.preview-theme--jikebrack .footnote-num {\n \
}\n \
\n \
/* 参考资料文字 */\n \
.preview-theme--jikebrack .footnote-item p { \n \
}\n \
\n \
/* 参考资料解释 */\n \
.preview-theme--jikebrack .footnote-item p em {\n \
}\n \
\n \
/* 行间公式\n \
* 最大宽度 max-width: 300% !important;\n \
*/\n \
.preview-theme--jikebrack .block-equation svg {\n \
}\n \
\n \
/* 行内公式\n \
*/\n \
.preview-theme--jikebrack .inline-equation svg {\n \
}\n \
\n \
.preview-theme--jikebrack pre>code {\n \
background-color: #333;\n \
color: rgba(255,255,255,0.75);\n \
}";
document.head.appendChild(style);
}
init_preview_theme_jikebrack();

269
static/themes/preview-theme-ningyezi.js Normal file
View File

@@ -0,0 +1,269 @@
function init_preview_theme_ningyezi() {
const style = document.createElement('style');
style.id = 'preview-theme-ningyezi';
style.type = 'text/css';
style.innerHTML = "/*凝夜紫 ningyezi\n \
*/\n \
.preview-theme--ningyezi {\n \
line-height: 1.5;\n \
font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;\n \
letter-spacing: 2px;\n \
color: #2b2b2b;\n \
background-color: #fff;\n \
background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);\n \
background-size: 20px 20px;\n \
background-position: center center;\n \
}\n \
\n \
/* 段落，下方未标注标签参数均同此处\n \
*/\n \
.preview-theme--ningyezi p {\n \
margin: 10px 0px;\n \
letter-spacing: 2px;\n \
font-size: 14px;\n \
word-spacing: 2px;\n \
}\n \
\n \
/* 一级标题 */\n \
.preview-theme--ningyezi h1 {\n \
font-size: 25px;\n \
}\n \
\n \
/* 一级标题内容 */\n \
.preview-theme--ningyezi h1 .content {\n \
display: inline-block;\n \
font-weight: bold;\n \
color: #773098;\n \
}\n \
\n \
/* 一级标题修饰 请参考有实例的主题 */\n \
.preview-theme--ningyezi h1:after {}\n \
\n \
/* 二级标题 */\n \
.preview-theme--ningyezi h2 {\n \
text-align: left;\n \
margin: 20px 10px 0px 0px;\n \
}\n \
\n \
/* 二级标题内容 */\n \
.preview-theme--ningyezi h2 .content {\n \
font-size: 18px;\n \
font-weight: bold;\n \
display: inline-block;\n \
padding-left: 10px;\n \
border-left: 5px solid #916dd5;\n \
}\n \
\n \
/* 二级标题修饰 请参考有实例的主题 */\n \
.preview-theme--ningyezi h2:after {}\n \
\n \
/* 三级标题 */\n \
.preview-theme--ningyezi h3 {\n \
font-size: 16px;\n \
font-weight: bold;\n \
text-align: center;\n \
}\n \
\n \
/* 三级标题内容 */\n \
.preview-theme--ningyezi h3 .content {\n \
border-bottom: 2px solid #d89cf6;\n \
}\n \
\n \
/* 三级标题修饰 请参考有实例的主题 */\n \
.preview-theme--ningyezi h3:after {}\n \
\n \
/* 无序列表整体样式\n \
* list-style-type: square|circle|disc;\n \
*/\n \
.preview-theme--ningyezi ul {\n \
font-size: 15px;\n \
/*神奇逻辑，必须比li section的字体大才会在二级中生效*/\n \
list-style-type: circle;\n \
}\n \
\n \
\n \
/* 有序列表整体样式\n \
* list-style-type: upper-roman|lower-greek|lower-alpha;\n \
*/\n \
.preview-theme--ningyezi ol {\n \
font-size: 15px;\n \
}\n \
\n \
/* 列表内容，不要设置li\n \
*/\n \
.preview-theme--ningyezi li section {\n \
font-size: 14px;\n \
font-weight: normal;\n \
}\n \
\n \
/* 引用\n \
* 左边缘颜色 border-left-color:black;\n \
* 背景色 background:gray;\n \
*/\n \
.preview-theme--ningyezi blockquote {\n \
color: rgba(0,0,0,0.5) !important;\n \
border-left-color: #d89cf6 !important;\n \
background: #f4eeff !important;\n \
}\n \
\n \
/* 链接 \n \
* border-bottom: 1px solid #009688;\n \
*/\n \
.preview-theme--ningyezi a {\n \
color: #916dd5;\n \
font-weight: bolder;\n \
border-bottom: 1px solid #916dd5;\n \
}\n \
\n \
.preview-theme--ningyezi strong::before {\n \
content: '「';\n \
}\n \
\n \
/* 加粗 */\n \
.preview-theme--ningyezi strong {\n \
color: #916dd5;\n \
font-weight: bold;\n \
}\n \
\n \
.preview-theme--ningyezi strong::after {\n \
content: '」';\n \
}\n \
\n \
/* 斜体 */\n \
.preview-theme--ningyezi em {\n \
font-style: normal;\n \
color: #916dd5;\n \
}\n \
\n \
/* 加粗斜体 */\n \
.preview-theme--ningyezi em strong {\n \
color: #916dd5;\n \
}\n \
\n \
/* 删除线 */\n \
.preview-theme--ningyezi del {\n \
color: #916dd5;\n \
}\n \
\n \
/* 分隔线\n \
* 粗细、样式和颜色\n \
*/\n \
.preview-theme--ningyezi hr {\n \
height: 1px;\n \
padding: 0;\n \
border: none;\n \
border-top: 2px solid #d9b8fa;\n \
}\n \
\n \
/* 图片\n \
* 宽度 width:80%;\n \
* 居中 margin:0 auto;\n \
* 居左 margin:0 0;\n \
*/\n \
.preview-theme--ningyezi img {\n \
border-radius: 6px;\n \
display: block;\n \
margin: 20px auto;\n \
object-fit: contain;\n \
box-shadow: 2px 4px 7px #999;\n \
}\n \
\n \
/* 图片描述文字 */\n \
.preview-theme--ningyezi figcaption {\n \
display: block;\n \
font-size: 13px;\n \
}\n \
\n \
/* 行内代码 */\n \
.preview-theme--ningyezi p code,\n \
.preview-theme--ningyezi li code,\n \
.preview-theme--ningyezi table code {\n \
color: #916dd5;\n \
font-weight: bolder;\n \
background: none;\n \
}\n \
\n \
/* 非微信代码块\n \
* 代码块不换行 display:-webkit-box !important;\n \
* 代码块换行 display:block;\n \
*/\n \
.preview-theme--ningyezi .code-snippet__fix {\n \
background: #f7f7f7;\n \
border-radius: 2px;\n \
}\n \
\n \
.preview-theme--ningyezi pre code {}\n \
\n \
/*\n \
* 表格内的单元格\n \
* 字体大小 font-size: 16px;\n \
* 边框 border: 1px solid #ccc;\n \
* 内边距 padding: 5px 10px;\n \
*/\n \
.preview-theme--ningyezi table tr th,\n \
.preview-theme--ningyezi table tr td {\n \
font-size: 14px;\n \
}\n \
\n \
.preview-theme--ningyezi .footnotes {\n \
font-size: 14px;\n \
}\n \
\n \
/* 脚注文字 */\n \
.preview-theme--ningyezi .footnote-word {\n \
font-weight: normal;\n \
color: #916dd5;\n \
font-weight: bold;\n \
}\n \
\n \
/* 脚注上标 */\n \
.preview-theme--ningyezi .footnote-ref {\n \
font-weight: normal;\n \
color: #916dd5;\n \
}\n \
\n \
/*脚注链接样式*/\n \
.preview-theme--ningyezi .footnote-item em {\n \
font-size: 14px;\n \
color: #916dd5;\n \
display: block;\n \
}\n \
\n \
/* \"参考资料\"四个字 \n \
* 内容 content: \"参考资料\";\n \
*/\n \
.preview-theme--ningyezi .footnotes-sep:before {\n \
font-size: 20px;\n \
}\n \
\n \
/* 参考资料编号 */\n \
.preview-theme--ningyezi .footnote-num {\n \
color: #916dd5;\n \
}\n \
\n \
/* 参考资料文字 */\n \
.preview-theme--ningyezi .footnote-item p {\n \
color: #916dd5;\n \
font-weight: bold;\n \
}\n \
\n \
/* 参考资料解释 */\n \
.preview-theme--ningyezi .footnote-item p em {\n \
font-weight: normal;\n \
}\n \
\n \
/* 行间公式\n \
* 最大宽度 max-width: 300% !important;\n \
*/\n \
.preview-theme--ningyezi .block-equation svg {}\n \
\n \
/* 行内公式\n \
*/\n \
.preview-theme--ningyezi .inline-equation svg {}\n \
.preview-theme--ningyezi pre>code {\n \
background-color: #333;\n \
color: rgba(255,255,255,0.75);\n \
}";
document.head.appendChild(style);
}
init_preview_theme_ningyezi();

340
static/themes/preview-theme-simplebrack.js Normal file
View File

@@ -0,0 +1,340 @@
function init_preview_theme_simplebrack() {
const style = document.createElement('style');
style.id = 'preview-theme-simplebrack';
style.type = 'text/css';
style.innerHTML = "/* 全局属性\n \
* 页边距 padding: 30px;\n \
* 全文字体 font-family: ptima-Regular;\n \
* 英文换行 word-break: break-all;\n \
*/\n \
.preview-theme--simplebrack {\n \
font-size:14px;\n \
padding:10px;\n \
color: #2b2b2b;\n \
background-color: #fff;\n \
}\n \
\n \
/*图片下提示*/\n \
.preview-theme--simplebrack figcaption{\n \
font-size:12px;\n \
}\n \
.preview-theme--simplebrack .imageflow-caption{\n \
font-size:12px;\n \
}\n \
\n \
/* 段落，下方未标注标签参数均同此处\n \
* 上边距 margin-top: 5px;\n \
* 下边距 margin-bottom: 5px;\n \
* 行高 line-height: 26px;\n \
* 词间距 word-spacing: 3px;\n \
* 字间距 letter-spacing: 3px;\n \
* 对齐 text-align: left;\n \
* 颜色 color: #3e3e3e;\n \
* 字体大小 font-size: 16px;\n \
* 首行缩进 text-indent: 2em;\n \
*/\n \
.preview-theme--simplebrack p {\n \
font-size:14px;\n \
}\n \
\n \
/* 一级标题 */\n \
.preview-theme--simplebrack h1 {\n \
}\n \
\n \
/* 一级标题内容 */\n \
.preview-theme--simplebrack h1 .content {\n \
}\n \
\n \
/* 一级标题前缀 */\n \
.preview-theme--simplebrack h1 .prefix {\n \
}\n \
\n \
/* 一级标题后缀 */\n \
.preview-theme--simplebrack h1 .suffix{\n \
}\n \
\n \
/* 二级标题 */\n \
.preview-theme--simplebrack h2 {\n \
text-align:center;\n \
position:relative;\n \
font-weight: bold;\n \
color: black;\n \
line-height: 1.1em;\n \
padding-top: 12px;\n \
padding-bottom: 12px;\n \
margin:70px 30px 30px;\n \
border: 1px solid #000;\n \
}\n \
\n \
.preview-theme--simplebrack h2:before{\n \
content: ' ';\n \
float: left;\n \
display: block;\n \
width: 90%;\n \
border-top: 1px solid #000;\n \
height: 1px;\n \
line-height: 1px;\n \
margin-left: -5px;\n \
margin-top: -17px;\n \
}\n \
.preview-theme--simplebrack h2:after{\n \
content: ' ';\n \
float: right;\n \
display: block;\n \
width: 90%;\n \
border-bottom: 1px solid #000;\n \
height: 1px;\n \
line-height: 1px;\n \
margin-right: -5px;\n \
margin-top: 16px;\n \
position: unset;\n \
}\n \
/* 二级标题内容 */\n \
.preview-theme--simplebrack h2 .content {\n \
display: block;\n \
-webkit-box-reflect: below 0em -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.1)));\n \
}\n \
.preview-theme--simplebrack h2 strong {\n \
}\n \
/* 二级标题前缀 */\n \
.preview-theme--simplebrack h2 .prefix {\n \
display: block;\n \
width: 3px;\n \
margin: 0 0 0 5%;\n \
height: 3px;\n \
line-height: 3px;\n \
overflow: hidden;\n \
background-color: #000;\n \
box-shadow:3px 0 #000,\n \
0 3px #000,\n \
-3px 0 #000,\n \
0 -3px #000;\n \
}\n \
\n \
/* 二级标题后缀 */\n \
.preview-theme--simplebrack h2 .suffix {\n \
display: block;\n \
width: 3px;\n \
margin: 0 0 0 95%;\n \
height: 3px;\n \
line-height: 3px;\n \
overflow: hidden;\n \
background-color: #000;\n \
box-shadow:3px 0 #000,\n \
0 3px #000,\n \
-3px 0 #000,\n \
0 -3px #000;\n \
}\n \
\n \
/* 三级标题 */\n \
.preview-theme--simplebrack h3 {\n \
background-color:#000;\n \
color:#fff;\n \
padding:2px 10px;\n \
width:fit-content;\n \
font-size:17px;\n \
margin:60px auto 10px;\n \
}\n \
.preview-theme--simplebrack h3 strong {\n \
color:#fff;\n \
}\n \
\n \
/* 三级标题内容 */\n \
.preview-theme--simplebrack h3 .content {\n \
}\n \
\n \
/* 三级标题前缀 */\n \
.preview-theme--simplebrack h3 .prefix {\n \
}\n \
\n \
/* 三级标题后缀 */\n \
.preview-theme--simplebrack h3 .suffix {\n \
}\n \
\n \
/* 无序列表整体样式\n \
* list-style-type: square|circle|disc;\n \
*/\n \
.preview-theme--simplebrack ul {\n \
list-style-type: square;\n \
}\n \
/* 无序二级列表\n \
*/\n \
.preview-theme--simplebrack ul li ul li{\n \
list-style-type: circle;\n \
}\n \
\n \
/* 有序列表整体样式\n \
* list-style-type: upper-roman|lower-greek|lower-alpha;\n \
*/\n \
.preview-theme--simplebrack ol {\n \
}\n \
\n \
/* 列表内容，不要设置li\n \
*/\n \
.preview-theme--simplebrack li section {\n \
}\n \
\n \
/* 引用\n \
* 左边缘颜色 border-left-color: black;\n \
* 背景色 background: gray;\n \
*/\n \
.preview-theme--simplebrack blockquote {\n \
border-left: 3px solid rgba(0, 0, 0, 0.65) !important;\n \
border-right: 1px solid rgba(0, 0, 0, 0.65) !important;\n \
background: rgb(249, 249, 249) !important;\n \
color: rgba(0,0,0,0.5) !important;\n \
}\n \
\n \
/* 引用文字 */\n \
.preview-theme--simplebrack blockquote p {\n \
}\n \
\n \
/* 链接 \n \
* border-bottom: 1px solid #009688;\n \
*/\n \
.preview-theme--simplebrack a {\n \
}\n \
\n \
/* 加粗 */\n \
.preview-theme--simplebrack strong {\n \
}\n \
\n \
/* 斜体 */\n \
.preview-theme--simplebrack em {\n \
}\n \
\n \
/* 加粗斜体 */\n \
.preview-theme--simplebrack em strong {\n \
}\n \
\n \
/* 删除线 */\n \
.preview-theme--simplebrack del {\n \
}\n \
\n \
/* 分隔线\n \
* 粗细、样式和颜色\n \
* border-top: 1px solid #3e3e3e;\n \
*/\n \
.preview-theme--simplebrack hr {\n \
}\n \
\n \
/* 图片\n \
* 宽度 width: 80%;\n \
* 居中 margin: 0 auto;\n \
* 居左 margin: 0 0;\n \
*/\n \
.preview-theme--simplebrack img {\n \
box-shadow: rgba(170, 170, 170, 0.48) 0px 0px 6px 0px;\n \
border-radius:4px;\n \
margin-top:10px;\n \
}\n \
/* 行内代码 */\n \
.preview-theme--simplebrack p code, .preview-theme--simplebrack li code {\n \
color:#ff6441;\n \
background-color: rgba(27,31,35,.05) !important;\n \
}\n \
\n \
/* 非微信代码块\n \
* 代码块不换行 display: -webkit-box !important;\n \
* 代码块换行 display: block;\n \
*/\n \
.preview-theme--simplebrack pre.custom {\n \
box-shadow: rgba(170, 170, 170, 0.48) 0px 0px 6px 0px;\n \
max-width: 100%;\n \
border-radius:4px;\n \
margin: 10px auto 0 auto;\n \
}\n \
.preview-theme--simplebrack pre code {\n \
}\n \
\n \
/*\n \
* 表格内的单元格\n \
* 字体大小 font-size: 16px;\n \
* 边框 border: 1px solid #ccc;\n \
* 内边距 padding: 5px 10px;\n \
*/\n \
.preview-theme--simplebrack table tr th,\n \
.preview-theme--simplebrack table tr td {\n \
font-size:14px;\n \
}\n \
\n \
/* 脚注文字 */\n \
.preview-theme--simplebrack .footnote-word {\n \
}\n \
\n \
/* 脚注上标 */\n \
.preview-theme--simplebrack .footnote-ref {\n \
}\n \
\n \
/* \"参考资料\"四个字 \n \
* 内容 content: \"参考资料\";\n \
*/\n \
.preview-theme--simplebrack .footnotes-sep {\n \
font-size: 14px;\n \
color: #888;\n \
border-top: 1px solid #eee;\n \
padding: 30px 0 10px 0px;\n \
background-color: transparent;\n \
margin-bottom: 20px;\n \
width: 100%;\n \
}\n \
.preview-theme--simplebrack .footnotes-sep:before {\n \
content:'参考资料';\n \
}\n \
.preview-theme--simplebrack .footnotes{\n \
border-left:5px solid #eee;\n \
padding-left:10px;\n \
}\n \
\n \
/* 参考资料编号 */\n \
.preview-theme--simplebrack .footnote-num {\n \
font-size:14px;\n \
color:#999;\n \
}\n \
\n \
/* 参考资料文字 */\n \
.preview-theme--simplebrack .footnote-item p { \n \
font-size:14px;\n \
color:#999;\n \
}\n \
\n \
/* 参考资料解释 */\n \
.preview-theme--simplebrack .footnote-item p em {\n \
font-size:14px;\n \
color:#999;\n \
}\n \
\n \
/* 行间公式\n \
* 最大宽度 max-width: 300% !important;\n \
*/\n \
.preview-theme--simplebrack .block-equation svg {\n \
}\n \
\n \
/* 行内公式\n \
*/\n \
.preview-theme--simplebrack .inline-equation svg {\n \
}\n \
/* 文章结尾 */\n \
.preview-theme--simplebrack:after{\n \
content:'- END -';\n \
font-size:15px;\n \
display:block;\n \
text-align:center;\n \
margin-top:50px;\n \
color:#999;\n \
border-bottom:1px solid #eee;\n \
}\n \
\n \
/*滑动幻灯片*/\n \
.preview-theme--simplebrack .imageflow-layer1 img{\n \
margin:0;\n \
box-shadow: none;\n \
border-radius: 0;\n \
}\n \
.preview-theme--simplebrack pre>code {\n \
background-color: #333;\n \
color: rgba(255,255,255,0.75);\n \
}";
document.head.appendChild(style);
}
init_preview_theme_simplebrack();

305
static/themes/preview-theme-yanqihu.js Normal file
View File

@@ -0,0 +1,305 @@
function init_preview_theme_yanqihu() {
const style = document.createElement('style');
style.id = 'preview-theme-yanqihu';
style.type = 'text/css';
style.innerHTML = "/* 雁栖湖 yanqihu\n \
*/\n \
.preview-theme--yanqihu {\n \
color: #2b2b2b;\n \
background-color: #fff;\n \
counter-reset: counterh1 counterh2 counterh3;\n \
}\n \
\n \
/* 段落，下方未标注标签参数均同此处\n \
*/\n \
.preview-theme--yanqihu p {\n \
}\n \
\n \
/* 一级标题 */\n \
.preview-theme--yanqihu h1 {\n \
line-height: 28px;\n \
border-bottom: 1px solid rgb(37,132,181);\n \
}\n \
\n \
.preview-theme--yanqihu h1:before {\n \
background: rgb(37,132,181);\n \
color: white;\n \
counter-increment: counterh1;\n \
content: 'Part'counter(counterh1); \n \
padding: 2px 8px;\n \
}\n \
\n \
/* 一级标题内容 */\n \
.preview-theme--yanqihu h1 .content {\n \
color: rgb(37,132,181);\n \
margin-left: 8px;\n \
font-size: 20px;\n \
}\n \
\n \
/* 一级标题前缀 */\n \
.preview-theme--yanqihu h1 .prefix {\n \
}\n \
\n \
/* 一级标题后缀 */\n \
.preview-theme--yanqihu h1 .suffix {\n \
}\n \
\n \
/* 二级标题 */\n \
.preview-theme--yanqihu h2 {\n \
}\n \
\n \
/* 二级标题内容 */\n \
.preview-theme--yanqihu h2 .content {\n \
font-size: 18px;\n \
border-bottom: 4px solid rgb(37,132,181);\n \
padding: 2px 4px;\n \
color: rgb(37,132,181);\n \
}\n \
\n \
/* 二级标题前缀 */\n \
.preview-theme--yanqihu h2 .prefix {\n \
display: inline-block;\n \
}\n \
\n \
.preview-theme--yanqihu h2 .prefix:before {\n \
counter-increment: counterh2;\n \
content: counter(counterh2); \n \
color:rgb(159,205,208);\n \
border-bottom: 4px solid rgb(159,205,208);\n \
font-size: 18px;\n \
padding: 2px 4px;\n \
}\n \
\n \
/* 二级标题后缀 */\n \
.preview-theme--yanqihu h2 .suffix {\n \
}\n \
\n \
.preview-theme--yanqihu h1:after, .preview-theme--yanqihu h2:after {\n \
border-bottom: unset;\n \
}\n \
\n \
/* 三级标题 */\n \
.preview-theme--yanqihu h3 {\n \
}\n \
\n \
/* 三级标题内容 */\n \
.preview-theme--yanqihu h3 .content {\n \
font-size: 16px;\n \
border-bottom: 1px solid rgb(37,132,181);\n \
padding: 2px 10px;\n \
color: rgb(37,132,181);\n \
}\n \
\n \
/* 三级标题前缀 */\n \
.preview-theme--yanqihu h3 .prefix {\n \
display:inline-block;\n \
background:linear-gradient(45deg, transparent 48%, rgb(37,132,181) 48%, \n \
rgb(37,132,181) 52%, transparent 52%);\n \
width:24px;\n \
height:24px;\n \
margin-bottom: -7px;\n \
}\n \
\n \
/* 三级标题后缀 */\n \
.preview-theme--yanqihu h3 .suffix {\n \
}\n \
\n \
/* 无序列表整体样式\n \
* list-style-type: square|circle|disc;\n \
*/\n \
.preview-theme--yanqihu ul {\n \
}\n \
\n \
/* 有序列表整体样式\n \
* list-style-type: upper-roman|lower-greek|lower-alpha;\n \
*/\n \
.preview-theme--yanqihu ol {\n \
}\n \
\n \
/* 列表内容，不要设置li\n \
*/\n \
.preview-theme--yanqihu li section {\n \
}\n \
\n \
/* 一级引用\n \
* 左边缘颜色 border-left-color: black;\n \
* 背景色 background: gray;\n \
*/\n \
.preview-theme--yanqihu blockquote {\n \
color: rgba(0,0,0,0.5) !important;\n \
border: 1px dashed rgb(37,132,181) !important;\n \
background: transparent !important;\n \
}\n \
\n \
/* 一级引用文字 */\n \
.preview-theme--yanqihu blockquote p {\n \
}\n \
\n \
/* 二级引用\n \
*/\n \
.preview-theme--yanqihu .multiquote-2 {\n \
border: 1px dashed rgb(248,99,77);\n \
box-shadow: none;\n \
}\n \
\n \
.preview-theme--yanqihu .multiquote-2 blockquote {\n \
margin: 0;\n \
}\n \
\n \
/* 二级引用文字 */\n \
.preview-theme--yanqihu .multiquote-2 p {\n \
}\n \
\n \
.preview-theme--yanqihu .multiquote-2 strong {\n \
color:rgb(248,99,77);\n \
}\n \
\n \
.preview-theme--yanqihu .multiquote-2 a {\n \
color:rgb(248,99,77);\n \
border-bottom: 1px solid rgb(248,99,77);\n \
}\n \
\n \
/* 三级引用\n \
*/\n \
.preview-theme--yanqihu .multiquote-3 {\n \
}\n \
\n \
/* 三级引用文字 */\n \
.preview-theme--yanqihu .multiquote-3 p {\n \
}\n \
\n \
/* 链接 \n \
* border-bottom: 1px solid #009688;\n \
*/\n \
.preview-theme--yanqihu a {\n \
color:rgb(37,132,181);\n \
border-bottom: 1px solid rgb(37,132,181);\n \
}\n \
\n \
/* 加粗 */\n \
.preview-theme--yanqihu strong {\n \
color: rgb(37,132,181);\n \
}\n \
\n \
/* 斜体 */\n \
.preview-theme--yanqihu em {\n \
color: rgb(37,132,181);\n \
}\n \
\n \
/* 加粗斜体 */\n \
.preview-theme--yanqihu em strong {\n \
color: rgb(37,132,181);\n \
}\n \
\n \
/* 删除线 */\n \
.preview-theme--yanqihu del {\n \
}\n \
\n \
/* 分隔线\n \
* 粗细、样式和颜色\n \
* border-top: 1px solid #3e3e3e;\n \
*/\n \
.preview-theme--yanqihu hr {\n \
border-top: 1px solid rgb(37,132,181);\n \
}\n \
\n \
/* 图片\n \
* 宽度 width: 80%;\n \
* 居中 margin: 0 auto;\n \
* 居左 margin: 0 0;\n \
*/\n \
.preview-theme--yanqihu img {\n \
}\n \
\n \
/* 图片描述文字 */\n \
.preview-theme--yanqihu figcaption {\n \
}\n \
\n \
/* 行内代码 */\n \
.preview-theme--yanqihu p code,\n \
.preview-theme--yanqihu li code,\n \
.preview-theme--yanqihu table code {\n \
background-color: rgba(0,0,0,.05);\n \
}\n \
\n \
/* \n \
* 代码块不换行 display: -webkit-box !important;\n \
* 代码块换行 display: block;\n \
*/\n \
.preview-theme--yanqihu pre code {\n \
}\n \
\n \
/*\n \
* 表格内的单元格\n \
* 字体大小 font-size: 16px;\n \
* 边框 border: 1px solid #ccc;\n \
* 内边距 padding: 5px 10px;\n \
*/\n \
.preview-theme--yanqihu table tr th {\n \
border: 1px solid rgb(248,99,77);\n \
background-color: rgb(235,114, 80);\n \
color: #f8f8f8;\n \
border-bottom: 0;\n \
border: 1px solid rgb(245,203,174);\n \
}\n \
\n \
.preview-theme--yanqihu table tr td {\n \
border: 1px solid rgb(245,203,174);\n \
}\n \
/* \n \
* 某一列表格列宽控制\n \
* n 可以修改为具体数字，不修改时表示所有列\n \
* 最小列宽 min-width: 85px;\n \
*/\n \
.preview-theme--yanqihu table tr th:nth-of-type(n),\n \
.preview-theme--yanqihu table tr td:nth-of-type(n){\n \
}\n \
\n \
.preview-theme--yanqihu table tr:nth-of-type(2n) {\n \
background-color: rgb(248,222,203);\n \
}\n \
/* 脚注文字 */\n \
.preview-theme--yanqihu .footnote-word {\n \
color:rgb(37,132,181);\n \
}\n \
\n \
/* 脚注上标 */\n \
.preview-theme--yanqihu .footnote-ref {\n \
color:rgb(37,132,181);\n \
}\n \
\n \
/* \"参考资料\"四个字 \n \
* 内容 content: \"参考资料\";\n \
*/\n \
.preview-theme--yanqihu .footnotes-sep:before {\n \
}\n \
\n \
/* 参考资料编号 */\n \
.preview-theme--yanqihu .footnote-num {\n \
}\n \
\n \
/* 参考资料文字 */\n \
.preview-theme--yanqihu .footnote-item p { \n \
}\n \
\n \
/* 参考资料解释 */\n \
.preview-theme--yanqihu .footnote-item p em {\n \
}\n \
\n \
/* 行间公式\n \
* 最大宽度 max-width: 300% !important;\n \
*/\n \
.preview-theme--yanqihu .block-equation svg {\n \
}\n \
\n \
/* 行内公式\n \
*/\n \
.preview-theme--yanqihu .inline-equation svg { \n \
}\n \
.preview-theme--yanqihu pre>code {\n \
background-color: #333;\n \
color: rgba(255,255,255,0.75);\n \
}";
document.head.appendChild(style);
}
init_preview_theme_yanqihu();