登录 注册

代码块功能优化建议

增加最近使用的代码语言

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

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

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

image.png

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

代码选择

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

image.png

就会变成这种

image.png

而我希望的是这种

image.png

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

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

image.png

  • 思源笔记

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

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

    22367 引用 • 89517 回帖
1 引用
代码片段实现代码块最近使用的语言置顶 • wilsons
杭州 位置
1 感谢
1 收藏
1 赞同
1 引用
19 回帖
8
6
2
277 155 118 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
如果感觉我的回答对你有帮助, 请点击 感谢 支持一下, 谢谢! 杭州
回帖
284
 帖子
41
 积分
6565

近期热议

推荐标签 标签

  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    21 引用 • 37 回帖 • 547 关注
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 303 关注
  • RESTful

    一种软件架构设计风格而不是标准，提供了一组设计原则和约束条件，主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。

    30 引用 • 114 回帖
  • Angular

    Angular 是 AngularJS 的新版本。

    26 引用 • 66 回帖 • 536 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划，本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE，直到 1999 年 Sun 买下此公司。Sun 于次年（2000 年）六月将 NetBeans IDE 开源，直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 681 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 40 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商，致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景，七牛先后推出了对象存储，融合 CDN 加速，数据通用处理，内容反垃圾服务，以及直播云服务等。

    27 引用 • 225 回帖 • 169 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务，以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖
  • 学习

    “梦想从学习开始，事业从实践起步” —— 习近平

    169 引用 • 506 回帖
  • OpenShift

    红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 633 关注
  • Jenkins

    Jenkins 是一套开源的持续集成工具。它提供了非常丰富的插件，让构建、部署、自动化集成项目变得简单易用。

    53 引用 • 37 回帖 • 2 关注
  • Sublime

    Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。

    10 引用 • 5 回帖 • 1 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 261 关注
  • 笔记

    好记性不如烂笔头。

    308 引用 • 793 回帖
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 351 关注
  • 安装

    你若安好，便是晴天。

    132 引用 • 1184 回帖 • 1 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司，该公司位于捷克的布拉格，并在俄国的圣彼得堡及美国麻州波士顿都设有办公室，该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境：IntelliJ IDEA。

    18 引用 • 54 回帖
  • MongoDB

    MongoDB（来自于英文单词“Humongous”，中文含义为“庞大”）是一个基于分布式文件存储的数据库，由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。它支持的数据结构非常松散，是类似 JSON 的 BSON 格式，因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 1 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展，它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖 • 1 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    729 引用 • 1327 回帖 • 1 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    110 引用 • 54 回帖 • 1 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的，开放源码的分布式应用程序协调服务，是 Google 的 Chubby 一个开源的实现，是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件，提供的功能包括：配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 6 关注
  • Love2D

    Love2D 是一个开源的， 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 530 关注
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合，以模块的方式组织管理插件以
    及相关配置，为不同的语言开发量身定制了相关的开发模块，该模块提供代码自动补全，
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 99 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端，也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖 • 2 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎，采用 Java 语言编写，不受平台的限制，同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式，可以兼容一些主流的数据库，因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 653 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具，它遵循 OpenAPI Specification（这是一种通用的、和编程语言无关的 API 描述规范）。Swagger 贯穿整个 API 生命周期，如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖

最新标签