6种展示代码的绝佳方式

亦凉 2022-12-05 04:52 218阅读 0赞

> 原文链接：https://dev.to/niharrs/6-awesome-ways-to-present-your-code-3jj2  
> 经作者授权后翻译

很多时候，开发人员需要展示代码段，可能是用于演示，博客或者是摘要。

那么有哪些程序代码的工具呢？一起来看看。

### 1. Polacode ###

https://github.com/octref/polacode

如果你喜欢VS Code，那么这个适合你！`Polacode` 是一个VS Code扩展，可以直接从 `VSCode` 获取漂亮的代码屏幕截图。

![format_png][]

### 2. carbon.now.sh ###

https://carbon.now.sh/

创建并共享源代码的精美图片。

开始输入或将文件拖入文本区域以开始使用。

你还可以将 `GitHub` 与 `carbon` 连接起来。

![format_png 1][]

### 3. codeimg.io ###

https://codeimg.io/

关于 codeimg 最好的部分是他们已经有社交媒体模板。因此，不必担心画布大小。

从功能上来说，与 carbon.now.sh 相比， codeimg 有更多选项。

这是使用codeimg.io创建的 Facebook 模板

![format_png 2][]

### 4. Pastie ###

http://pastie.org/

如果您喜欢极简主义，并且只想共享代码作为链接而不是截图，那么Pastie就是您的理想选择。

这是在朋友/同事之间共享代码的完美选择。Pastie生成的链接有效期为24小时。

注意：Pastie使用HTTP而不是HTTPS。这意味着它缺乏加密并且不安全。

![format_png 3][]

### 5. Rust playground ###

https://play.rust-lang.org/

如果你是 `Rust` 开发者，那么这个将适合你。

在浏览器界面上运行 `Rust` 编译器，以尝试使用该语言。和 Pastie 一样，它也可以共享代码段链接。

![format_png 4][]

### 6. Silicon ###

https://github.com/Aloxaf/silicon

这是用 `Rust` 语言实现的 carbon.now.sh。

`Silicon` 可以解决的carbon.now.sh问题：

*  没有Internet和浏览器就无法工作。
 *  无法与Shell配合使用。（尽管有carbon-now-cli，但是它的体验不是很好，特别是当网络不太好时。）

用法：

silicon main.rs -o main.png

![format_png 5][]

### 学习交流 ###

*  关注公众号【前端宇宙】,每日获取好文推荐
 *  添加微信,入群交流

![format_png 6][]

“在看和转发”就是最大的支持

[format_png]: /images/20221123/80c7ed41dcc94ede8b5bb288be631573.png
[format_png 1]: /images/20221123/86a5a062d95c4b899b3f0be7e4a32a40.png
[format_png 2]: /images/20221123/b6ba09d4345d4b2d8f8a8e27e902daa2.png
[format_png 3]: /images/20221123/20bd4893dc5e41678829a961bfce70ae.png
[format_png 4]: /images/20221123/2792b31a11554c1cbe17da56d0dfa330.png
[format_png 5]: /images/20221123/124141bc2568475cbeb631ad58c7f33f.png
[format_png 6]: /images/20221123/a27fc2e44b8349ed995833b7e21488b6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关 6种展示代码的工具，值得一看

> 原文链接：https://dev.to/niharrs/6-awesome-ways-to-present-your-code-3jj2 > 经作者授权后翻译很多时

缺乏、安全感/ 2022年12月08日 05:07/ 0 赞/ 208 阅读

相关 6种展示代码的绝佳方式

> 原文链接：https://dev.to/niharrs/6-awesome-ways-to-present-your-code-3jj2 > 经作者授权后翻译很多时

亦凉/ 2022年12月05日 04:52/ 0 赞/ 219 阅读

相关【IT资讯】牛掰！TeamViewer的绝佳替代品出现！

当今工作中电脑作为必不可少的生活、工作用品。偶尔我们会在电脑使用过程中遇到问题，不管是你向他人寻求帮助，亦或者是他人向你寻求帮助，这个时候远程协助软件就显得尤为重要了。一款流畅

偏执的太偏执、/ 2022年10月19日 05:57/ 0 赞/ 252 阅读

相关 XSHELL 绝佳配色方案, 保护你的眼睛

XSHELL 绝佳配色方案, 保护你的眼睛关键字: xshell终端颜色; xshell配色方案; xshell颜色配置; 程序猿配置一个好看的终

短命女/ 2022年08月13日 15:52/ 0 赞/ 747 阅读

相关学习帮——提高智商、改善记忆力的120种绝佳方法！

120种方法帮助你提高思维速度，改善记忆水平和信息综合能力，将你的大脑潜力发挥得淋漓尽致!还等什么，从今天就开始训练吧。 1.练习脑子急转弯，尝试解决难题。 2.培养双手并

超、凢脫俗/ 2022年08月06日 02:14/ 0 赞/ 156 阅读

相关 img展示图片的两种方式

<el-table :data="tableData" style="width: 100%" height="568px" @selection-change="ha

古城微笑少年丶/ 2022年05月15日 05:43/ 0 赞/ 663 阅读

相关 10 种保护 Spring Boot 应用的绝佳方法

Spring Boot大大简化了Spring应用程序的开发。它的自动配置和启动依赖大大减少了开始一个应用所需的代码和配置量，如果你已经习惯了Spring和大量XML配置，Spr

客官°小女子只卖身不卖艺/ 2022年05月12日 01:08/ 0 赞/ 176 阅读

相关 Tomcat 和 Ngin配合绝佳使用

> 瞎聊这段时间一直在忙着学习前端三大框架中的vue.js框架，大约花费了恩·····8天的时间，从小白到现在可以磕磕绊绊的开发，可以发现vue.js有多容易上手。买了

迈不过友情╰/ 2022年03月20日 04:18/ 0 赞/ 175 阅读

相关几款xshell绝佳配色方案

配色方案 1、Solarized Dark暗色版 \[Solarized Dark\] text=839496 cyan(bold)=93a1a1 text(bold

阳光穿透心脏的1/2处/ 2022年01月10日 11:41/ 0 赞/ 2814 阅读

相关 “面试”是绝佳的学习方式！

![640?wx\_fmt=png][640_wx_fmt_png] 正文共：1980字建议只字不差的阅读日常面试？什么鬼？这跟你听到的大多数的自学方法貌似

阳光穿透心脏的1/2处/ 2021年09月18日 14:00/ 0 赞/ 246 阅读