Text」とZennを組み合わせることで、楽に技術系記事を書く方法を紹介します。Text」はマークダウンエディタですが、投稿後の見た目のまま編集できるところが大きな特徴です。クリップボードの画像を記事にペーストできるので、画面キャプチャーを取りながら操作手順をまとめるケースでは、特に執筆効率が高いです。補足:0.17.0はクリップボード上の画像をペーストできないバグがあり、いま修正版の0.17.1を準備中のようです。0.17.0で不便を強いられます。Desktopアプリ準備ZennにGitHub連携を設定する次の記事を参考に、GitHub上に「zenn-content」リポジトリを作成して連携します。ファイルを、imagesフォルダに画像を入れるルールになっています。Textは3つのプラットフォームをサポートしています。本記事ではWindowsプラットフォームを使った事例を紹介します。Textを起動し、設定を変更します。<設定画面のたどり方>「Images」の設定項目の4個所を下記の通り設定します。フォルダに配置してくれます。テンポラリフォルダとして使われるので、あらかじめフォルダを作成しておいてください。Textで記事を書いている様子このように、Zennに投稿した後のイメージに近いレイアウトで編集できます。DesktopからGitにコミットするGitHubにPushするZennに記事が同期される(「下書き」状態の例)画像パス問題の回避Zennの仕様ZennのGitHub連携の仕様を説明します。守らないと記事の投稿と画像表示が正しく動作しません。Text」は、画像をドラッグアンドドロップで張り付けた際、次のような相対パスになります。修正する必要があります。![](../images/2022-02-25-22-48-19-image.png)↓↓↓(修正)![](/images/2022-02-25-22-48-19-image.png)まとめると次のような関係になります。Text」で画像表示したい場合は、以下のコマンドでローカルリポジトリへのシンボリックリンクを作成します。いうシンボリックリンクを作成します。結果、★のパターンも画像表示できるようになります。パスで画像表示されるように要望を出しました。形式で画像を埋め込むことができますが、HTMLタグには対応していません。Text」は、画像をドラッグアンドドロップするとmarkdown形式で画像を埋め込んでくれます。HTMLのimgタグになってしまいます。タグのままZennの記事としてアップロードするとimgタグがレンダリングされず、HTML文字列がそのまま見えてしまいます。ツイートkiyokaAWSとマークダウンが好きなソフトウェアエンジニアです。GPT-3.5/GPT-4でも遊んでいます。約3,300字kiyokaAWSとマークダウンが好きなソフトウェアエンジニアです。GPT-3.5/GPT-4でも遊んでいます。画像パス問題の回避Zennの制限事項に注意Zennエンジニアのための情報共有コミュニティAboutZennについて運営会社お知らせ・リリースGuides使い方Publicationよくある質問LinksTwitterGitHubメディアキットLegal利用規約プライバシーポリシ。