如何在我的站点中使用在线 C++ 编译器

Question

我想创建一个网站（或 wikibook 或 github 页面），其中包含可运行的 C++ 代码示例，非常类似于 cppreference（显然正在使用 coliru 在 Run this code 按钮中）。我正尝试 Google 自己完成此操作，但每个教程对我来说都有太多的先决条件。

是否有既定的最佳实践或易于使用的工具链？我认为 jekyll + coliru 是最好的组合，但我不知道从哪里开始。

我知道这个问题太宽泛了，但我什至不知道把时间投入到哪里。以下任何一项都将是一个很好的答案（优先顺序递减）：

我可以修改/调整的现有示例
有关构建此类页面的教程
我应该使用哪些工具的描述
一本书描述了这样一个过程

感谢您的帮助或建议。

PS1 : 我想添加一个 "Wandbox" 标签，但显然它不存在

PS2 ：我知道有 klipse 但 C++ 支持非常有限，因此这不是理想的解决方案

Answer 1

I thought jekyll + coliru would be the best combination but I don't know where to start.

您可以考虑 coliru.js，一个用于 Coliru 在线编译器的 JavaScript 库。
这样，您将 <script>window.onload = coliru.addRunButtons</script> 添加到您的页面以将按钮插入将编译的每个 C++ 代码块和运行代码并在代码块下方显示结果。

<pre>
    <code data-lang="c++">
        int main()
        {
            return 0;
        }
    </code>
</pre>

如何在我的站点中使用在线 C++ 编译器

How to use an online C++ compiler in my site

c++

wordpress

jekyll

github-pages

coliru