Gatsby: [1.0] 플러그인 위시리스트 (및 예제 사이트)

• Markdown의 트윗 및 요점 ( jekyll-twitter-plugin 참조 )
• 캡션 및 / 또는 소스 / 라이선스에 대한 참조가 필요한 마크 다운 이미지를위한 자동 그림 / 그림 캡션
• KaTeX , MathJax (In Markdown) – 또한 인터넷 검색 중에 jekyll-scholar를 우연히 발견했습니다. "서지 및 웹용 읽기 목록의 형식을 지정하고 블로그 게시물에 인용 할 수있는 강력한 기능을 제공합니다",…
• favicon 생성기 – 매우 필요하지는 않지만 (이미 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 및 algolia syncer 작업 중

트윗 담아 가기 목록에 추가했습니다.

DatoCMS에서 작업하는 사람이 있습니까? 그런 일이 일어나고 싶어요.

이미 Medium 통합 작업을하고있는 사람이 있습니까? 특정 블로그의 최신 게시물을 가져 오는 것이 좋습니다.

@mfeltscher 당신은 내 마음을 읽었습니다! 저도 똑같은 필요를 갖고 있으며 어떻게 작성할 수 있는지 알아보기 시작했습니다. Medium API는 이와 관련하여 제한적이므로 (afaik은 블로그에서 최신 게시물을 얻을 수 없음) 블로그의 rss 피드를 긁어 내거나 사용해야합니다. 여기에 범용 RSS 소스를 작성하기 시작했습니다. https://github.com/jondubin/gatsby-source-rss Contributions / thoughts welcome!

@jondubin 안녕하세요 Gatsby 저장소에 소스 플러그인을 추가하고 싶습니까? 이것은 약간의 실험이지만 동일한 저장소에 대부분의 커뮤니티 플러그인이 있으면 플러그인 코드의 품질을 훨씬 더 높이는 데 도움이 될 것이라고 생각합니다. 여기에 코드에 대해 더 많은 시선이있을뿐만 아니라 계속해서 더 나은 투자를 할 수 있습니다. 모든 것이 잘 작동하는지 확인하기 위해 인프라를 테스트합니다.

생각?

@KyleAMathews 더 이상 말하지 마! 기회가 생기는대로 마이그레이션하겠습니다.

안녕하세요, 이번 주말에 개츠비와 놀기 시작했습니다. 좋아 보인다! 개인 웹 사이트를 만들고 스타일에 글래머러스를 사용하고 싶습니다. 내가보기에는 자체 플러그인이 필요하지 않습니다. 백그라운드에서 글래머를 사용하기 때문에 글래머 플러그인을 사용할 때 작동합니다. 내가 뭔가를 놓치고 있습니까?

트윗 담아 가기 다시보고하고 싶습니까? Glamorous를 사용하지 않았거나 SSR 방법을 연구하지 않았으므로 기존의 Glamour 플러그인이 작동하는지 여부를 모르겠습니다.

그것은 작동합니다 😆 문서를 보면 SSR에 대해 아무것도 찾을 수 없습니다. Kent C. Dodds는 매력과 반응이 그것을 지원하기 때문에 효과가 있다고 썼습니다. 그래서 글래머 플러그인을 활성화하면 작동합니다. 🎉

오, 완벽합니다 :-) 글래머 플러그인 readme에 그것에 대한 언급을 추가하고 싶을 때 우리는 그것을 확인할 수 있습니다 👍

물론입니다.

@jondubin +1은 Medium API의 제한 사항에 대해 설명합니다. 또한 단지 피드도 포함되어 확인하려면 RSS 방식을 시도 사용자의 의견 을 수행 할 수 있습니다, 주위에 작업을 🙄 ...하지만,

감정 플러그인 작업을 할 것 같아요

안녕하세요, Contentful 의 오픈 소스 대안이기 때문에 있으면 좋을 것입니다. :)

@fk @jondubin 이 문제를 이 블로그 게시물에 설명 습니다 . https://medium.com/@{username}/latest?format=json .

👋 gatsby-transformer-xml 플러그인 작업을 할 수 있습니다

gatsby-transformer-xml 의 PR 입니다

@KyleAMathews Wordpress.com 소스 플러그인이 완료되었습니다.

@fk @erutan wrt Flickr / 500px, Unsplash 도 좋습니다.

# 1496이 "Transformer plugins"에서 "CSV"를 해결했다고 생각합니다.

또한 XLSX를 해당 목록에 추가하는 것이 좋습니다.

여기에서 prismic.io 소스 플러그인 작업을 시작했습니다. https://github.com/angeloashmore/gatsby-source-prismic

