taylorchen_obsidian-press/templates/default.html
2026-04-29 07:36:23 +08:00

114 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html$if(lang)$ lang="$lang$"$endif$>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>$if(title)$$title$$endif$</title>
$for(header-includes)$
$header-includes$
$endfor$
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: ${fontSize:-11}pt;
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
padding: 20px;
color: #1a1a1a;
}
h1 { font-size: 2em; border-bottom: 2px solid #7c3aed; padding-bottom: 0.3em; }
h2 { font-size: 1.5em; border-bottom: 1px solid #e0e0e0; padding-bottom: 0.2em; }
h3 { font-size: 1.25em; }
pre {
background: #f5f5f5;
border: 1px solid #e0e0e0;
border-radius: 6px;
padding: 1em;
overflow-x: auto;
}
code {
font-family: "Fira Code", "JetBrains Mono", Consolas, monospace;
font-size: 0.85em;
background: #f5f5f5;
padding: 0.15em 0.4em;
border-radius: 3px;
}
pre code {
background: none;
padding: 0;
}
blockquote {
border-left: 4px solid #7c3aed;
margin: 1em 0;
padding: 0.5em 1em;
background: #f8f8f8;
}
table {
width: 100%;
border-collapse: collapse;
margin: 1em 0;
}
th, td {
padding: 0.5em 0.8em;
border: 1px solid #e0e0e0;
text-align: left;
}
thead { background: #f0f0f0; }
img { max-width: 100%; height: auto; }
.callout {
margin: 1.5em 0;
padding: 1em;
border-radius: 8px;
border-left: 4px solid;
}
.callout-title { font-weight: 600; margin-bottom: 0.5em; }
$for(css)$
$css$
$endfor$
</style>
</head>
<body>
$for(include-before)$
$include-before$
$endfor$
$if(title)$
<header id="title-block-header">
<h1 class="title">$title$</h1>
$if(subtitle)$
<p class="subtitle">$subtitle$</p>
$endif$
$for(author)$
<p class="author">$author$</p>
$endfor$
$if(date)$
<p class="date">$date$</p>
$endif$
</header>
$endif$
$if(toc)$
<nav id="TOC">
<h2>Table of Contents</h2>
$table-of-contents$
</nav>
$endif$
$body$
$for(include-after)$
$include-after$
$endfor$
</body>
</html>