模板讨论:Article

改进建议

由于一直使用着个人css所以没看到全局的css效果，这里基于我这边自己的css方案提一点建议：

 :root {
   --articlefont: Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif','Source Han Serif','Source Han Serif SC'; <-- 使用思源宋体
 }
 .article-container{
   text-align: justify; <-- 使用两边对齐
   display: block;
   margin-block-start: 0.83em; <-- 这四行是从write.as复制过来的数据，应该影响不大
   margin-block-end: 0.83em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   font-family: var(--articlefont);
   font-size: 1.2em; <-- 字调大一点为妙
   max-width:40rem;  <-- 用 max-width + margin auto可以实现一个比较美观的两边缩进
   margin-left:auto;
   margin-right:auto;
   margin-bottom: 1em;
   line-height:1.5;  <-- 行高好像作用似乎影响也不大
   white-space:pre-wrap; <-- 这个用来处理原生换行
   color:#111; <-- 颜色也是直接复制过来的，用纯黑也可以
 }

 .article-container h2,.article-container h3,.article-container h4,.article-container h5{
   font-size:1.5em;
   text-align: left;
   line-height:1.5;
   margin-top: 0;
   margin-bottom: 0;
   font-weight: bold;
 }

 .article-container h3,.article-container h4,.article-container h5{
   font-size:1.17em;
 }

 .article-container h3{
   width: 100%; <-- 个人觉得同宽就可以了
 }
 .article-container h4,.article-container h5{
   width: 100%;
 }