アストロ・コマンド

導入
今週末私は新しいAstro 呼び出し元が自分のマシンに外部コマンドを使ってHTMLコンテンツを生成できるコンポーネント.

trashhalo / astro-command
コマンドを
リポジトリでは、こんにちは、世界には、Pythonに投げ出しているデモです.

---
import { Command } from "astro-command";
---
<Command caller={import.meta.url} command="./Component.py" message="from python!" />

#!/usr/bin/env python 

import sys, json

data = json.load(sys.stdin)
print(f'<h1> Hello {data["message"]} </h1>')

prodinはjdin blobとしてstdinに渡されます.HTMLはstdoutです.

ノッチを取る
Pythonには、アトムページ生成に便利なライブラリがあります.一つの例はhttps://matplotlib.org/ SVGを出力する美しいグラフを生成することができるプロットライブラリ.
簡単な例として、hello world pyコンポーネントを書き換えて、代わりにグラフを出力しました.

< div >
< H >

ちょうどそのPython
<高橋潤子>
あなたがアストロからシェルアクセスを持っている今、あなたはどんなコマンドを使用することができます!私はカスタムコンポーネントを作成した最初のPanDocは、すべての種類のPanDocを理解することができますにアクセスできます.アトムコードの12行で30 +ファイル形式を解除しました!p >
< div class ="ltag github readmeタグ"
< div class ="readme概要"
< H >

trashhalo / astro-pandoc
<高橋潤子>
< H 3 >
<高橋潤子>
< div >
< div class ="ltag github本体"
< div class ="md "データパス="README . md "> <クラスクラス="Markdown Body Entry Content Container LG "itemProp = "text ">< h 1 dir ="auto "
アストロ・パンドック
< ref id ="auto "> PanDocを使用してコンテンツを変換するためのアストロコンポーネントです.これにより、任意の形式のPanDocサポートを埋め込むことができます.p >
< ull ="auto "

サポート形式https://pandoc.org/MANUAL.html#general-options

Demo

あなたのマシンにPanDocをインストールする必要があります!

< ull >
<高橋潤子>
使用方法
"div class ="ハイライトハイライトテキストをハイライトしますHTML HTMLのアトム位置相対オーバーフロー自動JSコードハイライト"データスニペットクリップボードコピー内容="
<前> <スパン> = < PL - C >>
<スパンクラス="pl - k "> import {<スパンクラス<> span >> <スパンクラス< pl - s >> <スパンクラス= "PL - S "><<スパン>
<川合>
lt ;Span class ="pl <- k >> < th/k >> < span class ="pl smc "> < file/span >=<スパンクラス="pl - s "> < span = component . pl class ="pl pds ">"< span/component . tex class ="pl pds ">"< span/span >/span >< span class ="pl - e "> ExtraArgs =｛[<スパンクラス= PL - S ]><スパンクラス= PL PL )スパンクラス= "pl - ent "> pandoc <スパンクラス="pl - e "> caller = { <>< tt/span > -- webtex < span class ="pl pds ">" < span >
< div >
<高橋潤子>TEX

"div class ="ハイライトハイライトテキストテックスラテックスの位置を相対的なオーバーフロー自動JSコードハイライト"データスニペットクリップボードコピーコンテンツ="\DocumentClass { article }& Count\10 ,\eepackage { amsMath }%の式*環境とCount 10 ;\begin { document } && 10しかし、別のコマンドを使用して10;&10これはナンバリングせずに単純な数式です.[\sqrt { x ^ 2 + 1 }\}& & num ; 10 ;テキストから分離10;&10これも同じです.\開始{ DisplayMath } &\sqrt { x ^ 2 + 1 } &\\end { displaymath }& & num ; 10 & num ;10\dotとこれ:\begin {方程式*} &\sqrt { x ^ 2 + 1 } &\{ end {}}と& num ; 10 & num ;10\\end { document }"
< pre ><スパンクラス="PL - K ">\DocumentClass {<スパンクラス="PL - C ">記事
< limitsクラス="pl - k ">\usepackage { <スパンクラス="PL - C "> <スパンクラス="pl - c >> <スパンクラス= "PL - C "><スパンクラス="PL - C "> % 方程式*環境
<スパンクラス="PL - C ">\begin {<スパンクラス="pl smi "> document
これは単純な算術式<スパンクラス="PL - S "> <スパンクラス="PL - PDS ">\\(<スパン/<スパン> <スパンクラス< pl - c >>>\sqrt { x ^ 2 +> <スパンクラス= "pl - pds ">\)です.
これも同じです.
<高橋潤子>
<高橋潤子>
<スパンクラス="PL - C ">\end {<スパンクラス="pl smi "> math
しかし、別のコマンドを使用します.
これは番号なしで簡単な数学表現です
<スパンクラス="PL - S "> <スパンクラス="PL - PDS ">\[<スパン/スパン><スパンクラス="PL - C ">\sqrt { x ^ 2 + 1 }<スパンclass ="pl pds ">\] span/span
テキストから分離.
これも同じです.
<高橋潤子>
<高橋潤子>
<高橋潤子>
<スパンクラス="PL - C ">\ldot とこれ:
<前>
< diid > < div > < diid >
< div >
< div class ="GH BTNコンテナ"View on GitHub < div >
< H >

次は?
<高橋潤子>
そこにはたくさんのコマンドがあります.次はどうすればいいですか?p >