Gatsby: [1.0]プラグインのウィッシュリスト（およびサンプルサイト）

• Markdownのツイートと要点（ jekyll-twitter-pluginを参照）
• キャプションおよび/またはソース/ライセンスへの参照が必要なMarkdown画像の自動図/図
• KaTeX 、 MathJax （Markdown内）–また、「ウェブ用の参考文献と読書リストをフォーマットし、ブログ投稿に超能力を与える」 jekyll-scholarに
• ファビコンジェネレーター–それほど必要ではありませんが（すでにhttp://realfavicongenerator.net/があり、それぞれを手動で生成する理由もたくさんあります）、実装は非常に簡単です（macOS Safariが必要とするSVGアイコンは別として）その「ピン留めされたタブ」のために）
• ドリブル
• Flickr
• 500px

これらはスタンドアロンデータセットとパブリックAPIの優れたソースです

• https://github.com/caesar0301/awesome-public-datasets
• https://github.com/toddmotto/public-apis

Flickrは便利だろう-サイト自体は衰退しているが、それはロブパブリックAPIであり、ブログの投稿やページに取り込むための写真を保存するための便利なソースになっている。

toml-transformer作業します。

styled-jsxとアルゴリアシンカーに取り組んでいます

@ Vagr9K @timsuchanek素晴らしい！ リストにあなたを追加しました

DatoCMSに取り組んでいる人はいますか？ それが起こるのを見たいです。

すでに中規模の統合に取り組んでいる人はいますか？ 特定のブログの最新の投稿を取得するのはクールでしょう。

@mfeltscherあなたは私の心を読んだ！ 私にも同じニーズがあり、どうすればそれを書くことができるかを調べ始めました。 Medium APIはこの点で制限されているため（ブログから最新の投稿を取得することはできません）、ブログのrssフィードを取得するか使用する必要があります。 私はここで汎用のrssソースを書き始めました： https ：

@jondubinねえ、Gatsbyリポジトリにソースプラグインを追加することに興味がありますか？ これはちょっとした実験ですが、同じリポジトリにほとんどのコミュニティプラグインを含めると、プラグインコードの品質をはるかに高く保つのに役立つと思います。ここのコードにはもっと多くの目玉があり、さらに投資を続けることができるからです。インフラストラクチャをテストして、すべてが正常に機能することを確認します。

考え？

@KyleAMathewsは

ねえ、私は今週末ギャツビーと遊び始めました。 かっこいいね！ 個人のウェブサイトを作り、魅力的なスタイルを使いたいです。 私の見方では、独自のプラグインは必要ありません。 バックグラウンドでグラマーを使用しているため、グラマープラグインを使用すると機能します。 私は何かが足りないのですか？

@felixjung dunno ！ 試して報告してみませんか？ 私はGlamorousを使用したり、そのSSRメソッドを研究したりしていないので、既存のglamorプラグインが機能するかどうかわかりません

それは機能します😆そのドキュメントを見ると、SSRに関するものは何も見つかりませんでした。 Kent C. Doddsは、魅力と反応がそれをサポートしているので、それが機能すると書いたばかりです。 だから私は試しましたが、グラマープラグインを有効にすると機能します。 🎉

それなら完璧です:-)それからグラマープラグインのreadmeにその言及を追加したいので、それをチェックすることができます👍

確かに、できます。

MediumAPIの制限に関するユーザーのコメントも含まれていることがわかりました。これは回避できますが…🙄

私は感情プラグインに取り組むつもりだと思います

こんにちは、 DirectusのプラグインがあるとContentfulのオープンソースの代替手段だからです:)

@fk @jondubinこの問題を調べているときに、このブログ投稿で説明さ、 Mediumから投稿をフェッチする別の解決策を見つけました： https://medium.com/@{username}/latest?format=json 。

👋 gatsby-transformer-xmlプラグインで作業できます

これがgatsby-transformer-xmlのPRです

@ KyleAMathewsWordpress.comソースプラグインが完了しました。

@fk @erutan wrt Flickr / 500px、 Unsplashも素晴らしいでしょう。

＃1496は「Transformerplugins」の下の「CSV」を解決したと思います。

XLSXをそのリストに追加することもお勧めします。

私はここでprismic.ioソースプラグインの作業を開始しました： https ：

これは非常に基本的なことです。すべてのドキュメントを取得し、PrismicDocumentノードですべてのデータを利用できるようにします。

必要な改善には、必要に応じてドキュメントをリンクすることが含まれます（代替言語、リレーショナルリンクフィールドなど）。

ちょっと、そこ

