{"repo":"zenn-dev/zenn-vscode-extension","free":true,"listed":false,"github":"https://github.com/zenn-dev/zenn-vscode-extension","clone":"git clone https://github.com/zenn-dev/zenn-vscode-extension.git","description":"ブラウザ上の VSCode で Zenn をプレビューするための拡張","language":"TypeScript","stars":66,"topics":["markdown","vscode-extension","zenn"],"license":"MIT","category":"productivity","readme_excerpt":"🚩 この拡張機能はまだ β 版です 🚩 現在はブラウザ上で動くことを想定してます。ローカルの VSCode でも一応動作しますが保証はしません Zenn VSCode Extension ブラウザ上で実行される VSCode で、Zenn のコンテンツを表示するための拡張機能です。 特徴 - Zenn のコンテンツをサイドバーに一覧表示します - Zenn のフォーマットで書かれたコンテンツをプレビューします - 記事や本のテンプレートを VSCode 上で新規作成できます - Zenn 独自の記法のスニペットを追加します - Zenn のガイド記事一覧を表示します 使い方 Zenn のコンテンツ( articles/ .md , books/ )があるワークスペースで VSCode を開くと、アクティビティーバーに Zenn のロゴが追加されます。 追加された Zenn のロゴをクリックすると、ワークスペース内の Zenn のコンテンツがツリービューに表示されます。 コンテンツのプレビュー 記事や本のプレビューは、リスト内のプレビューボタンから行うことができます。 現在開いているマークダウンファイルが Zenn のリポジトリ内の articles フォルダまたは books フォルダに存在している場合には、コマンドパレットから Zenn: Preview Contents を実行するか、エディタタイトル上のプレビューボタンをクリックすることでもプレビューができます。 チャプター番号による並べ替え BOOKS セクションのチャプターファイルは config.yaml や n.slug.md のフォーマットで設定したチャプターの順番で並べ替えることができます。並べ替えの設定を有効化するには「設定 → Zenn Preview → Sort By Chapter Number」から設定項目をチェックして下さい。 更に「Show Chapter Number」 の設定を有効化することでチャプターファイルの表示にチャプター番号をプリフィクスすることが可能です。 デフォルトではこれらの設定は無効化されており、ツリービューにおいてチャプターはファイル名の順番で表示されます。また、チャプタータイトルがある場合にはそのタイトルから表示され、チャプタータイトルが無い場合にはファイル名から表示されます。 プレビュータイトルの切り詰め表示 プレビューパネルのタブタイトルはフロントマター（Front Matter）の emoji キーに指定した絵文字と title キーに指定した文字列を使って「😺 タイトル文字列 のプレビュー」のフォーマットで表示します。ただし、 title キーに指定したタイトル文字列が長すぎる場合にはタブタイトルの絵文字を含めずに 50 文字に切り詰め、残りの部分は「...」のフォーマットで省略して表示します。 切り詰め用の文字数は「設定 → Zenn Preview → Truncate Preview Title」から変更することができ、この設定で指定した文字数によって以下のように各プレビューパネルのタイトルを一律に切り詰めて表示できます。 設定可能な切り詰め用の文字数は最小で 5 文字です。切り詰め表示を行いたくない場合には 999 などの大きな数値を指定してください。 コンテンツの新規作成 ツリービュー内の各セッションにある新規作成ボタンをクリックするか、コマンドパレットからのコマンド実行で各種コンテンツのテンプレートを作成できます。","default_branch":null,"files":null,"tree":[],"storefront":"/r/zenn-dev","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/zenn-dev/zenn-vscode-extension/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}