爱意满满的作品展示区。
imlinhanchao

一个支持在线运行与 Web 预览的代码分享网站

  •  
  •   imlinhanchao ·
    imlinhanchao · Aug 21, 2020 · 3525 views
    This topic created in 2095 days ago, the information mentioned may be changed or developed.

    Code Snippit

    这是一个代码分享网站。类似 Gist,但加入了多文件在线编译运行,Web 代码在线预览的功能。

    举个例子: https://code-snippet.cn/s/3f99e39e-52a3-4fda-b14f-4862cf93d9e8

    这个 C 语言 main 函数调用了一个外部文件的 add 函数,还有读取一个 some.txt 的文件。这些皆是一个 Snippet 的一部分。

    image.png

    那么开启运行后,就会将这些文件一并编译。可以直接获取到执行结果:

    image.png

    另外执行也支持 stdin 。比如: https://code-snippet.cn/s/29901b20-55f4-4759-8372-65ea9f695c65

    image.png

    那么在 Execute 对话框中的 Input 输入的内容就可以被程序获取:

    image.png

    image.png

    此外,不仅仅可以编译代码,可以预览编写的网页: https://code-snippet.cn/s/c57c3f23-50ad-4d0a-94ef-12b45f6a4f84

    image.png

    如果发现文件后缀名为 html ,就会出现一个浏览器图标,点击即可预览编写的网页,和编译代码一样,可以通过相对路径引用 Snippet 内的文件。

    image.png

    除此之外,基本的代码高亮,评论,Star,Fork 与 Gist 没有太大差别。

    😎 欢迎大家注册试用,有什么 bug 反馈或需求更新,可以在下面评论或上 GitHub 提 Issue: https://github.com/imlinhanchao/code-snippet/issues

    Supplement 1  ·  Aug 21, 2020

    😂 没想到图片会都显示不了重新换一下发一下

    最近做了一个网站:Code Snippit

    这是一个代码分享网站。类似 Gist,但加入了多文件在线编译运行,Web 代码在线预览的功能。

    举个例子:https://code-snippet.cn/s/3f99e39e-52a3-4fda-b14f-4862cf93d9e8

    image-d1e10a93.png

    这个 C 语言 main 函数调用了一个外部文件的 add 函数,还有读取一个 some.txt 的文件。这些皆是一个 Snippet 的一部分。

    image-3bf35ea0.png

    那么开启运行后,就会将这些文件一并编译。可以直接获取到执行结果:

    image-627d9ea9.png

    另外执行也支持 stdin 。比如:https://code-snippet.cn/s/29901b20-55f4-4759-8372-65ea9f695c65

    image-c61f1d61.png

    那么在 Execute 对话框中的 Input 输入的内容就可以被程序获取:

    image-5179ca59.png

    image-627d9ea9.png

    此外,不仅仅可以编译代码,可以预览编写的网页:https://code-snippet.cn/s/c57c3f23-50ad-4d0a-94ef-12b45f6a4f84

    image-739dfec8.png

    如果发现文件后缀名为 html ,就会出现一个浏览器图标,点击即可预览编写的网页,和编译代码一样,可以通过相对路径引用 Snippet 内的文件。

    image-3e00e38a.png

    除此之外,基本的代码高亮,评论,Star,Fork 与 Gist 没有太大差别。

    😎 欢迎大家注册试用,有什么 bug 反馈或需求更新,可以在下面评论或上 GitHub 提 Issue:https://github.com/imlinhanchao/code-snippet/issues

    10 replies    2020-08-26 09:55:49 +08:00
    shipeng22022
        1
    shipeng22022  
       Aug 21, 2020
    图片都没显示出来啊

    分享一个网站给你,各种工具满足你的好奇心
    http://qimiaodh.com
    IsaacYoung
        2
    IsaacYoung  
       Aug 21, 2020
    imlinhanchao
        3
    imlinhanchao  
    OP
       Aug 21, 2020
    @IsaacYoung 这种更接近 Code-Server 那种类型吧。我的定位是一些简单的片段代码分享。不是一个项目。
    maemolee
        4
    maemolee  
       Aug 21, 2020
    我一般都是用 codepen.io ,比这个直观一些。
    imlinhanchao
        5
    imlinhanchao  
    OP
       Aug 21, 2020
    @maemolee 對於 Web 確實這種方式比較好。不過我的不僅僅是寫 Web 。感覺可以參考一下,切換不同的編輯器模式。
    huabalance
        6
    huabalance  
       Aug 22, 2020
    网站 LOGO 是 snippit, 是故意的吗?
    ![dUTXDK.png]( https://s1.ax1x.com/2020/08/22/dUTXDK.png)
    huabalance
        7
    huabalance  
       Aug 22, 2020
    imlinhanchao
        8
    imlinhanchao  
    OP
       Aug 22, 2020 via Android
    @huabalance oops !居然做完了都没发现😂
    touno
        9
    touno  
       Aug 24, 2020
    @imlinhanchao 加油!干翻 GIT
    greatghoul
        10
    greatghoul  
       Aug 26, 2020
    repl 路过。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3129 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 13:05 · PVG 21:05 · LAX 06:05 · JFK 09:05
    ♥ Do have faith in what you're doing.