Back
Featured image of post 优雅地贴代码

优雅地贴代码

我观察到一个现象,需要解答的人会将一堆的代码以及问题发到聊天群里面,然后等待一位大佬的解答。

可就有一些不好的点在这个过程中发生:

  • 巨量的代码直接刷屏,手机党肯定有个体验
  • 代码的格式看得让人心烦,特别是一些分号,括号、箭头等
  • 大规模的刷屏直接影响到其他人的交流

实不相瞒,你看都让我看得难受,我直接略过,看都懒得看。

别人没有帮你解答的义务。

image-20201229174924799

解决方案

就上述的这些情况,我特意提出两个解决方案。

  1. 在GitHub上,建立自己的问题仓库。(最好的方法)

    建立仓库后,将问题的详细写在issues里面。写完之后,直接将问题的简要以及链接发到群里。如果有热心的大佬自然会为你解决问题。而且这样子也可以有一个问题的留底,以后碰到类似的问题,还可以回去找找。

  2. 使用carbon处理代码

    可能你就想处理代码格式以及避免代码刷屏的问题,那么你可以使用carbon来帮你处理。

Carbon

Create and share beautiful images of your source code.

source: https://carbon.now.sh/

他可以将你的代码转换成一张好看的图片。

image-20201229174438696

image-20201229174607750

可以通过他提供的复制按钮,直接复制图片,然后粘贴到聊天软件中。

image-20201229174829086

快捷生成

如果每次都要自己手动复制粘贴,未免就太烦人了。

所以我们可以通过安装插件来完成这个任务。

  • Visual Studio Code
    1. 安装插件carbon-now-sh
    2. 在编辑区选定你要分享的代码
    3. 按下快捷键 —— Mac ( Alt+Cmd+A ) Windows( Alt+Windows+A )
    4. 自动打开网页,并显示出你刚刚选定的代码
  • WebStorm
    1. 安装插件 carbon-now-sh
    2. 在编辑区选定你要分享的代码
    3. 右击,在弹出的菜单中选中 open in carbon.now.sh
    4. 自动打开网页,并显示出你刚刚选定的代码

在carbon中,不一定能选中正确的代码类型,可能需要你手动选定才可以正确渲染。

对比

image-20201229174924799

image-20201229175043136

image-20201229175050013

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus