优化文章样式;

This commit is contained in:
2022-04-26 16:59:14 +08:00
parent 7936c19b42
commit 6796284a12
4 changed files with 247 additions and 238 deletions

View File

@@ -223,7 +223,7 @@ a.post-item:visited {
color: #bbb; color: #bbb;
} }
/*
.ul-content p { .ul-content p {
margin: 15px 0; margin: 15px 0;
} }
@@ -235,7 +235,6 @@ a.post-item:visited {
.ul-content blockquote { .ul-content blockquote {
white-space: pre-wrap; white-space: pre-wrap;
line-height: 1.5; line-height: 1.5;
/* 显示空格 */
} }
@@ -243,7 +242,6 @@ a.post-item:visited {
margin: 20px 0 margin: 20px 0
} }
/* 表格 */
.ul-content table { .ul-content table {
border-collapse: collapse; border-collapse: collapse;
} }
@@ -262,8 +260,6 @@ a.post-item:visited {
} }
/* 引用 */
.ul-content blockquote { .ul-content blockquote {
display : block; display : block;
border-left : 8px solid #d0e5f2; border-left : 8px solid #d0e5f2;
@@ -272,7 +268,7 @@ a.post-item:visited {
background-color: #f1f1f1; background-color: #f1f1f1;
} }
/* 列表 */
.ul-content ul, .ul-content ul,
.ul-content ol { .ul-content ol {
margin: 10px 0 10px 20px; margin: 10px 0 10px 20px;
@@ -282,7 +278,6 @@ a.post-item:visited {
list-style: inherit; list-style: inherit;
} }
/* 分割线 */
.ul-content hr { .ul-content hr {
display : block; display : block;
width : 90%; width : 90%;
@@ -290,12 +285,14 @@ a.post-item:visited {
border : 0; border : 0;
height : 1px; height : 1px;
background-color: #ccc; background-color: #ccc;
} } */
.ul-content img { .ul-content img {
max-width: 100%; max-width: 100%;
} }
.copyright{
margin-top: 15px;
}
.index-poster { .index-poster {
height: 100%; height: 100%;
filter: blur(2px); filter: blur(2px);

File diff suppressed because one or more lines are too long

5
public/static/lib/heti/heti.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -8,11 +8,13 @@
<meta name="keywords" content="{:get_system_config('site_keywords')}"> <meta name="keywords" content="{:get_system_config('site_keywords')}">
<meta name="description" content="{$post.desc|default=$post.title}" /> <meta name="description" content="{$post.desc|default=$post.title}" />
{include file='common/_require'/} {include file='common/_require'/}
<link rel="stylesheet" href="/static/lib/heti/heti.min.css">
<link rel="stylesheet" href="/static/lib/prismjs/prism.css"> <link rel="stylesheet" href="/static/lib/prismjs/prism.css">
<script src="/static/lib/prismjs/prism.js"></script> <script src="/static/lib/prismjs/prism.js"></script>
<script src="/static/lib/clipboard/clipboard.js"></script> <script src="/static/lib/clipboard/clipboard.js"></script>
<style> <script src="/static/lib/heti/heti-addon.min.js"></script>
<style>
.share { .share {
cursor: pointer; cursor: pointer;
} }
@@ -122,9 +124,9 @@
{/if} {/if}
{/if} {/if}
<div class=""> <div class="">
<div class="ul-content "> <article class="ul-content entry heti heti--classic">
{$post->content_html|raw} {$post->content_html|raw}
</div> </article>
</div> </div>
<div class="copyright"> <div class="copyright">
{:get_system_config('post_copyright')} {:get_system_config('post_copyright')}
@@ -190,6 +192,10 @@
<div class="share-tips-options" style="display: none;"> <div class="share-tips-options" style="display: none;">
<div class="text" data-clipboard-text="{$post.share_text}">分享文案</div> <div class="text" data-clipboard-text="{$post.share_text}">分享文案</div>
</div> </div>
<script>
const heti = new Heti('.heti');
heti.autoSpacing(); // 自动进行中西文混排美化和标点挤压
</script>
<script> <script>
layui.use(['form'], function () { layui.use(['form'], function () {