教师/学生狂喜！写实数学笔记Prompt，课件配图、复习模板直接套用
<div class="ce-block ce-block--focused" data-id="LAT-xrr2j9" ><div class="ce-block__content">
<div class="cdx-block image-tool image-tool--filled ">
<div class="image-tool__image">
<div class="image-tool__image-preloader" style=""></div>
<img id="aimg_LAT-xrr2j9" class="image-tool__image-picture _zoom" src="https://bbs.gpt.com.cn/data/attachment/forum/202605/28/101107weeq722dxqzoexqv.jpg" title="" alt="" data-aid="127"/>
</div>
<div class="cdx-input image-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="QCs-IaN351" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> 数学笔记图最容易让人误判的地方，是“看起来像手写”不等于“真的像一页会讲题的笔记”。有些图蓝色字迹、红色下划线都有，但公式、推导、例题和函数图像各站各的，读者看完还是不知道先看哪里。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="QYjgCSzMu4" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"> 这份 Prompt 更适合拿来做一页完整的数学讲解笔记。它会先定住横线纸、蓝墨水、红色批注，再把公式、推导、例题和函数图像拆成板块。这样出图更像学生认真整理过的一页笔记，而不是随机堆了几条公式。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="w70U5S-MHz" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这次示例我用“几何级数求和与收敛判定”。这个主题刚好能测出它的稳定性：有核心公式，有推导过程，有例题，还有函数图像和<span> </span><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">|r| < 1</span><span> </span>这种收敛条件。</div>
</div>
</div><div class="ce-block" data-id="NuLLKfvSfa" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">一、谁会用得上</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="2zIPDwnoZo" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这份提示词更适合下面几类人：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="GA4pNr836F" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">做数学教学内容的人</li><li class="cdx-list__item">做课程封面或知识卡片的人</li><li class="cdx-list__item">想把公式讲解做成图片的人</li><li class="cdx-list__item">需要给帖子或讲义配图的人</li><li class="cdx-list__item">第一次做数学手写笔记图、不知道变量怎么填的人</li></ul>
</div>
</div><div class="ce-block" data-id="vniMv8k-rU" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">二、适合哪些场景</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="qTtOUoW9F2" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">比较顺手的场景有这些：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="oAJZctAZCE" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">做公式推导页，比如级数、极限、导数、积分</li><li class="cdx-list__item">做函数图像讲解图，比如渐近线、单调性、特殊点</li><li class="cdx-list__item">做刷题笔记或例题解析封面</li><li class="cdx-list__item">做考前复习知识卡和学习氛围图</li><li class="cdx-list__item">做课程视频封面或课件插图</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="tYh7g7tLd4" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">如果你要的是出版级数学排版，这类生图不一定够稳。它更适合做风格参考、学习氛围图和社媒配图。</div>
</div>
</div><div class="ce-block" data-id="V7TL-6ubwr" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">三、变量怎么填</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="NDL1PoUdBA" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">先记住两类变量：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="TqI5qAnpvW" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">必填项：<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[画面比例]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[知识主题]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[核心公式]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[推导步骤]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[板块标题 1]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[例题算式]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[函数名称]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[变量名称]</span></li><li class="cdx-list__item">可选项：<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[图形示意内容]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[批注类型]</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[特殊情况]</span>、收敛判定条件和图像标注细节</li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="QTcaGKgA0c" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">第一次最值得先改的是这几个位置：</div>
</div>
</div><div class="ce-block" data-id="ihSZ46MjQi" >
<div class="ce-block__content">
<div class="cdx-block">
<div class="tc-wrap">
<div class="tc-table">
<div class="tc-row">
<div class="tc-cell">占位符</div>
<div class="tc-cell">怎么填</div>
<div class="tc-cell">示例</div>
</div>
<div class="tc-row">
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[画面比例]</span></div>
<div class="tc-cell">按发布平台选</div>
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">横版 16:9</span></div>
</div>
<div class="tc-row">
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[知识主题]</span></div>
<div class="tc-cell">写具体知识点</div>
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">几何级数求和与收敛判定</span></div>
</div>
<div class="tc-row">
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[核心公式]</span></div>
<div class="tc-cell">写本页最重要的公式</div>
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">S_n = (1-r^n)/(1-r)</span></div>
</div>
<div class="tc-row">
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[推导步骤]</span></div>
<div class="tc-cell">控制在 3 到 5 步</div>
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">两边同乘 r，相减消项，整理分母</span></div>
</div>
<div class="tc-row">
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[函数名称]</span></div>
<div class="tc-cell">写要画的函数</div>
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">S(r)=1/(1-r)</span></div>
</div>
<div class="tc-row">
<div class="tc-cell"><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">[特殊情况]</span></div>
<div class="tc-cell">写清边界条件</div>
<div class="tc-cell">`r=1 时公式不适用，</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="ce-block" data-id="IgSvVHYwWn" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">四、怎么用</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="IQ8qWAQqKR" >
<div class="ce-block__content">
<ol class="cdx-list-ordered" style="list-style-type:none; margin-left: -15px;"><li class="cdx-list__item">1. 打开图片生成工具，新建一张图。</li><li class="cdx-list__item">2. 把最后一节完整 Prompt 复制进去。</li><li class="cdx-list__item">3. 第一次先保留示例主题“几何级数求和与收敛判定”，只改画面比例和板块标题。</li><li class="cdx-list__item">4. 第一轮生成后，先看整体是否像横线作业本笔记，再检查数学符号、坐标轴和红色批注。</li><li class="cdx-list__item">5. 如果公式有误，直接追加正确公式：“请保持公式为 S_n = (1-r^n)/(1-r)，不要改写符号。”</li><li class="cdx-list__item">6. 如果画面太乱，追加：“请减少旁注数量，只保留公式、推导、图像、例题四个板块。”</li></ol>
</div>
</div><div class="ce-block" data-id="beamvEUjab" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">五、简单示例</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="OJIYkrYf2W" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这次示例可以这样填：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="lEdI7vQ2Te" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">画面比例：<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">横版 16:9</span></li><li class="cdx-list__item">知识主题：<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">几何级数求和与收敛判定</span></li><li class="cdx-list__item">核心公式：<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">S_n = (1-r^n)/(1-r)</span></li><li class="cdx-list__item">板块标题：<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">公式</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">推导</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">图像</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">例题</span></li><li class="cdx-list__item">函数图像：<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">S(r)=1/(1-r)</span><span> </span>随<span> </span><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">r</span><span> </span>变化</li><li class="cdx-list__item">特殊情况：<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">r=1 不适用，|r|<1 收敛</span></li></ul>
</div>
</div><div class="ce-block ce-block--focused" data-id="9nNCPpIOpU" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">可能输出方向：</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="BDS4IsIl2S" >
<div class="ce-block__content">
<ul class="cdx-list-unordered"><li class="cdx-list__item">一张横线作业本纸张，上面有蓝色手写数学笔记</li><li class="cdx-list__item">主公式被红线圈出，旁边有红色箭头写“收敛条件”</li><li class="cdx-list__item">页面分成公式、推导、图像、例题几个板块</li><li class="cdx-list__item">右侧有坐标轴、关键点和<span> </span><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">r=1</span><span> </span>渐近线</li></ul>
</div>
</div><div class="ce-block" data-id="Sx6agCg_OJ" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">六、注意事项</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="KUQhQZbSiB" >
<div class="ce-block__content">
<ol class="cdx-list-ordered" style="list-style-type:none; margin-left: -15px;"><li class="cdx-list__item">1. 数学符号必须人工复核。生图工具可能会把<span> </span><span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">r</span>、<span class="_inlineMarkdown_1dyy3_149 inline-markdown text-size-chat-sm font-mono blend bg-token-text-code-block-background rounded-sm px-1.5 py-0.5 leading-none extension:bg-token-foreground/10 electron:bg-token-list-hover-background/60" style="box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; border-radius: 7.5px; background-color: oklab(0.22559 -0.00131416 -0.00642684 / 0.0329412); padding-inline: 6px; padding-block: 2px; font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tw-leading: 1; line-height: 1; font-size: 13px; mix-blend-mode: normal;">n</span>、分式或不等号写错。</li><li class="cdx-list__item">2. 不要一次塞太多公式。第一轮保留 1 个核心公式、1 张图像和 1 道例题就够。</li><li class="cdx-list__item">3. 中文标签尽量短。比如“公式”“推导”“图像”“例题”，比整句说明更稳。</li><li class="cdx-list__item">4. 如果要正式教学使用，建议出图后手动重写关键公式。</li><li class="cdx-list__item">5. 如果画面太像海报，可以追加“更像真实作业本课堂笔记，不要做成印刷海报”。</li></ol>
</div>
</div><div class="ce-block ce-block--focused" data-id="f3u7gDVJpU" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>以下是提示词内容：</b></div>
</div>
</div><div class="ce-block ce-block--focused" data-id="oJjx0jJINa" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">手写数学笔记风格，画面比例【画面比例】，讲解主题【知识主题】</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="QJToHAcatU" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">数学内容板块</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Vbw_28EDhw" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">主线公式【核心公式】采用蓝色墨水书写，重点部分用红色标注突出，内含【推导步骤】与【图形示意内容】，书写在横线作业本纸张上。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="iTEMrpWFS2" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">排版与结构</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="S6X8umjevo" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">整体划分多个知识板块，设置【板块标题 1】【板块标题 2】【板块标题 3】等标题分区，搭配【批注类型】注解内容以及【例题算式】实战例题。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="8BK9VrtqOz" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">视觉细节</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="USBvdCGyGx" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">整体为蓝色手写字迹，重点内容搭配红色下划线、指引箭头，字迹工整利落；还原纸张自带细微纹理阴影、自然自然光效，带有真实纸张褶皱折痕效果，8K 超高分辨率，顶级精致画质。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="AcHgFNR3gS" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left"><b>回复本贴，即可查看完整提示词内容
</b></div>
</div>
</div><div class="locked">游客，回复即可解锁完整可复用资源 → <a href="forum.php?mod=post&action=reply&fid=24&tid=310" onclick="showWindow('reply', this.href)">回复</a></div><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.image-tool {
--bg-color: #cdd1e0;
--front-color: #388ae5;
--border-color: #e8e8eb;
}
.image-tool__image {
border-radius: 3px;
overflow: hidden;
margin-bottom: 10px;
}
.image-tool__image-picture {
max-width: 100%;
vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
}
.image-tool__image-preloader {
width: 50px;
height: 50px;
border-radius: 50%;
background-size: cover;
margin: auto;
position: relative;
background-color: #cdd1e0;
background-position: center center;
}
.image-tool__image-preloader::after {
content: "";
position: absolute;
z-index: 3;
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #cdd1e0;
border-top-color: #388ae5;
left: 50%;
top: 50%;
margin-top: -30px;
margin-left: -30px;
animation: image-preloader-spin 2s infinite linear;
box-sizing: border-box;
}
.image-tool__caption::before {
position: absolute !important;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
}
.image-tool__caption:empty::before {
display: block;
}
.image-tool__caption:empty:focus::before {
display: none;
}
.image-tool--empty .image-tool__image {
display: none;
}
.image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {
display: none;
}
.image-tool .cdx-button {
display: flex;
align-items: center;
justify-content: center;
}
.image-tool .cdx-button svg {
height: auto;
margin: 0 6px 0 0;
}
.image-tool--filled .cdx-button {
display: none;
}
.image-tool--filled .image-tool__image-preloader {
display: none;
}
.image-tool--loading .image-tool__image {
min-height: 200px;
display: flex;
border: 1px solid #e8e8eb;
background-color: #fff;
}
.image-tool--loading .image-tool__image-picture {
display: none;
}
.image-tool--loading .cdx-button {
display: none;
}
/**
* Tunes
* ----------------
*/
.image-tool--withBorder .image-tool__image {
border: 1px solid #e8e8eb;
}
.image-tool--withBackground .image-tool__image {
padding: 15px;
background: #cdd1e0;
}
.image-tool--withBackground .image-tool__image-picture {
max-width: 60%;
margin: 0 auto;
}
.image-tool--stretched .image-tool__image-picture {
width: 100%;
}
.image-tool__caption {
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}
.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}
.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}
.ce-header:empty::before {
display: block;
}
.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.cdx-list {
margin:0;
outline:none;
display:block;
counter-reset:item;
padding:6px;
}
.cdx-list__item {
line-height:1.45em;
display:block;
padding-top:8px;
margin-left: 2em;
}
.cdx-list__item-children {
display:block;
}
.cdx-list__item {
outline:none
}
.cdx-list__item-content {
word-break:break-word;
white-space:pre-wrap;
grid-area:content;
padding-left:8px
}
.cdx-list__item:before {
counter-increment:item;
white-space:nowrap
}
.cdx-list-li-container {
display: flex;
}
.cdx-list-ordered .cdx-list__item:before {
/* content:counters(item,".",numeric) "." */
}
.cdx-list-ordered {
list-style-type: none;
margin-left: -15px;
counter-reset:item;
font-size: 16px;
}
.cdx-list-unordered {
font-size: 16px;
}
.cdx-list-unordered .cdx-list__item:before {
content:"•"
}
.cdx-list-checklist .cdx-list__item:before {
content:""
}
.cdx-list__settings .cdx-settings-button {
width:50%
}
.cdx-list__checkbox {
padding-top:calc((1.45em - 1.2em) / 2);
grid-area:checkbox;
width:1.2em;
height:1.2em;
display:flex;
cursor:pointer;
font-size: 16px;
}
.cdx-list__checkbox svg {
opacity:0;
height:1.2em;
width:1.2em;
left:-1px;
top:-1px;
position:absolute
}
@media (hover:hover) {
.cdx-list__checkbox:not(.cdx-list__checkbox--no-hover):hover .cdx-list__checkbox-check svg {
opacity:1
}
}.cdx-list__checkbox--checked-1 {
line-height:1.45em
}
@media (hover:hover) {
.cdx-list__checkbox--checked-1:not(.cdx-list__checkbox--checked-1--no-hover):hover .cdx-checklist__checkbox-check {
background:#0059AB;
border-color:#0059AB
}
}.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check {
background:#369FFF;
border-color:#369FFF
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check svg {
opacity:1
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check svg path {
stroke:#fff
}
.cdx-list__checkbox--checked-1 .cdx-list__checkbox-check:before {
opacity:0;
visibility:visible;
transform:scale(2.5)
}
.cdx-list__checkbox-check {
cursor:pointer;
display:inline-block;
position:relative;
margin:0 auto;
width:1.2em;
height:1.2em;
box-sizing:border-box;
border-radius:5px;
border:1px solid #C9C9C9;
background:#fff
}
.cdx-list__checkbox-check:before {
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-radius:100%;
background-color:#369FFF;
visibility:hidden;
pointer-events:none;
transform:scale(1);
transition:transform .4s ease-out,opacity .4s
}
.cdx-list__checkbox-check--disabled {
pointer-events:none
}
.cdx-list-start-with-field {
background:#F8F8F8;
border:1px solid rgba(226,226,229,.2);
border-radius:6px;
padding:2px;
display:grid;
grid-template-columns:auto auto 1fr;
grid-template-rows:auto
}
.cdx-list-start-with-field--invalid {
background:#FFECED;
border:1px solid #E13F3F
}
.cdx-list-start-with-field--invalid .cdx-list-start-with-field__input {
color:#e13f3f
}
.cdx-list-start-with-field__input {
font-size:16px;
outline:none;
font-weight:500;
font-family:inherit;
border:0;
background:transparent;
margin:0;
padding:0;
line-height:22px;
min-width:calc(100% - 10px)
}
.cdx-list-start-with-field__input::placeholder {
color:#797979;
font-weight:500
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.tc-wrap {
--color-background:#f9f9fb;
--color-text-secondary:#7b7e89;
--color-border:#e8e8eb;
--cell-size:0px;
--toolbox-icon-size:18px;
--toolbox-padding:6px;
--toolbox-aiming-field-size:calc(var(--toolbox-icon-size) + var(--toolbox-padding)*2);
border:1px solid var(--color-border);
position:relative;
height:100%;
width:100%;
margin-top:var(--toolbox-icon-size);
box-sizing:border-box;
display:grid;
grid-template-columns:calc(100% - var(--cell-size)) var(--cell-size);
}
.tc-wrap--readonly {
grid-template-columns:100% var(--cell-size)
}
.tc-wrap svg {
vertical-align:top
}
@media print {
.tc-wrap {
border-left-color:var(--color-border);
border-left-style:solid;
border-left-width:1px;
grid-template-columns:100% var(--cell-size)
}
}@media print {
.tc-wrap .tc-row:after {
display:none
}
}.tc-table {
position:relative;
width:100%;
height:100%;
display:grid;
font-size:14px;
line-height:1.4;
}
.tc-table:after {
width:calc(var(--cell-size));
height:100%;
left:calc(var(--cell-size)*-1);
top:0
}
.tc-table:after,.tc-table:before {
position:absolute;
content:""
}
.tc-table:before {
width:100%;
height:var(--toolbox-aiming-field-size);
top:calc(var(--toolbox-aiming-field-size)*-1);
left:0
}
.tc-table--heading .tc-row:first-child {
font-weight:600;
border-bottom:2px solid var(--color-border);
}
.tc-table--heading .tc-row:first-child :empty:before {
content:attr(heading);
color:var(--color-text-secondary)
}
.tc-table--heading .tc-row:first-child:after {
bottom:-2px;
border-bottom:2px solid var(--color-border)
}
.tc-add-column,.tc-add-row {
display:flex;
color:var(--color-text-secondary)
}
@media print {
.tc-add {
display:none
}
}.tc-add-column {
padding:4px 0;
justify-content:center;
border-top:1px solid var(--color-border);
}
@media print {
.tc-add-column {
display:none
}
}.tc-add-row {
height:var(--cell-size);
align-items:center;
padding-left:4px;
position:relative;
}
.tc-add-row:before {
content:"";
position:absolute;
right:calc(var(--cell-size)*-1);
width:var(--cell-size);
height:100%
}
@media print {
.tc-add-row {
display:none
}
}.tc-add-column,.tc-add-row {
transition:0s;
cursor:pointer;
will-change:background-color;
}
.tc-add-column:hover,.tc-add-row:hover {
transition:background-color .1s ease;
background-color:var(--color-background)
}
.tc-add-row {
margin-top:1px;
}
.tc-add-row:hover:before {
transition:.1s;
background-color:var(--color-background)
}
.tc-row {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(10px,1fr));
position:relative;
border-bottom:1px solid var(--color-border);
}
.tc-row:after {
content:"";
pointer-events:none;
position:absolute;
width:var(--cell-size);
height:100%;
bottom:-1px;
right:calc(var(--cell-size)*-1);
border-bottom:1px solid var(--color-border)
}
.tc-row--selected {
background:var(--color-background)
}
.tc-row--selected:after {
background:var(--color-background)
}
.tc-cell {
border-right:1px solid var(--color-border);
padding:6px 12px;
overflow:hidden;
outline:none;
line-break:normal;
}
.tc-cell--selected {
background:var(--color-background)
}
.tc-wrap--readonly .tc-row:after {
display:none
}
.tc-toolbox {
--toolbox-padding:6px;
--popover-margin:30px;
--toggler-click-zone-size:30px;
--toggler-dots-color:#7b7e89;
--toggler-dots-color-hovered:#1d202b;
position:absolute;
cursor:pointer;
z-index:1;
opacity:0;
transition:opacity .1s;
will-change:left,opacity;
}
.tc-toolbox--column {
top:calc(var(--toggler-click-zone-size)*-1);
transform:translateX(calc(var(--toggler-click-zone-size)*-1/2));
will-change:left,opacity
}
.tc-toolbox--row {
left:calc(var(--popover-margin)*-1);
transform:translateY(calc(var(--toggler-click-zone-size)*-1/2));
margin-top:-1px;
will-change:top,opacity
}
.tc-toolbox--showed {
opacity:1
}
.tc-toolbox .tc-popover {
position:absolute;
top:0;
left:var(--popover-margin)
}
.tc-toolbox__toggler {
display:flex;
align-items:center;
justify-content:center;
width:var(--toggler-click-zone-size);
height:var(--toggler-click-zone-size);
color:var(--toggler-dots-color);
opacity:0;
transition:opacity .15s ease;
will-change:opacity;
}
.tc-toolbox__toggler:hover {
color:var(--toggler-dots-color-hovered)
}
.tc-toolbox__toggler svg {
fill:currentColor
}
.tc-wrap:hover .tc-toolbox__toggler {
opacity:1
}
.tc-settings .cdx-settings-button {
width:50%;
margin:0
}
.tc-popover {
--color-border:#eaeaea;
--color-background:#fff;
--color-background-hover:rgba(232,232,235,0.49);
--color-background-confirm:#e24a4a;
--color-background-confirm-hover:#d54040;
--color-text-confirm:#fff;
background:var(--color-background);
border:1px solid var(--color-border);
box-shadow:0 3px 15px -3px rgba(13,20,33,.13);
border-radius:6px;
padding:6px;
display:none;
will-change:opacity,transform;
}
.tc-popover--opened {
display:block;
animation:menuShowing .1s cubic-bezier(.215,.61,.355,1) forwards
}
.tc-popover__item {
display:flex;
align-items:center;
padding:2px 14px 2px 2px;
border-radius:5px;
cursor:pointer;
white-space:nowrap;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
}
.tc-popover__item:hover {
background:var(--color-background-hover)
}
.tc-popover__item:not(:last-of-type) {
margin-bottom:2px
}
.tc-popover__item-icon {
display:inline-flex;
width:26px;
height:26px;
align-items:center;
justify-content:center;
background:var(--color-background);
border-radius:5px;
border:1px solid var(--color-border);
margin-right:8px
}
.tc-popover__item-label {
line-height:22px;
font-size:14px;
font-weight:500
}
.tc-popover__item--confirm {
background:var(--color-background-confirm);
color:var(--color-text-confirm);
}
.tc-popover__item--confirm:hover {
background-color:var(--color-background-confirm-hover)
}
.tc-popover__item--confirm .tc-popover__item-icon {
background:var(--color-background-confirm);
border-color:rgba(0,0,0,.1);
}
.tc-popover__item--confirm .tc-popover__item-icon svg {
transition:transform .2s ease-in;
transform:rotate(90deg) scale(1.2)
}
.tc-popover__item--hidden {
display:none
}
@keyframes menuShowing {
0% {
opacity:0;
transform:translateY(-8px) scale(.9)
}
70% {
opacity:1;
transform:translateY(2px)
}
to {
transform:translateY(0)
}
}
.tc-table {
max-width: 100%;
}
.tc-row {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.tc-cell {
min-width: 0;
overflow: visible;
white-space: pre-line;
word-break: break-word;
overflow-wrap: anywhere;
line-break: auto;
}
.tc-cell span,
.tc-cell .td-span {
display: inline !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
white-space: normal !important;
word-break: break-word;
overflow-wrap: anywhere;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
position: relative;
}
/* 主容器 */
.editorjs-codeFlask_Wrapper {
border: 1px solid #dcdfe6;
border-radius: 5px;
background-color: #f6f8fa;
margin-bottom: 10px;
position: relative;
transition: all 0.3s ease;
width: 100%;
min-height: 100px;
overflow: hidden;
}
/* 标题栏 */
.editorjs-codeFlask_Header {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 8px 12px;
background-color: #e9ecef;
border-bottom: 1px solid #dcdfe6;
position: relative;
z-index: 0; /* 从10降低到2 */
}
/* 语言显示 */
.editorjs-codeFlask_LangDisplay {
padding: 2px 8px;
background-color: #409eff;
color: white;
border-radius: 3px;
font-size: 12px;
font-weight: 500;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
}
/* 内容容器 - 禁止纵向滚动 */
.editorjs-codeFlask_ContentContainer {
position: relative;
min-height: 100px;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
transition: height 0.3s ease;
}
/* 编辑器容器 - 禁止纵向滚动 */
.editorjs-codeFlask_Editor {
position: relative;
min-height: 100px;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
transition: height 0.3s ease;
}
/* 底部按钮容器 - 优化为更简洁的样式 */
.editorjs-codeFlask_BottomButtonContainer {
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
background-color: #f8f9fa;
border-top: 1px solid #e9ecef;
position: relative;
z-index: 0;
}
/* 底部横向折叠/展开按钮 - 优化样式，使其更融入设计 */
.editorjs-codeFlask_BottomToggle {
width: 100%;
background-color: transparent;
color: #606266;
border: none;
border-radius: 4px;
padding: 6px 12px;
font-size: 12px;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
text-align: center;
position: relative;
}
.editorjs-codeFlask_BottomToggle:hover {
background-color: #e9ecef;
color: #409eff;
}
.editorjs-codeFlask_BottomToggle:active {
background-color: #dee2e6;
}
.editorjs-codeFlask_BottomToggle .toggle-icon {
font-size: 11px;
transition: transform 0.3s ease;
}
/* 展开按钮（显示"展开"文本）上边缘添加渐变虚化效果 */
.editorjs-codeFlask_BottomToggle:has(span.toggle-icon:contains("▲"))::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(to bottom, rgba(248, 249, 250, 0) 0%, rgba(248, 249, 250, 1) 100%);
pointer-events: none;
}
/* 展开按钮（显示"展开"文本）上边缘添加渐变虚化效果 */
/* 删除不被广泛支持的:contains()选择器 */
.editorjs-codeFlask_BottomToggle.expand-mode::before {
content: '';
position: absolute;
top: -60px;
left: 0;
right: 0;
height: 60px;
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgba(248, 249, 250, 1) 100%);
pointer-events: none;
}
/* CodeFlask 主容器样式 */
.editorjs-codeFlask_Editor .codeflask {
position: relative;
background: #fafafa;
border-radius: 0 0 4px 4px;
min-height: 100px;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
}
/* 行号容器 */
.editorjs-codeFlask_Editor .codeflask.codeflask--has-line-numbers:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
background-color: #f5f5f5;
border-right: 1px solid #e0e0e0;
z-index: 0;
}
/* 行号 */
.editorjs-codeFlask_Editor .codeflask__lines {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 40px;
padding: 10px 0;
background-color: #f5f5f5;
border-right: 1px solid #e0e0e0;
z-index: 0;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 21px;
color: #666;
text-align: right;
user-select: none;
overflow: hidden;
}
.editorjs-codeFlask_Editor .codeflask__lines__line {
padding-right: 8px;
}
/* 文本区域 - 输入框 */
.editorjs-codeFlask_Editor .codeflask__textarea {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 10px;
border: none;
background: transparent;
color: transparent;
caret-color: #333;
resize: none;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 21px;
z-index: 1;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
white-space: pre-wrap; /* 自动换行 */
tab-size: 4;
outline: none;
}
/* 添加选中文本样式 */
.editorjs-codeFlask_Editor .codeflask__textarea::selection {
background-color: #b3d4fc;
color: #333;
}
.editorjs-codeFlask_Editor .codeflask__textarea::-moz-selection {
background-color: #b3d4fc;
color: #333;
}
/* 代码预览区域 */
.editorjs-codeFlask_Editor .codeflask__pre {
position: absolute;
top: 0;
left: 0;
width: 100%; /* 确保宽度不超出容器 */
height: 100%;
padding: 10px;
margin: 0;
border: none;
background: transparent;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 21px;
z-index: 0;
overflow-x: hidden; /* 禁止横向滚动 */
overflow-y: hidden;
white-space: pre-wrap; /* 自动换行 */
pointer-events: none;
}
/* 代码高亮区域 */
.editorjs-codeFlask_Editor .codeflask__code {
display: block;
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 21px;
color: #333;
white-space: pre-wrap; /* 自动换行 */
tab-size: 4;
overflow: visible;
}
/* 语法高亮样式 - 确保Prism.js样式正确应用 */
.editorjs-codeFlask_Editor .codeflask__code {
background: transparent !important;
}
/* 通用语法高亮token样式 */
.editorjs-codeFlask_Editor .token.comment,
.editorjs-codeFlask_Editor .token.prolog,
.editorjs-codeFlask_Editor .token.doctype,
.editorjs-codeFlask_Editor .token.cdata {
color: #708090;
}
.editorjs-codeFlask_Editor .token.punctuation {
color: #999;
}
.editorjs-codeFlask_Editor .token.namespace {
opacity: 0.7;
}
.editorjs-codeFlask_Editor .token.property,
.editorjs-codeFlask_Editor .token.tag,
.editorjs-codeFlask_Editor .token.boolean,
.editorjs-codeFlask_Editor .token.number,
.editorjs-codeFlask_Editor .token.constant,
.editorjs-codeFlask_Editor .token.symbol,
.editorjs-codeFlask_Editor .token.deleted {
color: #905;
}
.editorjs-codeFlask_Editor .token.selector,
.editorjs-codeFlask_Editor .token.attr-name,
.editorjs-codeFlask_Editor .token.string,
.editorjs-codeFlask_Editor .token.char,
.editorjs-codeFlask_Editor .token.builtin,
.editorjs-codeFlask_Editor .token.inserted {
color: #690;
}
.editorjs-codeFlask_Editor .token.operator,
.editorjs-codeFlask_Editor .token.entity,
.editorjs-codeFlask_Editor .token.url,
.editorjs-codeFlask_Editor .language-css .token.string,
.editorjs-codeFlask_Editor .style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, 0.5);
}
.editorjs-codeFlask_Editor .token.atrule,
.editorjs-codeFlask_Editor .token.attr-value,
.editorjs-codeFlask_Editor .token.keyword {
color: #07a;
}
.editorjs-codeFlask_Editor .token.function,
.editorjs-codeFlask_Editor .token.class-name {
color: #dd4a68;
}
.editorjs-codeFlask_Editor .token.regex,
.editorjs-codeFlask_Editor .token.important,
.editorjs-codeFlask_Editor .token.variable {
color: #e90;
}
/* 复制按钮样式 */
.editorjs-codeFlask_CopyButton {
background-color: #409eff;
color: white;
border: none;
border-radius: 3px;
padding: 6px 12px;
margin-right: 8px;
font-size: 12px;
cursor: pointer;
transition: background-color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 28px;
}
.editorjs-codeFlask_CopyButton:hover {
background-color: #66b1ff;
}
.editorjs-codeFlask_CopyButton.copied {
background-color: #67c23a;
}
/* 折叠/展开按钮样式 */
.editorjs-codeFlask_Toggle {
background-color: #909399;
color: white;
border: none;
border-radius: 3px;
padding: 0 8px;
font-size: 12px;
cursor: pointer;
transition: background-color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 28px;
font-weight: bold;
}
.editorjs-codeFlask_Toggle:hover {
background-color: #a6a9ad;
}
/* 响应式调整 */
@media (max-width: 768px) {
.editorjs-codeFlask_Header {
padding: 6px 8px;
}
.editorjs-codeFlask_Editor .codeflask__textarea,
.editorjs-codeFlask_Editor .codeflask__pre,
.editorjs-codeFlask_Editor .codeflask__code {
font-size: 13px;
line-height: 19px;
padding: 8px;
}
.editorjs-codeFlask_Editor .codeflask.codeflask--has-line-numbers:before {
width: 35px;
}
.editorjs-codeFlask_Editor .codeflask__lines {
width: 35px;
font-size: 12px;
}
}
/* 滚动条样式 - 完全隐藏纵向滚动条 */
.editorjs-codeFlask_Wrapper ::-webkit-scrollbar {
width: 0;/* 纵向滚动条宽度为0 */
height: 6px;/* 横向滚动条保持6px宽度 */
}
.editorjs-codeFlask_Wrapper ::-webkit-scrollbar-track {
background: transparent;
border-radius: 0;
}
.editorjs-codeFlask_Wrapper ::-webkit-scrollbar-thumb {
background: transparent;
border-radius: 0;
}
/* Firefox 滚动条隐藏 */
.editorjs-codeFlask_Wrapper {
scrollbar-width: none;/* Firefox 隐藏纵向滚动条 */
}
.editorjs-codeFlask_Wrapper ::-moz-scrollbar {
width: 0;
height: 6px;
}
/* 焦点状态 */
.editorjs-codeFlask_Wrapper:focus-within {
border-color: #409eff;
box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
}
/* 只读模式样式 */
.editorjs-codeFlask_Wrapper.readonly .editorjs-codeFlask_Header {
background-color: #f5f7fa;
}
.editorjs-codeFlask_Wrapper.readonly .editorjs-codeFlask_Editor .codeflask__textarea {
cursor: default;
}
/* 确保所有元素正确显示 */
.editorjs-codeFlask_Wrapper * {
box-sizing: border-box;
}
/* 修复行号对齐 */
.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__textarea,
.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__pre {
padding-left: 50px;
}
.editorjs-codeFlask_Editor .codeflask--has-line-numbers .codeflask__lines {
padding-top: 10px;
}
/* 语言显示元素 - 添加点击样式 */
.editorjs-codeFlask_LangDisplay {
padding: 2px 8px;
background-color: #409eff;
color: white;
border-radius: 3px;
font-size: 12px;
font-weight: 500;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: all 0.2s ease;
}
.editorjs-codeFlask_LangDisplay:hover {
background-color: #66b1ff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* 语言选择弹窗 */
.editorjs-codeFlask_LanguagePopup {
background-color: white;
border: 1px solid #dcdfe6;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
width: 250px;
max-height: 300px;
z-index: 1000;
overflow: hidden;
}
/* 搜索框 */
.editorjs-codeFlask_LanguageSearch {
width: 100%;
padding: 8px 12px;
border: none;
border-bottom: 1px solid #ebeef5;
font-size: 12px;
outline: none;
box-sizing: border-box;
}
/* 语言列表 */
.editorjs-codeFlask_LanguagesList {
max-height: 250px;
overflow-y: auto;
}
/* 语言选项 */
.editorjs-codeFlask_LanguageItem {
padding: 8px 12px;
font-size: 12px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.editorjs-codeFlask_LanguageItem:hover {
background-color: #f5f7fa;
}
.editorjs-codeFlask_LanguageItem.selected {
background-color: #ecf5ff;
color: #409eff;
font-weight: 500;
}
/* 滚动条样式 */
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar {
width: 6px;
}
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-track {
background-color: #f5f7fa;
}
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-thumb {
background-color: #c0c4cc;
border-radius: 3px;
}
.editorjs-codeFlask_LanguagesList::-webkit-scrollbar-thumb:hover {
background-color: #909399;
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页:
[1]