매우 기본적입니다. 모든 문서를 가져와 PrismicDocument 노드에서 모든 데이터를 사용할 수 있도록합니다.

필요한 개선 사항에는 필요에 따라 문서 연결 (대체 언어, 관계형 링크 필드 등)이 포함됩니다.

안녕하세요

@mfeltscher가 언급 한 엔드 포인트에서 JSON을 가져 오는 Medium 소스 플러그인을 작성했습니다. 여기서 Pull Request를 열었습니다 : # 1907

다른 사람에게도 유용하기를 바랍니다.

@deniaz 감사합니다! @mfeltscher 😕의 댓글을 JSON 페이지는 읽기 API로 사용하기위한 것이 아닙니다. "를 . … 🤓 😅

야,
Github API v4 용 소스 플러그인을 작성했거나 npm install gatsby-source-github-api 사용하여 설치했습니다.

무엇을 변경해야하는지 또는 어떤 기능이 구현되기를 바라는지 알려주세요.

-
편집 : 또한이 플러그인의 유용성을 보여주는 간단한 웹 사이트를 완성했습니다. 여기에서 찾을 수

LaTeX, 특히 MathJax는 훌륭 할 것입니다!

@thomaskuntzz 이제 https://using-remark.gatsbyjs.org/katex/

대박! 내가 필요한 것에 아주 잘 맞는 것 같습니다!

MathJax보다 KaTeX가 왜 선택되었는지 궁금합니다.

확실하지 않은 경우 원래 PR에서 추론을 확인하십시오. MathJax 용 다른 플러그인도 추가합니다. 더 즐거운 플러그인 더 :-)

안녕하세요, 포스트 목록을 페이지 매기기위한 빠른 솔루션을 모았고 주변에 페이지 매김 예제가 없다는 것을 알았습니다.

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

그것이 청구서에 맞다면 그것을 설명하는 빠른 포스트를 쓸 수 있습니까?

@pixelstew 멋지다! 사람들이 사용할 수있는 라이브러리를 추출하고 싶습니까? createPagninatedPages({ edges, pageLength=10, templatePath, createPage }) 같은 것.

그것은 정말 일반적인 문제를 해결합니다!

솔루션 사용에 대한 블로그 게시물도 좋아할 것입니다.

@KyleAMathews- 완료 한 것으로 간주

안녕 여러분!

다국어 사이트 예제로 작업 할 수 있습니까?

내 플러그인 gatsby-plugin-18n 이 좋은 솔루션입니까? 어떤 개선이 필요합니까?

일을하는 올바른 방법에 대해 돕고 피드백을 받고 싶습니다.

감사!

안녕하세요.

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

readme에서 끔찍한 오류를 발견했습니다. API가 충분히 간단한 지 알려주세요.

안녕하세요 @pixelstew

package.json에 github 링크를 추가 할 수 있습니까?
npm 페이지에서 소스 코드를 찾기 위해 npm 프로필로 이동 한 다음 github 프로필로 이동 한 다음 저장소로 이동해야했습니다.

gatsby-plugin-i18n으로 패키지를 테스트
나는 그것이 작동하기를 바란다 = D

@angeloocana- 넵 np

@pixelstew 멋지다! 사용하기 매우 간단합니다. 내가 볼 수있는 유일한 것은 페이지의 기본 경로를 변경하는 방법입니다. 예 : i18n 또는 사이트의 하위 섹션 (예 : / blog / 1, / blog / 2 등). 또한 후행 슬래시를 말하는 방법 일 수도 있습니다.

안녕하세요, @KyleAMathews 팀 ID를 기반으로 작동 하는 Trello 용 소스 플러그인을 작성했습니다. boardId 하나씩 입력하는 것보다 낫습니다.

나는 또한 그것으로 2 개의 오픈 소스 웹 사이트를 만들고있다. 모든 프로세스에 대한 블로그 게시물 / 튜토리얼.
건배
🍻

@Necmttn 우와 ! 영원히 Trello 소스 플러그인을 원했습니다! 그것에 대해 읽고 기다릴 수 없습니다! 보드에서 목록으로, 카드로 이동할 수 있습니까? 예를 들어 보드를 쿼리 한 다음 목록 중 하나에서 모든 카드 정보를 가져 오나요?

물론 이죠! :) 다음과 같습니다.

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

따라서 node s base on parent 값 사이에 관계가 있습니다.
card.parent 가치 = list.id
list.parent 가치 = board.id
그런 다음 기본적으로 .. 카드를 상대적으로 list 분할 할 수 있습니다. list.map ;

    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>
      )
    })

오늘은 추가하려고합니다 변압기 card.desc 원시 인하 구문 분석이다 gatsby-transformer-remark.