@mfeltscherによって言及されたエンドポイントからJSONをプルするMediumソースプラグインを作成しました。 ここでプルリクエストを開きました：＃1907

うまくいけば、それは他の誰かにも役立つでしょう。

@deniazありがとうございます！ 私は完全に😕@mfeltscherことでコメントをフォローアップを忘れて、今私は少し、私はそのエンドポイント自分を試したことがない理由で困惑です。 「 JSONページは読み取りAPIとして使用するためのものではありません。 」をです。 …🤓😅

ねえ、
Github API v4のソースプラグインを作成したか、 npm install gatsby-source-github-apiを使用してインストールしました

何を変更する必要があるのか​​、どの機能を実装してほしいのか、お気軽に教えてください。

-
編集：このプラグインの有用性を紹介する簡単なウェブサイトも完成しました：ここで見つけることができます

LaTeX、特にMathJaxは素晴らしいでしょう！

@thomaskuntzzそれは今です！ https://using-remark.gatsbyjs.org/katex/

驚くばかり！ 私が必要なものにぴったりのように見えます！

なぜKaTeXがMathJaxよりも選ばれたのか疑問に思っています...何か考えはありますか？

わからない、理由については元のPRを確認してください。 MathJax用の別のプラグインも追加します。 より多くのプラグインが楽しい:-)

ちょっと私は投稿のリストをページ付けするための簡単な解決策をまとめました、そして周りにページ付けの例がないことに気づきました。

https://github.com/pixelstew/pixelstew-gatsby/blob/master/gatsby-node.js

それが法案に合うなら、私はそれを説明する簡単な投稿を書くことができますか？

@pixelstewはcreatePagninatedPages({ edges, pageLength=10, templatePath, createPage })ようなものまたはそのようなもの。

それは本当に一般的な問題を解決します！

ソリューションの使用に関するブログ投稿も気に入っています。

@ KyleAMathews-完了したと見なします

みなさん、こんにちは！

多言語サイトの例で作業できますか？

私のプラグインgatsby-plugin-18nは良い解決策ですか？ どのような改善が必要ですか？

私は物事を行う正しい方法について助け、フィードバックを得たいと思っています。

ありがとう！

@KyleAMathews

https://www.npmjs.com/package/gatsby-paginate

readmeにいくつかの恐ろしいエラーがあることに気づきました。 APIが十分に単純かどうか教えてください。

こんにちは@pixelstew

package.jsonにgithubリンクを追加できますか？
npmページで、ソースコードを見つけるために、npmプロファイル、githubプロファイル、リポジトリの順に移動する必要がありました。

gatsby-plugin-i18nでパッケージをテストします
私はそれがうまくいくことを願っています= D

@ angeloocana-うんnp

@pixelstewは

こんにちは、 @ KyleAMathews私はTrelloのソースプラグインを作成しました。これはチームIDに基づいて機能します。 これは、 boardId 1つずつ入力するよりも優れています。

また、それを使用して2つのオープンソースWebサイトを構築しています。 そして、すべてのプロセスに関するブログ投稿/チュートリアル。
乾杯
🍻

@Necmttn woah！ Trelloソースプラグインがずっと欲しかったのです！ それについて読むのが待ちきれません！ ボードからリスト、カードにジャンプできますか？ たとえば、ボードを照会してから、そのリストの1つからすべてのカード情報を取得しますか？

ええ、間違いなく！ :)それは次のようなものになります、

query getBoardById($id: String!) {
  allTrelloBoard (
    filter: {
      id: {eq: $id}
    }
  ){
    edges {
      node {
        id
        name 
        lists {
          id
          name
        }
        cards {
          id
          parent
          name
          desc
        }
      }
    }
  }
}

したがって、 parent値に基づくnodeの間に関係があります。
card.parent値= list.id
list.parent値= board.id
次に、基本的に.. list.map場合、カードを比較的listに分割できます。

    const cards = data.cards.filter(card => {
      return card.parent === list.Id
    }).map(card => {
      return (
        <div key={card.id}>
          <h2>{card.name}</h2>
          <p>{card.desc}</p>
        </div>
      )
    })

今日はgatsby-transformer-remark.生のマークダウン解析であるcard.descトランスフォーマーを追加しようとします

children関係を追加するといいPRになります。 時間があれば、よろしくお願いします。

了解しました。子供の関係とトランスフォーマーのコメントも追加しました。 新しいバージョンは魅力のように機能します。 これがクエリの例です。

query getWeeklyById($id: String!) {
  allTrelloBoard (
    filter: {
      id: {eq: $id}
    }
  ){
    edges {
      node {
        id
        name lists {
          id
          name
          cards {
            id
            name
            childMarkdownRemark {
              id
              html
            }
          }
        }
      }
    }
  }
}

