タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
静的サイトジェネレータ「Astro 2.1」リリース。画像の最適化、Markdocのサポート、ファイル変更検知し型チェックなど新機能
静的サイトジェネレータ「Astro 2.1」リリース。画像の最適化、Markdocのサポート、ファイル変更検知し型チェックなど新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 2.1」が正式にリリースされました。 Astro 2.1 is here with a brand new <Image> component! Check out the full release:https://t.co/tFxjU86eVR — Astro (@astrodotbuild) March 8, 2023 Astroは、ReactやVue、Svelte、Alpine.js、TypeScriptなどのさまざまなフレームワークやライブラリに対応した静的サイトジェネレータです。 ビルド時にWebサイト全体のHTMLが生成され、しかもそのHTMLに
At Stripe, our product docs are designed to feel like an application rather than a traditional user manual. For example, we incorporate a user's own API test key into code samples, making it possible to copy and paste code that seamlessly works with the user's own account. We have client-side interactivity, like checklists and collapsible sections. We tailor the content to the individual user, con
Markdocとは オンライン決済サービスのStripeがドキュメント作成に使っているフレームワークです。 Markdownを使って柔軟かつパワフルにドキュメントを作ることができるようです。 少し前にStripeがこのフレームワークをOSS化し、HackerNews上で話題になっていました。 今回試したのはチュートリアル程度の内容ですが、機能がシンプルにまとまっており、Markdownを簡単に拡張できて面白かったです。ドキュメントをしっかり書きたい人にはおすすめです。 Markdocの公式ドキュメントにGetting Startedがあり、GitHubの方にも分かりやすいサンプルリポジトリがあるので、基本的にはそちらを参考にしてください。 また、サンプルリポジトリではWebpackを使用してビルドしていますが、本記事ではViteを使用しております。（著者がViteを使ってみたかっただけです
GitHub - markdoc/markdoc: A powerful, flexible, Markdown-based authoring framework.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Stripe is open-sourcing Markdoc, the Markdown-based authoring system that powers the Stripe documentation website. Whether it’s for a simple static site, authoring tooling, or a full-blown documentation website, Markdoc is designed to grow with you, so you can create engaging experiences no matter how large or complex your documentation becomes. Let’s have a look at how to get started. The rest of
const withMarkdoc = require('@markdoc/next.js'); module.exports = withMarkdoc(/* options */)({ pageExtensions: ['md', 'mdoc', 'js', 'jsx'] }); 2. ファイルの構成 各ファイル構成は以下の通りにしました。設定ファイルはmarkdocというディレクトリを作りそこにすべて突っ込みます。 Next.jsでMarkdocを扱う場合はファイルの置き場所やファイル名にある程度制限があるようですので注意してください。 各ファイルの中身はGitHubに載せます。詳しくはそちらをご参照下さい。 3. トップページを表示する markdownのヘッダーをもとにページのタイトルを設定できるように_app.jsをいじります。 import React from 'react
Markdoc入門: Vite + @markdoc/markdocを使って、Markdownで書かれた記事を表示しよう - Qiita
Markdoc入門: Vite + @markdoc/markdocを使って、Markdownで書かれた記事を表示しようJavaScriptMarkdownvitemarkdoc Markdocは、Stripeのドキュメントサイトで利用している、マークダウンのオーサリングツールです。 この記事では、JavaScriptと@markwodn/markdocライブラリを利用して、Markdownで書かれたコンテンツをサイトに表示させる方法を紹介します。 セットアップ Markdocライブラリは、npm installして利用します。 今回はコードのビルドに、Viteを利用します。 フレームワークにはvanillaを選びましょう。 variantでTypeScriptも選べますが、今回は使用しません。 $ npm init vite ✔ Project name: … vite-markdoc
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How Stripe builds interactive docs with Markdoc
【Markdoc】Markdownベースの文書作成フレームワークを触ってみた
Getting started with Markdoc in Next.js
MarkdocとNext.jsでドキュメントサイトを作ってみる - Qiita
sns.beamie.jp
togetter.com
masuiwo.wpxblog.jp
news.yahoo.co.jp
b.hatena.ne.jp
news.yahoo.co.jp