liangjingkanji / DrakeTyporaTheme

十二种主题风格 - Material Google JetBrains Vue Juejin Purple Ayu Dark
https://theme.typora.io/theme/Drake/
MIT License
2.88k stars 270 forks source link

导出成pdf后二级标题没有下划线,并且最左边的数字序号会被截断。 #85

Closed moulai closed 2 years ago

moulai commented 2 years ago

描述问题

在typora中预览正常,导出PDF后,二级标题下没有了下划线,并且最左边的两位数的数字序号会被截掉,经查看,该数字序号仍然存在(可以选中),但是上面覆盖了一层白色。 在.css文件中,将max-width: 1200px;修改为max-width: 97%;后,数字序号被截断的问题解决了,但是依然没有二级标题的下划线。

如何复现问题

在typora中输入:

image

导出成PDF后(序号不正常,二级标题不正常):

image

注意最下方的序号应该是10和11而非0和1。

导出成HTML后(序号正常,二级标题不正常):

image

系统 (建议使用最新Typora版本)

moulai commented 2 years ago

@liangjingkanji Drake主题真的非常美观实用,感谢您的工作~

liangjingkanji commented 2 years ago

这个你得给Typora官方提issue了,主题无法解决

liangjingkanji commented 2 years ago

@moulai 也欢迎你贡献新的主题风格

moulai commented 2 years ago

这个你得给Typora官方提issue了,主题无法解决

好的,谢谢您!

moulai commented 2 years ago

@liangjingkanji 我发现似乎是因为在生成html文件时,typora并没有给生成的<span>二级标题</span>加上md-plain类(由于pdf是通过html导出的,因此也有同样的问题),使得以下css样式失效:

h2 .md-plain {
    padding-bottom: .3rem;
    border-bottom: .2rem solid var(--h2-underline-color);
    line-height: 3rem;
}

typora生成的html文件:

<h2 id='二级标题'><span>二级标题</span></h2>

我把drake.css文件中所有的.md-plain替换成span后,问题解决了,但是这应该不是恰当的解决方式,请问怎样修改比较合适呢?

liangjingkanji commented 2 years ago

你的二级标题出现问题了吗?

moulai commented 2 years ago

你的二级标题出现问题了吗?

是的,在问题描述中有截图,typora中二级标题有下划线,但导出成html和pdf后没有下划线了。

我阅读了 https://theme.typora.io/doc/Write-Custom-Theme/ 的相关描述(虽然这份文档好像已经很老了),似乎typora在生成html时确实不会加上md-plain等类名,使得Drake主题在typora中预览时正确(在typora中预览时,会加上相关类名),而导出时出现错误。

image

typora中预览时审查元素:

image

导出成html后审查元素:

image
liangjingkanji commented 2 years ago

我是说你删除md-plain以后是不是二级标题不正常了,这种删除问题我觉得会导致很多样式变更吧,我感觉还是Typora官方本身输出完整样式可能更好

moulai commented 2 years ago

我是说你删除md-plain以后是不是二级标题不正常了,这种删除问题我觉得会导致很多样式变更吧,我感觉还是Typora官方本身输出完整样式可能更好

没有,我在Drake.css中,把所有.md-plain直接替换成span后,二级标题反而正常了(预览和导出都正常)。

liangjingkanji commented 2 years ago

超链接应该会出问题, 感觉还是应该让官方修改导出规则

liangjingkanji commented 2 years ago

Duplicate of typora/typora-issues#4643