登录 注册

代码块功能优化建议

增加最近使用的代码语言

选择代码语言的时候, 能不能增加一块(图片框起来的部分), 用来显示最近选择的代码, 而不是一直按照字典序排序

我添加代码块一般是用快捷键添加的, 然后每次添加的代码块, 代码语言都是默认是上次使用的

平时要用很多种语言, 每次都要点一下, 然后 手动输入选择语言, 有点繁琐

image.png

小声: 你再逼我, 我就自己去写 js 了 trollface

代码选择

在代码块中, 选中代码的时候, 如果是下面这种情况, 移动到外部的时候

image.png

就会变成这种

image.png

而我希望的是这种

image.png

因为一般选择的时候, 都是好几行一起选择

每当复制的时候, 我都得小心翼翼的滑动鼠标到固定的区域, 超过一点就不行

image.png

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    22019 引用 • 87804 回帖 • 2 关注
1 引用
代码片段实现代码块最近使用的语言置顶 • wilsons
杭州 位置
1 感谢
1 收藏
1 赞同
1 引用
19 回帖
8
6
2
239 154 81 2 2

相关帖子

19 回帖
代码块功能优化建议

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • wilsons • • 1
    付费者 捐赠者
    1. 最近语言，可以写个插件或代码片段在每次选择了后存储起来，然后加载时按之前存储的顺序优先排序
    2. 代码选择，可能是主题或样式问题，我用官方默认主题和 Asri 没这个问题，Odyssey 有类似问题但又不完全一样。
    2 回复
  • JeffreyChen • • 1
    付费者 支持者 捐赠者

    都已经提过 issue 了：

    1. Issue #11507 · siyuan-note/siyuan
    2. Issue #11377 · siyuan-note/siyuan
    2 回复
  • wilsons • • 2
    付费者 捐赠者

    哦哦，我知道了，第 2 个问题，原来是因为我没显示行号，所以没这个问题。

    @EmberSky 有个技巧，在没完成选择前不要松开鼠标左键，哪怕选择框消失，比如，拖到左侧时选择框消失，并不要紧，不要松开鼠标左键，继续拖到右侧来选择框又出现了。

    2 回复
  • muxue •
    付费者 捐赠者

    其实个人更希望能出一个建议的语言自动识别，开启这个功能后，识别不出来的自动设置为空。

    可以采用“一定能匹配”的方式来识别，只有命中了某一个编程语言特有的关键字，比如 C++ 的 std::，才会使用这个语言。

    但是感觉即便这样也不是很好做，而且可能会拖慢代码块的加载速度。

    2 回复
  • EmberSky •
    付费者 作者

    感觉很少能自动识别的

    vscode 那么牛逼, 自动识别我感觉也一般

    1 回复
  • EmberSky •
    付费者 作者

    第一个我就是这么想的, 不过还没来得及做, 感觉有些功能虽然可以用 代码片段 自己搞, 但是官方能支持最好

    1 回复
  • EmberSky •
    付费者 作者

    我总感觉 issue 和我 收藏夹 有点像, 提了 issue 就等于解决了, 实际上只是记录一下然后放那里吃灰

    当然了, 我还是很相信 d 大一直在解决问题

    1 回复
  • EmberSky •
    付费者 作者

    我之前就是按照技巧来的

    所以说是 小心翼翼放到固定的位置

    如果是行号的问题, 我去取消一下试试

    在我这里, 选择 要比 行号 的优先级高

  • EmberSky •
    付费者 作者

    试了下, 没有行号确实可以

    但是, 没有行号, 感觉好别扭, 淦

  • Keefer •
    捐赠者

    第一个建议

    我其实没看懂你的问题，我按照我的理解写一下有用就看，没用就划走：我没看懂你为什么要点一下，我觉得是你不会用。要添加代码块只需要按照 Markdown 的语法写就行了，比如我要写 Python 的：````python`，然后直接回车就可以添加 Python 代码块了，并不需要动用鼠标。

    第二个建议

    如楼上回复，我赞同这个问题的成因是样式主题的 Bug，而非思源的 Bug，我在 Tsundoku 主题下，同样没有这个问题。另外，你可以练习一些键盘移动光标的技巧：比如 Home：移动到行首；End：移动到行尾。Ctrl+ 方向键：按照词语移动。这样可以减少小心翼翼移动光标的频率，提高效率。

    就比如你这个需求，如果是我会这样做：

    1. 使用鼠标将光标移动到待选区域首行任意位置（不需要小心翼翼）
    2. 按 Home 键，快速将光标移动到行首。
    3. 按住 Shift 不松开，使用鼠标将光标移动到待选区域尾行。此时待选区域大部分都被选中。
    4. 按 End 键将光标移动到尾行的行尾。此时待选区域已被选中

    行号的问题

    我认为 Siyuan 代码段的主要功能是帮助程序员记录已有代码。需要粘贴到的地方通常是 Sublime Text, VScode 这样的代码编辑器，自然不连同行号一起粘贴是更加合理的。

    但是我们有时也会碰到需要行号的问题，比如要粘贴到 Word 中。这个问题我认为可以通过一些在线小工具解决：代码在线高亮工具 | 将高亮美化的代码一键粘贴到 Word 或 OneNote 中 (highlightcode.com)。 如果这时没网，我认为也可以先将 Siyuan 文档到处成 Word，再从 Word 中复制。

    其他交流

    说起代码选择的问题，我倒是觉得或许可以开发一款插件来支持代码块中使用 Vim 编辑器键位。这样，会使用 Vim 就可以解决这个问题。

    你的问题我没有全部明白，但是尽可能解答了。如果有用你就看看。没用就也不用回了，我平时不看 ld246，不会进一步回复 😂

    1 操作
    Keefer 在 2024-08-07 09:33:49 更新了该回帖
  • wilsons • • 1
    付费者 捐赠者

    不不不，和收藏夹不一样，收藏夹至少是你喜欢的，有强烈愿望的。

    issue 更像是妈妈的话或朋友的建议，虽然知道都是为你好，但你听过几个？

    更像是石沉大海，不知何时能见天日。😄

    哈哈哈，所以，求人不如求己，我解决了这个代码选择的 bug

    css 片段中，添加以下 css 样式即可

    /* 取消行号列占用的空间 */
.code-block .protyle-linenumber__rows {
    position: absolute;
    left: 0;
}
/* 当有行号时，代码块右移，给行号列让空间 */
.code-block .hljs.protyle-linenumber {
    margin-left: 3.6em;
}

    效果

    r11.gif

    2 回复
    1 引用
  • EmberSky •
    付费者 作者

    我*, 你这么牛逼么

  • EmberSky • • 1
    付费者 作者

    就他喵的离谱, 我感觉 15 积分根本不足以表示我的感谢

    1 回复
  • wilsons •
    付费者 捐赠者

    非常感谢你的积分！别客气哈，心意到足矣！凑巧了，感觉可能是空间问题就试了下，没想到还真行。

  • muxue •
    付费者 捐赠者

    vscode 的自我识别是基于文件后缀的，那个的实现很简单。

    vscode 的 markdown 里面只有最基础的 cpp 什么他能识别出来才会给你高亮。md 里面连 json 都没高亮的。

    2 回复
  • EmberSky •
    付费者 作者

    文件没有后缀的, 会自动识别

    比如: c 和 python

    image.png

    image.png

  • wilsons •
    付费者 捐赠者

    image.png

    这不是能识别吗？这个文件是新建的无标题文档，未保存，更没有扩展名，这说明 vscode 不仅仅是通过后缀识别的。

    我觉得，vscode 可能是基于规则的识别，当然，后缀识别应该是最优先的。如果没有后缀的情况下，不是定义了每种语言基于什么规则，如何高亮显示吗，它可能会选择一种匹配度最高的匹配。所以没扩展名的情况下，有些相似的语言，它也会识别错误。

    那么，Markdown 的规则里肯定没有涉及到具体语言的规则，最多是代码块的规则，所以无法识别具体语言，但如果设置了代码块的语言它就能高亮了。

    注意：以上说法只是个人猜测，没有任何依据。

  • Achuan-2 •
    订阅者 先知

    让 ai 给代码块填充语言即可

  • wilsons •
    付费者 捐赠者

    最近语言，可以写个插件或代码片段在每次选择了后存储起来，然后加载时按之前存储的顺序优先排序

    我已经实现了这个功能

    疯狂点这个链接

    代码片段实现代码块最近使用的语言置顶

    Snipaste20240808113432.png

请输入回帖内容 ...
EmberSky
杭州
回帖
264
 帖子
39
 积分
5368

近期热议

推荐标签 标签

  • 单点登录

    单点登录（Single Sign On）是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 18 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    117 引用 • 99 回帖 • 223 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统，是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议，并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统。

    939 引用 • 940 回帖
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统，在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 1 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 31 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言，可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克（Rob Pike）说：我们之所以开发 Go，是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    497 引用 • 1387 回帖 • 294 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统（DBMS），它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的，并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    209 引用 • 358 回帖
  • 小说

    小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。

    1 引用 • 7 回帖 • 586 关注
  • 宕机

    宕机，多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态，也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态，也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 53 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 733 关注
  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    124 引用 • 580 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    90 引用 • 899 回帖
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库，专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 60 关注
  • BAE

    百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 632 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识，提高团队的工作效率，让用户满意。

    3 引用 • 8 回帖 • 2 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。

    54 引用 • 292 回帖
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    22019 引用 • 87804 回帖 • 2 关注
  • JVM

    JVM（Java Virtual Machine）Java 虚拟机是一个微型操作系统，有自己的硬件构架体系，还有相应的指令系统。能够识别 Java 独特的 .class 文件（字节码），能够将这些文件中的信息读取出来，使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 1 关注
  • 创业

    你比 99% 的人都优秀么？

    84 引用 • 1399 回帖 • 1 关注
  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 621 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现，服务器端用 Erlang 语言编写，支持多种语言客户端，如：Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 366 关注
  • OnlyOffice
    4 引用 • 2 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 19 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 911 回帖 • 237 关注

最新标签