faker.jsベースのソースプラグインのアイデアがありました—サンプルサイトを作成するのに素晴らしいでしょう！

@ KyleAMathews-投稿のページ付けに使用できるようにlibを更新します。

あなたまたは他の誰かが、ページ付けされた投稿がどのように構成されているかを説明できますか？
たとえば、マークダウンでは、 index.mdなり、その後、他の「ページ」のmdファイルになりますか？

または他のデータソースを使用していますか？

これを自動化したい場合は、API応答がどのように見えるかを知る必要があると思います。

@pixelstewは、どのデータソースでも

@ KyleAMathews-そうだね-私はおそらくそれを複雑にしすぎていた。 私はすべての投稿の配列を渡し、配列に「マルチページ」の投稿があるかどうかを検出し、あなたが言うように接頭辞付きのURLでそれらを条件付きでレンダリングすることを考えていました。

入力をユーザー定義の配列のままにしておくと、解決策は簡単です。

私は現在自分のサイトでこれらの機能に取り組んでいるので、検索例のサイトやページ付けを作成することにかなり興味があります。

もちろん、これらに取り組んでいる人がまだいない場合。

@Tallestthomasそれは素晴らしいでしょう！ @pixelstewあなたや他の誰かがgatsby-paginateのサンプルサイトをもう構築しましたか？ これは一般的な使用例であるため、ここでホストすることをお勧めします。

検索について— @bvaughnは、検索のアイデアをかなり

ハッキングされた進行中の作業をここにプッシュしましたが、共有する準備ができていません。 時間があれば、あちこちで作業しているだけです。

ZendeskやGreenhouseで何か仕事をしている人はいますか？

こんにちは、みなさん、

ソースプラグインライター用のヘルパーライブラリを作成しました。 ソースプラグインに必要な定型文の一部を減らすのに役立つはずです。

gatsby-node-helpers ： https ：

私が書いているShopifyソースプラグインにそれを使い始めて、それに価値を見つけたので、私はそれを共有すると思いました。 試してみたらどう思うか教えてください。 ありがとう:)

@KyleAMathews自分のブログでプラグインを使用しましたが、ここでクローンを作成してホストできます。

@angeloashmoreこれは素晴らしいです!!! ソースプラグインのドキュメントページからリンクできますか？ https://www.gatsbyjs.org/docs/create-source-plugin/

@pixelstew gatsby-ページ付け？

@pixelstewライセンスがgatsby-paginateプラグインのGPLである理由は何ですか？

CraftCMSのソースプラグインが欲しいです。 Craftには、JSONAPIを作成するネイティブプラグインがあります。 https://github.com/craftcms/element-api/tree/v1 。

クラフト3には、GraphQLサーバープラグインもあります。 https://github.com/markhuot/craftql

このNPMライブラリはかなり甘いです。 ページを分析し、最適な読み込み速度を得るために、そのページで使用されている実際の文字だけに必要なフォントファイルを作成しますhttps://www.npmjs.com/package/subfont

サイト上のすべてのページまたは指定されたページに対してそれを実行するプラグインがあれば便利です！

私は恩恵を受けるだろう@KyleAMathews LaunchDarklyの統合。 理想的には、SSRとランタイム機能フラグの両方をサポートします。

@ mickeyreiss-かっこいいバイザー！

Dribbbleプラグインはありますか？

@smakosh私が知っていることではありません（npmとGitHubを検索しました）…作成したいですか？！

やってみます！

彼らのAPIはとても悪いです笑、どのパラメータが欠落しているかを教えてくれる代わりに、彼らの応答は次のようになります

{
    "error": "invalid_request",
    "error_description": "The request is missing a required parameter, includes an unsupported parameter value, or is otherwise malformed."
}

オーケー私はなんとか応答を得ることができました、今夜プラグインで動作します！

完了： https ：

@smakoshいいね！ コミュニティプラグインのリストに追加したいですか？ https://www.gatsbyjs.org/docs/plugins/#community -plugins

PRを開いたばかりhttps://github.com/gatsbyjs/gatsby/pull/4086

スターターキット： https ：

こんにちは、asciidocのサポートを追加する予定はありますか？ :)

@vojtechruzまだ誰も書いていません！ 気軽に参加して、コミュニティに貢献してください！

確かに、私は幸せになります:)

サブフォントプラグインに取り組んでいる人はいますか？ それが実際に動作するのを見たいです。

@alexparishそれは素晴らしいことです！

