Open HappySnoopy opened 1 year ago
2.0.3
使用byteMD插件写完之后,前端页面上展示很密,分段不太清晰。检查了一下对应的css样式,段前段后的间距好像都是0
段落后空一行;段落首行缩进两个字符。
我只有一点html/js/css的基础,如果说得不到位请指正。
虽然可以手动插入 <br /> 和 来处理,但还是希望能用css样式直接控制。
<br />
我用网页的开发者工具试了下,在 .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
首行缩进 我在下个版本可以加上
可以发一下你的站点我看下吗?
http://winters1224.top
你当前使用的版本
2.0.3
你的建议是否涉及到一些现有的问题?
使用byteMD插件写完之后,前端页面上展示很密,分段不太清晰。检查了一下对应的css样式,段前段后的间距好像都是0
描述你想实现的效果
段落后空一行;段落首行缩进两个字符。
描述一些方案
我只有一点html/js/css的基础,如果说得不到位请指正。
虽然可以手动插入
<br />
和
来处理,但还是希望能用css样式直接控制。我用网页的开发者工具试了下,在 .render-html p 这个样式下增加:
就可以达到要求。不过好像还会影响其它区块(例如引用块),不够全。
目前通过在halo设置的代码注入设置中,往内容页注入以下css样式,可以达到目标:
不过简单测了下,在Anatole主题下不生效。推测 render-html 这个样式是butterfly主题自定义的。
so,是否考虑下在主题的样式表里加上这部分配置?或者我拖个分支,改改renderHtml.less,自己测试差不多了,提个pull request?
附加信息
No response