自己设置了很多 css 代码修改了一些颜色样式，但是导出为 PDF 或 WORD 后，就都变样了。第一张图是笔记中所见样子。
请问有方法解决吗？
笔记导出为 PDF/WORD，无法保持应用内所见样式
1 操作
zzinn
在 2025-07-02 22:16:39 更新了该帖
相关帖子
-
zzinn • • 3 评论作者
【标题字体及间距】
.protyle-title__input {
width: 100%;
color: var(--b3-theme-on-background);
box-sizing: border-box;
border: 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5;
padding: 0px 0px 0px;
white-space: break-spaces;
}【段间距调整】
.protyle-wysiwyg>.p {
margin: 0px 0px !important;
padding: 0px !important;}
【首行缩进（抵消图片、列表等）】
/* 段落文字首行缩进（不包含列表中段落） */
.p:not(.list .p) {
text-indent: 2em;
}
/* 抵消缩进对图片的影响 */
.img {
text-indent: -1em;
}
/* 抵消缩进对标签的影响 */
.protyle-wysiwyg [data-node-id] span[data-type='tag']{
text-indent: 0ch;
}
/* 抵消缩进对引述的影响 */
.protyle-wysiwyg [data-node-id].bq > div.bq {
text-indent: -3ch;
}
【大纲标题字体大小及间距】
.protyle-wysiwyg .h1 {
font-size: 1.3em;
font-weight: bold;
}.protyle-wysiwyg .h2 {
font-size: 1.15em;
}.b3-typography .h3, .b3-typography h3, .protyle-wysiwyg .h3, .protyle-wysiwyg h3 {
font-size: 1.1em;
}.protyle-wysiwyg blockquote>p, .protyle-wysiwyg [data-node-id] {
line-height: 1.625;
padding: 0px;
margin: 2px 0;
border-radius: var(--b3-border-radius);
}【调整标签颜色】
.b3-chip--secondary {
background-color: var(--QYL-av-chip-background2);
color: var(--b3-graph-listitem-point);
}.b3-chip--primary, .b3-chip--current {
background-color: var(--b3-list-icon-hover);
color: rgb(0 17 255);
}【隐藏备注表头】
/* 隐藏特定样式的文本内容块 */
div[data-content-type="text"][style*="font-weight:700"] {
display: none !important;
}【隐藏“添加图标”“添加题头图”按钮】
/* 隐藏“添加图标”按钮 */
button[data-type="icon"] {
display: none !important;
}/* 隐藏“添加题头图”按钮 */
button[data-type="random"] {
display: none !important;
}【全局宋体】
body *{
font-family: "Emojis Additional", "Emojis Reset", "宋体", "SimSun", var(--b3-font-family);
}【调整右下角工具栏顺序】
.status__counter {
display: flex
;flex-shrink: 0;
font-size: 12px;
flex-direction: row-reverse;
}【H2\H3 标题缩进 2 字符】
.protyle-wysiwyg .h2 {
text-indent: 2em;
}.b3-typography .h3, .b3-typography h3, .protyle-wysiwyg .h3, .protyle-wysiwyg h3 {
text-indent: 4em;
}【修改“引用”“链接”样式】
.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext) {
color: #FF5722;
padding-bottom: 1.5px;
border-bottom: 2px dashed #FF5722;
}
.protyle-wysiwyg [data-node-id] span[data-type~=a] {
color: var(--QYL-link);
padding-bottom: 1.5px;
border-bottom: 2px dashed var(--QYL-link);
}
【修改行级代码样式】
.fn__code, .b3-typography code:not(.hljs), .b3-typography span[data-type~=code], .protyle-wysiwyg code:not(.hljs), .protyle-wysiwyg span[data-type~=code] {
padding: 0em 0.25em;
margin: 0;
font-size: 92%;
border-radius: var(--b3-border-radius);
font-family: var(--b3-font-family-code);
word-break: break-word;
background-size: 20px 20px;
white-space: pre-wrap;
background-color: var(--b3-pdf-background5)
} - 其他回帖
-
-
pandoc 不支持转换这些样式的，按帖子里那样随便试一个背景颜色就知道了
他标题不是写的 PDF 也不行吗@queguaiya PDF 看起来没什么问题，颜色不一致估计跟主题有关，主题的多配色处理不好就会这样 - 查看全部回帖
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于