Markdown-itのプラグインの作り方
先日、VSCode ではてなブログの記事を書きやすくするための拡張機能を作りました。 開発時のあれこれは別の記事にも書いています。 さて、VSCode 拡張機能の Markdown プレビューはextendMarkdownItという関数を定義するだけで拡張することが出来ます。 import * as vscode from 'vscode'; export function activate(context: vscode.ExtensionContext) { return { extendMarkdownIt(md: any) { return md.use(require('markdown-it-emoji')); } }; } "markdown-it-emoji"のようなプラグインを作って差し込むだけで、VSCode の Markdown を拡張できます。 これを使って拡張機能
React マークダウンを HTML 変換するライブラリ試してみた - かもメモ
マークダウンテキストを HTML 表示するライブラリ試してみたのでメモ 結論 React で使うなら React-markdown がシンプルで良さそう 調査経緯 ライブラリとしては marked >>> markdown-it > remark の順で使われている remark の内部で使われている remark-parse が圧倒的に多く使われている 最終更新は markdown-it > remark (remark-parse) > marked の順 marked は利用数は多いのですが最終アップデートが 11 年前なので、Markdown-it と Remark で検討することにしました Markdown-it Remark Project JavaScript TypeScript Star 14.5k 5.8k Last publish 7 months ago a yea
mdxjs.com
Markdown for the component eraMDX lets you use JSX in your markdown content. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast. 🚀 Continue reading » New: MDX 3!A small major this time, nothing big, which is also nice sometimes! This mainly drops support for old Node (use 16 or later), a
Build optimized websites quickly, focus on your content | Docusaurus
Build optimized websites quickly, focus on your content Powered by MDXSave time and focus on text documents. Simply write docs and blog posts with MDX, and Docusaurus builds them into static HTML files ready to be served. You can even embed React components in your Markdown thanks to MDX. Built Using ReactExtend and customize your project's layout by writing React components. Leverage the pluggabl
GatsbyJSのscriptタグの扱いについて ~Markdown内のscriptタグはエスケープ処理されます~
GatsbyJSのscriptタグの扱いについて ~Markdown内のscriptタグはエスケープ処理されます~ 2020-05-17 2019-12-26 GatsbyJSを使ってみて地味に詰まったポイントがscriptタグの扱いでした。 僕のようになんとなくjavascriptを使い始めた方もいるかもしれないので、今回はGatsbyJSでのscriptタグに関する注意点について書いてみました。 Markdownファイルに書き込んだScriptタグは実行されないまず最初はこれです。 サブタイトルにも書きましたが、GatsbyではMarkdown中のScriptタグはエスケープ処理されてしまうため実行されません。 Markdown中のscriptタグを実行させるには、専用に作られたプラグインを導入するか、自分でそれように作り込む必要があります。 プラグインについてはTwitterやYou
Next.js + esa.io + VercelでJAMStackな爆速ブログを構築する - パンダのプログラミングブログ
追記: 本記事がesa.ioの公式Twitterに取り上げられました！ esaに書いた記事をNext.jsで公開する Next.jsのバージョン9.3から、ビルド時に外部ソースからデータを取得するgetStaticPropsというAPIが公開されました。 ブログは静的なコンテンツです。ブログの内容はユーザーに応じて動的に変わるということはありません。そして、getStaticPropsは静的なページを構築するために最適なAPIです。 そこで、esaにmarkdownで書いた記事をNext.jsで表示するサイトを構築しました。 実際にサイトにアクセスして記事を開いてみてください。爆速で遷移するのが体験できます。Lighthouseの成績もバツグンです。（blog-starterをベースに利用したため、コンテンツはそのレポジトリの内容を踏襲しています） デモサイトのコードはGitHubにアップ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
