-
请教本地 PDF 链接如何指向具体的页码
2025-08-11 19:50我以前也是在文后标记页码,但是再去看原文又得自己找一遍页码,如果笔记多的话就感觉感觉有点麻烦。
您说的第二点我感觉很有启发,我用的福昕 pdf,我试了下但好像没有能复制某个页面链接的功能 -
请教本地 PDF 链接如何指向具体的页码
2025-08-10 14:10有没有不将文件放 assets 的方法啊,我有很多论文和书要做笔记,本来电脑就存了一遍,再思源里放一遍就太占空间了,而且也不好管理。另外我习惯用电脑的福昕阅读器看 pdf,不喜欢内置预览。
-
请问如何修改样式才能在导出 PDF 时保持修改后所见的样式
2025-08-07 18:15我刚才逐个测试了一下,果然是与我的一个 css 冲突了。
我这个 css 是修改各标签背景色的,不知道为啥会冲突,可以请您帮我看看吗?谢谢!
.protyle-background .b3-chips__doctag .b3-chip {
opacity: 0.7;
color: var(--b3-theme-on-primary);
border: none;
position: relative;
overflow: hidden;
font-weight: normal;
font-size: 1em;
margin: 0 8px 0px 0;
--translate-offset: 220%;
&::before {
content: "";
background-color: rgba(255,255,255,0.8);
height: 100%;
width: 30%;
display: block;
position: absolute;
top: 0;
left: 0;
transform: skewX(-45deg) translateX(calc(-1 * var(--translate-offset)));
}
&:hover, &:focus {
box-shadow: none;
border: none;
&::before {
transition: 0.4s cubic-bezier(0.8, 0, 0.9, 1);
transform: skewX(-45deg) translateX(calc(var(--translate-offset) + 270%));
}
}
&:nth-of-type(8n+1) {
background-color: #2f3953;
}
&:nth-of-type(8n+2) {
background-color: #ed4545;
}
&:nth-of-type(8n+3) {
background-color: #ff8239;
}
&:nth-of-type(8n+4) {
background-color: #26c326;
}
&:nth-of-type(8n+5) {
background-color: #3575f0;
}
&:nth-of-type(8n+6) {
background-color: #8938c0;
}
&:nth-of-type(8n+7) {
background-color: #ff81b5;
}
&:nth-of-type(8n+8) {
background-color: #33d2c2;
} -
请问如何修改样式才能在导出 PDF 时保持修改后所见的样式
2025-08-07 17:55谢谢,字体颜色的问题已经解决了,原来重启应用才能到处正常。但是行级代码的样式还是默认的。请教一下,我的 CSS 代码有哪里不对需要修改呀?
-
请问如何修改样式才能在导出 PDF 时保持修改后所见的样式
2025-08-07 16:30配色是用的这个帖子的,然后自行修改了几种颜色: [css] 分享:修改「字体颜色」和「背景颜色」
行级代码是:
.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: #85efe6 } -
请问如何对文本还有块进行富文本备注
2025-07-11 18:41没发现好用的备注插件,都无法实现 word 侧边批注那样的插件(有一个“侧边备注”,但是它的优化有问题,总是自动隐藏,每次都要手动打开才出现,很麻烦)。我现在直接 css 改一下行级代码的样式用来与正文区别,然后把行级代码当备注用。
-
笔记导出为 PDF/WORD,无法保持应用内所见样式
2025-07-03 13:41【标题字体及间距】
.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)
} -
笔记导出为 PDF/WORD,无法保持应用内所见样式
2025-07-03 12:56我的 CSS 代码有个别是 AI 写的,有些是我用开发者模式改的,请问怎么才能让 CSS 代码的样式也能导出呢?