dhjddcn / halo-theme-butterfly

一个Halo博客主题,Butterfly 🦋
GNU General Public License v3.0
410 stars 97 forks source link

考虑增加段落后空行以及首行缩进 #70

Open HappySnoopy opened 1 year ago

HappySnoopy commented 1 year ago

你当前使用的版本

2.0.3

你的建议是否涉及到一些现有的问题?

使用byteMD插件写完之后,前端页面上展示很密,分段不太清晰。检查了一下对应的css样式,段前段后的间距好像都是0

描述你想实现的效果

段落后空一行;段落首行缩进两个字符。

描述一些方案

我只有一点html/js/css的基础,如果说得不到位请指正。

虽然可以手动插入 <br />&nbsp; 来处理,但还是希望能用css样式直接控制。

我用网页的开发者工具试了下,在 .render-html p 这个样式下增加:

margin : 0em 0em 1em 0em;
text-indent : 2em;

就可以达到要求。不过好像还会影响其它区块(例如引用块),不够全。

目前通过在halo设置的代码注入设置中,往内容页注入以下css样式,可以达到目标:

<style>
   .render-html p {
    margin: 0em 0em 1em 0em;
    text-indent: 2em;
  }

   .render-html blockquote p {
    margin: 0em 0em 0em 0em;
    text-indent: 0em;
  }
</style>

不过简单测了下,在Anatole主题下不生效。推测 render-html 这个样式是butterfly主题自定义的。

so,是否考虑下在主题的样式表里加上这部分配置?或者我拖个分支,改改renderHtml.less,自己测试差不多了,提个pull request?

附加信息

No response

dhjddcn commented 1 year ago

首行缩进 我在下个版本可以加上

dhjddcn commented 1 year ago

可以发一下你的站点我看下吗?

HappySnoopy commented 1 year ago

http://winters1224.top

可以发一下你的站点我看下吗?