Web開発
Show HN: ウェブサイトに実際のLinuxターミナルを埋め込む
Show HN: Embed a real Linux terminal on your website (sandbox.bio)
要約
sandbox.bioは、ウェブサイトやブログ記事にライブターミナルを簡単に埋め込めるサービスを提供しています。提供されるスクリプトタグを追加するだけで、GitHub PagesやHTMLウェブサイト上でBashコードブロックを実行できる「実行」ボタンが表示されます。さらに、開始ディレクトリやリモート設定URLを指定して、ターミナルの動作をカスタマイズすることも可能です。
全文翻訳
sandbox.bioを埋め込む
ウェブサイトやブログ記事にライブターミナルを追加する
sandbox.bioターミナルをウェブサイトやブログ記事に直接埋め込むことができます。
ページにこのスクリプトタグを追加するだけです。
<script src="https://sandbox.bio/embed.js" data-cwd="embed"></script>
GitHub Pagesを使用している場合、```bashとマークしたMarkdownコードブロックには、埋め込みターミナルで直接実行される「実行」ボタンが表示されます。
HTMLウェブサイトの場合、「language-bash」クラスを持つ任意の<div>に「実行」ボタンが表示されます。
スクリプトタグに属性を追加して、埋め込みターミナルをカスタマイズすることもできます。
data-cwd="folder-name": ターミナルでの開始ワーキングディレクトリ
data-config="https://yourwebsite.com/config.json": オプションのリモート設定URL。GitHub連携で使用されるsandboxbio.config.jsonファイルと同じ形式を使用します。このファイルはGitHub Pagesでもホストできます。
ターミナルにファイルをプリロードする必要がある場合は、設定内のfiles配列を使用し、各ファイルが存在する場所へのURLを指定できます。
{
tools: [
{
"url": "https://<username>.github.io/<repo>/data/example.bam",
"path": "example.bam"
}
]
}