-
Notifications
You must be signed in to change notification settings - Fork 113
translate /docs/working-with-images-in-markdown #156
translate /docs/working-with-images-in-markdown #156
Conversation
| ブログを作成する際に、記事の見出し画像を設定したい場合があります。frontmatter に画像のファイル名を設定し、GraphQL のクエリに `gatsby-plugin-sharp` を利用して画像を読み込む方法があります。 | ||
|
|
||
| This solution assumes you already have programmatically generated pages from Markdown with renderers like `gatsby-transformer-remark` or `gatsby-plugin-mdx`. If not, take a read through up to [Part 7 of the Gatsby Tutorial](/tutorial/part-seven/). This will build upon the tutorial and as such, `gatsby-transformer-remark` will be used for this example. | ||
| この方法は `gatsby-transformer-remark` か `gatsby-plugin-mdx` を利用して、 すでに Markdown を変換してコンテンツとして利用できるよう設定してある場合を想定しています。もし設定をしていない場合は [Programmatically create pages from data](/tutorial/part-seven/) を参照してください。チュートリアルは `gatsby-transformer-remark` を利用しています。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
need to replace Programmatically create pages from data after translate that page
| > NOTE: [MDX](/docs/mdx/) を利用した場合も、GraphQL のクエリ内の `markdownRemark` を `Mdx` へ置き換えるだけで動作します。 | ||
| To start out, download the plugins for Gatsby-image as mentioned in [Using gatsby-image](/docs/using-gatsby-image/). | ||
| まずは [Using gatsby-image](/docs/using-gatsby-image/) で紹介されている画像を扱うために必要なプラグインをインストールしましょう。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
need to replace Using gatsby-image link
| @@ -1,28 +1,28 @@ | |||
| --- | |||
| title: Working with Images in Markdown Posts and Pages | |||
| title: Markdown で書かれているコンテンツで画像を扱う | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Post / Page の訳に迷い コンテンツ でまとめました
| ``` | ||
|
|
||
| With the configurations above, you can use the default Markdown syntax for images. They will be processed by Sharp and appear as if you placed them in a `gatsby-image` component. | ||
| このような設定をすることによっての Markdown の書式で画像を表示できます。 `Sharp` により処理されたものを `gatsby-image` コンポーネントを使うことにより表示できます。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sharp が悩ましいです
uetchy
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ありがとうございます👍
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
Co-Authored-By: Yasuaki Uechi <[email protected]>
|
@uetchy 修正しました。再度reviewお願いします 🐶 |
uetchy
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🚀
|
Holy buckets, @charlie043 — we just merged your PR to Gatsby! 💪💜 Gatsby is built by awesome people like you. Let us say “thanks” in two ways:
If there’s anything we can do to help, please don’t hesitate to reach out to us: tweet at @gatsbyjs and we’ll come a-runnin’. Thanks again! |
概要
/docs/working-with-images-in-markdownの翻訳チェックリスト
textlintを使って校正を行いました。Allow edits from maintainersにチェックを入れました。補足
none
Ref: #1