@alexparishそれは素晴らしいでしょう！ 先日、そのために1つを考えていました！ 私の考えでは、プロセスはかなり高価であると想定しているので、デフォルトでは、必要なページを指定する必要がありますか？ グーグルアナリティクスに接続して、トップ10のランディングページにツールを自動的に適用するのは素晴らしいことです。

@KyleAMathewsサブフォントのプロセスについてはほとんど知らないのですが、パフォーマンスの資格情報に感銘を受けました。 このプラグインを試してみる予定があった場合は、止めさせないでください。利用できる時間がほとんどないため、私の側からの移動は遅くなります。

わかりました。時間があるかどうかはわかりませんが、カスタムフォントを使用しているサイトのパフォーマンスを向上させる可能性はたくさんあります。

サブフォント用のTBHプラグインは、分析の上位10ページでのみ実行するというアイデア（これは_素晴らしい_アイデアです）のような魔法がない限り、おそらく少しやり過ぎです。 プロジェクトにサブフォントを追加するには、ビルドステップの最後にサブフォントを追加するだけです。

gatsby build && subfont public -i

別のいくつかのアイデア：

• Google灯台の統合-これは、開発サイトではなく、構築されたサイトに対して実行する必要があります

• 最初の入力遅延プラグイン-FIDについて説明しているください

プラグインのアイデア：
スケッチファイルを解析して、

それはどのように機能しますか：
スケッチファイルを解析して読み取るには、いくつかの特定のプロパティを持つ明確なレイヤーとアートボード構造が必要です。 文書化するコンポーネントグループごとに、説明レイヤーまたは情報シンボルを備えた個別のアートボードが必要です。 このレイヤーには特別な名前を付ける必要があります。 そのレイヤーからコンテンツを読み取り、そのコンテンツをマークダウンしてページを作成できます。

使用できるいくつかのツール：
https://github.com/xaviervia/sketch2json
http://oscarotero.design/node-sketch/
https://gist.github.com/JoelBesada/fc20060741342e8a5f15208401e4308d

cloudinaryプラグインのアイデア：
詳細情報

私はpdf-transformerに取り組みます。

dynamodbソースプラグインに取り組みます。

@KyleAMathewsこれをいくつかの問題に分解して、

問題の概要は

Drupal（すでにリポジトリに1つの開始がありますが、作成するのに最適な追加がいくつかあります）

あなたが追いかけている追加のリストはどこかにありますか？

ソースウィッシュリストは、追加できるものでまだ有効ですか？

@KyleAMathews私はgatsby-fixer-ioプラグインを作成します。 現時点でこれを計画しているので、これのPRをすでに提出しても大丈夫ですか？

@kenigboloは、このリポジトリに本当にコアプラグインのみを追加しようとしています。 プラグインをnpmに公開して、プラグインライブラリに表示できるようにしてください。 https://www.gatsbyjs.org/docs/submit-to-plugin-library/

@aroduribeはそうではありません。 これらのことの多くは行われています。 面白そうなものがある場合は、プラグインライブラリを再確認して、完了したかどうかを確認してください。 https://www.gatsbyjs.org/plugins/

https://github.com/gatsbyjs/gatsby/labels/status%3A%20help%20wantedで作業を確認することもでき

貢献する他の方法もhttps://www.gatsbyjs.org/docs/how-to-contribute/で見つけることができ

4月にSmugmugに買収されて以来、Flickrは小さなルネッサンスを経験しているようです。 Flickrの長年のユーザーとして、私はソースプラグインを書いてみたくなりました...

Flickrは便利だろう-サイト自体は衰退しているが、それはロブパブリックAPIであり、ブログの投稿やページに取り込むための写真を保存するための便利なソースになっている。

誰かがNotionソースプラグインを調べているかどうか

@dustinhorton昨日見ていました。 ただし、パブリックAPIがないため、パブリックボードなどを使用する必要があります。

GOで書かれた非公式のAPISDKがあります。
https://github.com/kjk/notionapi

あなたがそれを書く気があるかどうか私に知らせてください。 私も貢献するかもしれません。

同じ理由でgatsby-source-trelloを

@Necmttnええ、Gatsbyソースプラグインを検索した後、私はそれに遭遇しました。 パブリックは私のニーズにうまく適合しますが、小さなユースケースは1つしかないので、時間がかかることを約束する余裕がないのではないかと心配しています。 Trelloプラグインを調べて、感謝やリンクなど、プラグインに何が必要かを理解し始めます。

私はこのファムを構築しました： https ：

現在のドキュメントとプラグインを確認すると、この中のすべてがカバーされているようです。 これを閉じると、新しいソースプラグインリクエストで問題が発生する可能性があります。 （参考：これは最も古い未解決の問題なので、これらすべてを実行するためのチームです。）