NorthCJ
关注
114915 号成员,2023-09-30 09:14:12 加入
200
个人主页 浏览
67h19m
在线时长
  • VSCode Lite Edit 主题 Callout 迁移方法

    2025-12-21 11:12

    嗯嗯 ,好的 🎉

  • VSCode Lite Edit 主题 Callout 迁移方法

    2025-12-21 10:25

    大佬 ,可以把这个放进主题里面吗 ,或者做成插件什么的 ❤️

    代码片段:使用:ctrl + shift + t , 调出面板

    image.png

    引述块样式.zip

  • VSCode Lite Edit 主题 Callout 迁移方法

    2025-12-21 07:02

    好的 ,我把那个嵌入快的样式给关了 ,问题解决了 ,谢谢啦

  • VSCode Lite Edit 主题 Callout 迁移方法

    2025-12-20 23:42

    大佬 ,有个问题可以帮忙看下吗

    VSCode Lite Edit 主题下使用 Query View 插件 ,嵌入块的时候里面的内容基本是偏左的 ,但是在默认主题下是能够显示正常的 ,可以帮忙看下吗

    VSCode Lite Edit 主题下效果

    image.png

    好多嵌入块都是这样的

    默认主题下效果:

    image.png

    图中 Query View 代码如下:

    //!js
    const query = async () => {
        let dv = Query.DataView(protyle, item, top);
        const SQL = `
        SELECT
            SUBSTR(created, 1, 6) AS month,
            COUNT(*) AS count
        FROM
            blocks
        WHERE
            type = 'd'
        GROUP BY
            SUBSTR(created, 1, 6)
        ORDER BY
            month;
        `;
    
        let blocks = await Query.sql(SQL);
    
        dv.addeline(blocks.pick('month'), blocks.pick('count'), {
            title: 'Monthly Created Documents',
            xlabel: 'Month',
            ylabel: 'Count'
        });
    
        dv.render();
    }
    
    return query();
    
    
  • 鼠标指示老是莫名其妙变白色,不知道什么原因

    2025-10-11 21:22

    感谢 ,问题解决了

  • 鼠标指示老是莫名其妙变白色,不知道什么原因

    2025-10-11 20:51

    好的 ,我去试下

  • 鼠标指示老是莫名其妙变白色,不知道什么原因

    2025-10-11 20:51

    是这样的一个问题 ,就是这个指示针在思源笔记里面老是编程白色 ,一会变白色 ,一会又恢复正常的这种

    image.png

  • 安装的字体不生效如何解决

    2025-10-01 16:08

    感谢 ,新版本修复好了

  • 安装的字体不生效如何解决

    2025-09-29 17:38

    我等会去试下

  • 安装的字体不生效如何解决

    2025-09-29 17:37

    我去看下

  • 安装的字体不生效如何解决

    2025-09-29 17:37

    仓耳今楷 01W04.rar

    这个 ,我今天在公司用电脑发现也不行

  • 安装的字体不生效如何解决

    2025-09-29 17:33

    切换别的时候有的正常显示 ,有的还是显示不出来

  • 思源笔记的大纲如何实现靠近文档树呢?就像飞书那样

    2025-09-05 16:13

    这个看着很好看啊 👍🏻

  • 思源笔记的大纲如何实现靠近文档树呢?就像飞书那样

    2025-09-05 07:53

    我前阵子用了段时间的飞书 ,可能会更适应飞书那种的布局

  • 思源笔记的大纲如何实现靠近文档树呢?就像飞书那样

    2025-09-03 10:50

    我没找到这个大纲的页签怎么使用 😭

  • VSCode Lite Edit 主题 2.4.0 版本更新说明

    2025-08-28 18:28

    现在可以了 ,大佬

  • VSCode Lite Edit 主题 2.4.0 版本更新说明

    2025-08-28 09:18

    赞 ,图片好像没有加载出来

  • 最近老是弹出这个交叉引用功能

    2025-08-27 17:50

    谢谢大佬 ,辛苦了

  • 最近老是弹出这个交叉引用功能

    2025-08-27 10:41

    好的 ,谢谢啦

  • 求个引述块样式

    2025-08-03 14:55

    暗色模式下:

    image.png

    亮色模式下:

    image.png

  • 求个引述块样式

    2025-08-03 13:58

    image.png

    /* 极致优化的引述块样式 */
    .b3-typography blockquote,
    .b3-typography .bq,
    .protyle-wysiwyg blockquote,
    .protyle-wysiwyg .bq {
        position: relative;
        margin: 8px 0; /* 紧凑的上下外边距 */
        padding: 7px 12px; /* 更加紧凑但舒适的内边距 */
        border-left: 5px solid #64b5f6; /* 温柔而鲜明的蓝色边框 */
        background: linear-gradient(135deg, rgba(100, 181, 246, 0.05) 0%, rgba(100, 181, 246, 0.02) 100%); /* 柔和的渐变背景 */
        border-radius: 6px; /* 圆润的边角 */
        color: var(--b3-theme-on-surface-lighter); /* 使用主题变量定义文字颜色 */
        font-size: 1em; /* 标准字体大小 */
        line-height: 1.6;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05), inset 0 1px 2px rgba(0, 0, 0, 0.03);
        transition: all 0.2s ease-in-out;
    }
    
    /* 悬停时的变化 */
    .b3-typography blockquote:hover,
    .protyle-wysiwyg blockquote:hover {
        background: linear-gradient(135deg, rgba(100, 181, 246, 0.1) 0%, rgba(100, 181, 246, 0.05) 100%);
        border-left-color: #3d85c6; /* 边框颜色加深 */
    }
    
    /* 添加一个小装饰元素(可选) */
    .b3-typography blockquote::after,
    .protyle-wysiwyg blockquote::after {
        content: "“"; /* 引号装饰 */
        position: absolute;
        bottom: 5px;
        right: 10px;
        font-size: 2em;
        opacity: 0.3;
        color: inherit;
    }
    
    /* 移除所有默认 ::before 伪元素干扰 */
    .b3-typography blockquote::before,
    .b3-typography .bq::before,
    .protyle-wysiwyg blockquote::before,
    .protyle-wysiwyg .bq::before {
        display: none;
    }
    
    /* 深色模式适配 */
    @media (prefers-color-scheme: dark) {
        .b3-typography blockquote,
        .protyle-wysiwyg blockquote {
            background: linear-gradient(135deg, rgba(100, 181, 246, 0.15) 0%, rgba(100, 181, 246, 0.1) 100%);
            border-left-color: #90caf9; /* 浅蓝灰 */
            color: #e0f5fe;
            box-shadow: 0 2px 5px rgba(255, 255, 255, 0.05), inset 0 1px 2px rgba(255, 255, 255, 0.03);
        }
    
        .b3-typography blockquote:hover,
        .protyle-wysiwyg blockquote:hover {
            background: linear-gradient(135deg, rgba(100, 181, 246, 0.2) 0%, rgba(100, 181, 246, 0.15) 100%);
            border-left-color: #bbdefb;
        }
    }
    
  • 求个引述块样式

    2025-08-03 13:54

    image.png

    /* 紧凑且优雅的引述块样式 */
    .b3-typography blockquote,
    .b3-typography .bq,
    .protyle-wysiwyg blockquote,
    .protyle-wysiwyg .bq {
        position: relative;
        margin: 8px 0; /* 减少上下外边距 */
        padding: 6px 10px; /* 更紧凑的内边距 */
        padding-left: 12px; /* 稍微增加左侧内边距,但保持紧凑 */
        border-left: 4px solid #5e97b0; /* 柔和的蓝色边框 */
        background-color: rgba(94, 151, 176, 0.05); /* 温柔背景色 */
        border-radius: 4px; /* 小圆角处理 */
        color: var(--b3-theme-on-surface-lighter); /* 使用主题变量定义文字颜色 */
        font-size: 0.98em; /* 文字大小略微缩小 */
        line-height: 1.5;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05);
        transition: all 0.2s ease-in-out;
    }
    
    /* 悬停时的变化 */
    .b3-typography blockquote:hover,
    .protyle-wysiwyg blockquote:hover {
        background-color: rgba(94, 151, 176, 0.1);
        border-left-color: #4a7d9a; /* 边框颜色加深 */
    }
    
    /* 移除所有默认 ::before 伪元素干扰 */
    .b3-typography blockquote::before,
    .b3-typography .bq::before,
    .protyle-wysiwyg blockquote::before,
    .protyle-wysiwyg .bq::before {
        display: none;
    }
    
    /* 深色模式适配 */
    @media (prefers-color-scheme: dark) {
        .b3-typography blockquote,
        .protyle-wysiwyg blockquote {
            background-color: rgba(94, 151, 176, 0.15);
            border-left-color: #7ab8db; /* 浅蓝灰 */
            color: #d3eaf2;
            box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.05), 0 1px 2px rgba(255, 255, 255, 0.05);
        }
    
        .b3-typography blockquote:hover,
        .protyle-wysiwyg blockquote:hover {
            background-color: rgba(94, 151, 176, 0.2);
            border-left-color: #9bd0ea;
        }
    }
    
  • 求个引述块样式

    2025-08-03 13:52

    image.png

    /* 精美引述块样式 - 非斜体 + 莫兰迪蓝灰系 + 紧凑高度 */
    .b3-typography blockquote,
    .b3-typography .bq,
    .protyle-wysiwyg blockquote,
    .protyle-wysiwyg .bq {
        position: relative;
        margin: 10px 0;
        padding: 8px 14px; /* 紧凑高度 */
        border-left: 0.35em solid #607d8b; /* 莫兰迪灰蓝色 #607d8b (Material Blue Grey 500) */
        background-color: rgba(96, 125, 139, 0.06); /* 柔和灰蓝背景 */
        border-radius: 0 6px 6px 0;
        color: var(--b3-theme-on-surface); /* 主题文字色,清晰可读 */
        font-style: normal; /* 正文不斜体 */
        font-size: 0.96em;
        line-height: 1.5;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
        border-top: 1px solid rgba(0, 0, 0, 0.05);
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        transition: background-color 0.2s ease, border-left-color 0.2s ease;
    }
    
    /* 悬停效果:边框变暖一点,背景稍亮 */
    .b3-typography blockquote:hover,
    .protyle-wysiwyg blockquote:hover {
        background-color: rgba(60, 100, 120, 0.09);
        border-left-color: #546e7a; /* 加深一点的蓝灰 */
    }
    
    /* 移除所有默认 ::before 伪元素干扰 */
    .b3-typography blockquote::before,
    .b3-typography .bq::before,
    .protyle-wysiwyg blockquote::before,
    .protyle-wysiwyg .bq::before {
        display: none;
    }
    
    /* 深色模式适配 */
    @media (prefers-color-scheme: dark) {
        .b3-typography blockquote,
        .protyle-wysiwyg blockquote {
            background-color: rgba(96, 125, 139, 0.12);
            border-left-color: #78909c; /* 浅蓝灰 */
            color: #e8f0f2;
            border-top-color: rgba(255, 255, 255, 0.08);
            border-bottom-color: rgba(255, 255, 255, 0.08);
        }
    
        .b3-typography blockquote:hover,
        .protyle-wysiwyg blockquote:hover {
            background-color: rgba(96, 125, 139, 0.18);
            border-left-color: #90a4ae;
        }
    }
    
  • 可以增加标题居中设置吗

    2025-07-26 12:15

    标题居中:

    .protyle-title__input {
        text-align: center;
    }
    
  • 背景色提取

    2025-07-14 21:01

    是针对全局的

  • 背景色提取

    2025-07-14 13:33

    真的是太感谢了

    011204CD.gif

  • 背景色提取

    2025-07-14 13:27

    是的 ,佬 ,想要个暗色模式下的