그리고 children 관계를 추가하면 좋은 홍보가 될 것입니다. 누군가 시간이 있으면 감사하겠습니다.

좋아, 나는 또한 자녀 관계 및 변압기 발언을 추가했습니다. 새 버전은 매력처럼 작동합니다. 다음은 예제 쿼리입니다.

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- 예, 그렇게 생각합니다-나는 아마도 그것을 지나치게 복잡하게

입력을 사용자 정의 배열로두면 솔루션이 간단합니다.

나는 현재 내 사이트에서 이러한 기능을 작업하고 있기 때문에 검색 예제 사이트 또는 페이지 매김을 구축하는 데 관심이 많습니다.

물론 이미 이것에 대해 작업하는 사람이 없다면.

@Tallestthomas 대단 할 것입니다! @pixelstew 당신이나 다른 누군가가 gatsby-paginate에 대한 예제 사이트를 아직 만들었습니까? 일반적인 사용 사례이기 때문에 여기에서 호스팅하는 것이 좋습니다.

검색 중 — @bvaughn 은 검색 아이디어를 꽤 많이 가지고 있습니다. Brian — 샘플 코드를 어디로 든 푸시 했습니까?

해킹 된 작업 중 일부를 여기 에서 밀어 냈지만 공유 할 준비가 전혀되어 있지 않습니다. 시간이 생기면 여기저기서 작업하는 것뿐입니다.

Zendesk 또는 Greenhouse로 작업 한 사람이 있습니까?

안녕 모두들,

소스 플러그인 작성자를위한 도우미 라이브러리를 만들었습니다. 소스 플러그인에 필요한 상용구를 줄이는 데 도움이 될 것입니다.

gatsby-node-helpers : https://github.com/angeloashmore/gatsby-node-helpers

내가 쓰고있는 Shopify 소스 플러그인에 사용하기 시작했고 그 안에서 가치를 찾았으므로 공유 할 것이라고 생각했습니다. 시도해 보면 어떻게 생각하는지 알려주세요. 감사 :)

@KyleAMathews 나는 여기에서 복제하고 호스팅하게되어 기쁩니다 내 블로그에서 플러그인을 사용했습니다.

@angeloashmore 이것은 환상적입니다! 소스 플러그인 문서 페이지에서 링크 할 수 있습니까? https://www.gatsbyjs.org/docs/create-source-plugin/

@pixelstew gatsby-paginate?

@pixelstew gatsby-paginate 플러그인에서 라이센스가 GPL 인 이유는 무엇입니까?

Craft CMS 용 소스 플러그인을보고 싶습니다. Craft에는 JSON API를 만드는 기본 플러그인이 있습니다. https://github.com/craftcms/element-api/tree/v1 .

Craft 3의 경우 GraphQL 서버 플러그인도 있습니다. https://github.com/markhuot/craftql

이 NPM 라이브러리는 꽤 달콤합니다. 페이지를 분석하고 최적의 로딩 속도를 위해 해당 페이지에서 사용 된 실제 문자에 대해서만 필요한 글꼴 파일을 만듭니다. https://www.npmjs.com/package/subfont

사이트의 모든 또는 지정된 페이지에 대해 그렇게하는 플러그인이 있으면 깔끔 할 것입니다!

@KyleAMathews 나는 LaunchDarkly 통합의 혜택을 볼 것입니다. 이상적으로는 SSR 및 런타임 기능 플래그를 모두 지원합니다.

@ mickeyreiss-visor 멋질 것입니다!

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://www.npmjs.com/package/gatsby-source-dribbble

@smakosh 좋네요! 커뮤니티 플러그인 목록에 추가 하시겠습니까? https://www.gatsbyjs.org/docs/plugins/#community -plugins

방금 PR https://github.com/gatsbyjs/gatsby/pull/4086을 열었습니다.

스타터 키트 : https://github.com/smakosh/gatsby-source-dribbble-example

안녕하세요, asciidoc에 대한 지원을 추가 할 계획이 있습니까? :)

@vojtechruz 아직 아무도 작성하지 않았습니다! 자유롭게 받아 커뮤니티에 기여하세요!

물론입니다. :)

하위 글꼴 플러그인 작업을하는 사람이 있습니까? 실제로보고 싶어요.

@alexparish 만나서

@alexparish 굉장 할 것입니다! 저번 밤에 하나에 대해 생각하고 있었어요! 내 생각은 기본적으로 사람들이 프로세스가 꽤 비싸다고 가정하기 때문에 원하는 페이지를 지정해야한다는 것입니다. Google 애널리틱스에 연결하고 상위 10 개의 랜딩 페이지에 도구를 자동으로 적용하는 것이 좋습니다.

