81 lines
2.7 KiB
PHP
81 lines
2.7 KiB
PHP
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{ $page->title }}</title>
|
|
<style>
|
|
*, *::before, *::after { box-sizing: border-box; }
|
|
html, body { margin: 0; padding: 0; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
|
|
color: #1f2937;
|
|
background: #f8fafc;
|
|
line-height: 1.7;
|
|
font-size: 16px;
|
|
}
|
|
article {
|
|
max-width: 820px;
|
|
margin: 0 auto;
|
|
padding: 40px 28px 80px;
|
|
}
|
|
article h1 { font-size: 28px; margin: 28px 0 16px; }
|
|
article h2 { font-size: 22px; margin: 24px 0 12px; }
|
|
article h3 { font-size: 18px; margin: 20px 0 10px; }
|
|
article p { margin: 12px 0; }
|
|
article ul, article ol { padding-left: 28px; margin: 12px 0; }
|
|
article li { margin: 4px 0; }
|
|
article img { max-width: 100%; height: auto; border-radius: 8px; margin: 12px 0; }
|
|
article figure { margin: 12px 0; }
|
|
article figure img { margin: 0; }
|
|
article figcaption { display: none; }
|
|
/* 隐藏 Trix 富文本编辑器生成的图片附件说明文字 */
|
|
article figure figcaption,
|
|
article .attachment__caption,
|
|
article .attachment__name,
|
|
article .attachment__size,
|
|
article action-text-attachment figcaption { display: none; }
|
|
article a { color: #2563eb; text-decoration: underline; }
|
|
article blockquote {
|
|
border-left: 4px solid #cbd5e1;
|
|
background: #f1f5f9;
|
|
padding: 8px 16px;
|
|
margin: 12px 0;
|
|
color: #475569;
|
|
}
|
|
article code {
|
|
background: #e2e8f0;
|
|
padding: 2px 6px;
|
|
border-radius: 4px;
|
|
font-size: 0.92em;
|
|
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
|
|
}
|
|
article pre {
|
|
background: #0f172a;
|
|
color: #e2e8f0;
|
|
padding: 12px 16px;
|
|
border-radius: 8px;
|
|
overflow-x: auto;
|
|
}
|
|
article pre code { background: transparent; padding: 0; color: inherit; }
|
|
article table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
margin: 12px 0;
|
|
}
|
|
article th, article td {
|
|
border: 1px solid #e2e8f0;
|
|
padding: 8px 12px;
|
|
text-align: left;
|
|
}
|
|
article th { background: #f1f5f9; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<article>
|
|
<h1>{{ $page->title }}</h1>
|
|
{!! $page->normalized_content !!}
|
|
</article>
|
|
</body>
|
|
</html>
|