@KyleAMathews 저는 하위 글꼴 프로세스에 대해 거의 알지 못하지만 성능 자격 증명에 깊은 인상을 받았습니다. 이 플러그인을 사용할 계획이 있었다면 제발 막지 마십시오. 시간이 거의 없어 제 편에서 느리게 진행될 것입니다.

좋아, 시간이 언제 있을지 확실하지 않지만 예, 사용자 지정 글꼴을 사용하는 사이트에서 성능을 향상시킬 수있는 많은 잠재력이 있습니다.

TBH 서브 폰트 용 플러그인은 분석의 상위 10 개 페이지에서만 실행된다는 아이디어 (_awesome_ 아이디어)와 같은 마법이 없다면 약간 과잉 일 것입니다. 프로젝트에 하위 글꼴을 추가하려면 빌드 단계의 끝에 붙일 수 있습니다.

gatsby build && subfont public -i

또 다른 몇 가지 아이디어 :

• Google Lighthouse 통합 -이것은 개발 사이트가 아닌 빌드 된 사이트에 대해 실행되어야합니다.

• 첫 번째 입력 지연 플러그인 -FID를 설명 하는

플러그인 아이디어 :
스케치 파일을 구문 분석하여

작동 원리 :
스케치 파일을 구문 분석하고 읽으려면 몇 가지 특정 속성이있는 명확한 레이어 및 아트 보드 구조가 필요합니다. 문서화하려는 구성 요소 그룹마다 설명 레이어 또는 정보 기호가있는 별도의 아트 보드가 있어야합니다. 이 레이어에는 특별한 이름이 필요합니다. 해당 레이어에서 콘텐츠를 읽고 해당 콘텐츠로 마크 다운 페이지를 구축 할 수 있습니다.

사용할 수있는 도구 :
https://github.com/xaviervia/sketch2json
http://oscarotero.design/node-sketch/
https://gist.github.com/JoelBesada/fc20060741342e8a5f15208401e4308d

클라우드 플러그인 아이디어 :
더 많은 정보

pdf-transformer 작업을하겠습니다.

dynamodb 소스 플러그인에 대해 작업하겠습니다.

@KyleAMathews 나는 이것을 몇 가지 문제로 나누어 조금 더 접근하기

문제 요약에는

Drupal (이미 리포지토리에 하나의 시작이 있지만 만들면 좋은 추가 사항이 많이 있습니다)

쫓고있는 추가 사항 목록이 있습니까?

소스 위시리스트는 추가 할 수있는 항목에 여전히 유효합니까?

@KyleAMathews 나는 fixer-io에 사용하는 작은 노드 유틸리티를 가지고 있으며 실제로 이것을 gatsby에서 사용할 수있는 플러그인으로 추가하고 싶으므로 기본적으로 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 for work에서 도움을받을 수도 있습니다.

기여하는 다른 방법은 https://www.gatsbyjs.org/docs/how-to-contribute/ 에서 찾을 수 있습니다.

4 월에 Smugmug에 인수 된 이후 Flickr는 작은 르네상스를 겪고있는 것 같습니다. 오랫동안 Flickr 사용자로서 저는 소스 플러그인을 작성하고 싶은 유혹이 있습니다.

Flickr는 유용 할 것입니다. 사이트 자체는 쇠약 해졌지만 공개 API는 블로그 게시물과 페이지에 가져올 사진을 저장하는 데 유용한 소스가됩니다.

누가 Notion 소스 플러그인을 살펴보고 있는지 궁금합니다.

@dustinhorton 어제 그것을보고있었습니다. 그러나 그들은 공개 API가 없으므로 공개 게시판 등을 사용해야합니다.

GO로 작성된 비공식 API SDK가 있습니다.
https://github.com/kjk/notionapi

글을 쓸 의향이 있는지 알려주세요. 나도 기여할 수 있습니다.

같은 이유로 gatsby-source-trello 를 작성

@Necmttn 예, Gatsby 소스 플러그인을 검색 한 후 우연히 발견했습니다. 퍼블릭은 내 요구를 잘 충족시킬 수 있지만 작은 사용 사례가 하나 밖에 없어서 걸리는 시간을 감당할 여유가 없습니다. Trello 플러그인을 살펴보고 감사 또는 링크와 같은 작업이 수반 될 수있는 아이디어를 얻기 시작하겠습니다.

나는이 fam을 만들었습니다 : https://github.com/wmlutz/gatsby-source-dynamodb

현재 문서 및 플러그인을 검토하는 것은이 문서의 모든 내용을 다룬 것처럼 보입니다. 이를 닫으면 새 소스 플러그인 요청에 문제가 발생할 수 있습니다. (참고 : 이것은 가장 오래된 미해결 문제이므로이 모든 작업을 완료 한 팀입니다.)