目次
テーマ プラグイン
スクリーンショットツール
ホームページ 開発ツール VSCode VSCode で Markdown を書くのはとてもクールです!

VSCode で Markdown を書くのはとてもクールです!

Dec 20, 2021 pm 02:55 PM
markdown vscode

mdドキュメントを書くときにTyporaを使っていました。このエディタはとてもシンプルで便利ですが、画像を加工するときは少し面倒です。もちろん、有料のプラグインを使用して自動的にアップロードすることもできますが、勤勉と倹約を重視して、他の選択肢を探してみました。その後、vscode を使用して Markdown を記述するのが実際には非常に優れていることに気づきました。

テーマ プラグイン

このステップは実際には非常に重要です。結局のところ、記事を書くには、一方では優れた文章が必要であり、もう一方では簡単で明確なレイアウトが必要です。これは私の個人的なお気に入りで、シンプルで新鮮でありながらプロフェッショナルです。 [推奨: vscode チュートリアル]

Markdown Preview Github Styling

VSCode で Markdown を書くのはとてもクールです!

##画像自動ツール

PicGo

これは、写真をリモート エンドにアップロードするためのショートカット キーをサポートする vscode プラグインです。デフォルトは写真 bed

sm.ms (無料)。ただし、個人的には、独自の Qiniu Cloud Storage や Alibaba☁️ などを構成することをお勧めします。結局のところ、自分のものの方が安全で信頼性が高くなります。

スクリーンショットのアップロード、ローカル アップロード、およびオンライン アドレスに直接変換するその他の方法をサポートしており、手動でアップロードしたり、画像ベッドに貼り付けたりする必要はありません。

VSCode で Markdown を書くのはとてもクールです!

VSCode で Markdown を書くのはとてもクールです!

Gif 録画ツール

強くお勧めします

Gifox。もちろん、Kap もあります。生成された gif は大きすぎます。

これは美しく高品質な GIF 生成ツールです。通常、生成される GIF のサイズはわずか数百キロバイトです。私の記事の基本的な GIF はわずか 100k 程度です。

VSCode で Markdown を書くのはとてもクールです!

目次とショートカット キー

Markdown All in One

次の機能ショートカット キーをサポートします

Shift コマンド p を押して表示します。

VSCode で Markdown を書くのはとてもクールです!

##キーCtrl##Ctrl#AltSCtrlShiftCtrl Shift#M##AltCCtrlShiftVV
コマンド
B太字に切り替え
I斜体の切り替え
下線の切り替え
]タイトルアップグレード
#[タイトルダウングレード ##Ctrl
数学環境の切り替え
タスクのチェック/チェック解除
プレビューの切り替え##Ctrl K
プレビューを横に切り替える

スクリーンショットツール

qq/WeChat付属のショートカット機能で十分です。

もちろん、この種の影付きの縦長のスクリーンショットが必要な場合は。

VSCode で Markdown を書くのはとてもクールです!

#これは実は Mac に付属している機能です。

Command Shift 3

このキーの組み合わせにより、現在の画面の画像全体をキャプチャし、「スクリーンショットの日付」という番号形式で名前を付け、デスクトップに自動的に保存できます。 PNG形式。

Command Shift 4

このキーの組み合わせにより、現在の画面上の任意の領域の画像をキャプチャできます。キーの組み合わせを押した後に放すと、マウスが自動的に標準になります。カーソルを移動すると (マウスでクリックしてドラッグするか、トラックパッド上で 3 本の指を同時にドラッグして) インターセプト領域を選択すると、その横に瞬時に変化する長さと幅のピクセル値が表示されます。確認後、ジェスチャを放します。 (またはマウス) を押してスクリーンショットを完了します。この操作もスクリーンショットの日付番号に基づいて名前が付けられ、.PNG 形式でデスクトップに自動的に保存されます。

Command Shift 4 スペースバー

画面上の特定のウィンドウの画像を完全にキャプチャしたい場合は、まず Command Shift 4 キーの組み合わせを押してから、スペースバー (またはCommand Shift 4. スペースバーを同時に押します)、カーソルが自動的にカメラアイコンに変わります。このとき、すべての領域がマスクされた状態になります。カーソルを目的のウィンドウに移動し、クリックするとスクリーンショットが完了します。

ウィンドウを選択せず​​にデスクトップにカーソルを置くと、クリックすると背景の壁紙全体の画像が自動的にキャプチャされます。これは背景の壁紙であることに注意してください。この操作もスクリーンショットの日付番号に基づいて名前が付けられ、.PNG 形式でデスクトップに自動的に保存されます。

特殊効果

シャドウ オブ コード:

carbon.now.sh/ (X のインストールに必要)

VSCode で Markdown を書くのはとてもクールです!

# モバイル シェル

VSCode で Markdown を書くのはとてもクールです!

# Android、iOS、および Windows 用のさまざまなシェル。

mockphone.com/

生成された画像はさらに大きく、この画像は約 1.7M です。したがって、その後の画像圧縮が必要になります。

VSCode で Markdown を書くのはとてもクールです!

画像圧縮

Tinypng 効果が非常に大きいことがわかります。

VSCode で Markdown を書くのはとてもクールです!

最後まで書いてください

こんな強力なツールを使えば、みんなで楽しくXのふりができて、うーん、とてもおいしいです。

以上がVSCode で Markdown を書くのはとてもクールです!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vscodeのヘッダーファイルを定義する方法 vscodeのヘッダーファイルを定義する方法 Apr 15, 2025 pm 09:09 PM

ビジュアルスタジオコードを使用してヘッダーファイルを定義する方法は?ヘッダーファイルを作成し、.hまたは.hpp接尾辞名(クラス、関数、変数など)を使用してヘッダーファイルにシンボルを宣言し、#includeディレクティブを使用してプログラムをコンパイルして、ソースファイルにヘッダーファイルを含めます。ヘッダーファイルが含まれ、宣言された記号が利用可能になります。

VSCODEに必要なコンピューター構成 VSCODEに必要なコンピューター構成 Apr 15, 2025 pm 09:48 PM

VSコードシステムの要件:オペレーティングシステム:オペレーティングシステム:Windows 10以降、MACOS 10.12以上、Linux Distributionプロセッサ:最小1.6 GHz、推奨2.0 GHz以上のメモリ:最小512 MB、推奨4 GB以上のストレージスペース:最低250 MB以上:その他の要件を推奨:安定ネットワーク接続、XORG/WAYLAND(Linux)

vscode中国の注釈が疑問符になるという問題を解決する方法 vscode中国の注釈が疑問符になるという問題を解決する方法 Apr 15, 2025 pm 11:36 PM

Visual Studioコードで中国のコメントが疑問符になるという問題を解決する方法:ファイルのエンコーディングを確認し、「BOMなしでUTF-8」であることを確認します。フォントを「歌のスタイル」や「Microsoft Yahei」などの漢字をサポートするフォントに変更します。フォントを再インストールします。 Unicodeサポートを有効にします。 VSCODEをアップグレードし、コンピューターを再起動し、ソースファイルを再作成します。

vscodeの使用方法 vscodeの使用方法 Apr 15, 2025 pm 11:21 PM

Visual Studio Code(VSCODE)は、Microsoftが開発したクロスプラットフォーム、オープンソース、および無料のコードエディターです。軽量、スケーラビリティ、および幅広いプログラミング言語のサポートで知られています。 VSCODEをインストールするには、公式Webサイトにアクセスして、インストーラーをダウンロードして実行してください。 VSCODEを使用する場合、新しいプロジェクトを作成し、コードを編集し、コードをデバッグし、プロジェクトをナビゲートし、VSCODEを展開し、設定を管理できます。 VSCODEは、Windows、MacOS、Linuxで利用でき、複数のプログラミング言語をサポートし、マーケットプレイスを通じてさまざまな拡張機能を提供します。その利点には、軽量、スケーラビリティ、広範な言語サポート、豊富な機能とバージョンが含まれます

vscode端子使用チュートリアル vscode端子使用チュートリアル Apr 15, 2025 pm 10:09 PM

VSCODEビルトインターミナルは、エディター内でコマンドとスクリプトを実行して開発プロセスを簡素化できるようにする開発ツールです。 VSCODE端子の使用方法:ショートカットキー(CTRL/CMD)で端子を開きます。コマンドを入力するか、スクリプトを実行します。 Hotkeys(Ctrl Lなどの端子をクリアするなど)を使用します。作業ディレクトリ(CDコマンドなど)を変更します。高度な機能には、デバッグモード、自動コードスニペット完了、およびインタラクティブコマンド履歴が含まれます。

VSCODE端子の共通コマンド VSCODE端子の共通コマンド Apr 15, 2025 pm 10:06 PM

VSコード端子の一般的なコマンドには、端子画面のクリア(クリア)、現在のディレクトリファイル(LS)のリスト、現在のワーキングディレクトリ(CD)、現在のワーキングディレクトリパス(PWD)の印刷、新しいディレクトリ(MKDIR)の作成、空のディレクトリ(RMDIR)の削除、新しいファイルの作成(RM)の削除(RM)、COPのコピー(RM)、 (MV)ファイルコンテンツの表示(CAT)ファイルコンテンツを表示してスクロール(より少ない)ファイルコンテンツを表示するだけです(その他)ファイルの最初の数行(ヘッド)を表示する

vscodeでコードを書く場所 vscodeでコードを書く場所 Apr 15, 2025 pm 09:54 PM

Visual Studioコード(VSCODE)でコードを作成するのはシンプルで使いやすいです。 VSCODEをインストールし、プロジェクトの作成、言語の選択、ファイルの作成、コードの書き込み、保存して実行します。 VSCODEの利点には、クロスプラットフォーム、フリーおよびオープンソース、強力な機能、リッチエクステンション、軽量で高速が含まれます。

vscodeで中国モードを切り替える方法 vscodeで中国モードを切り替える方法 Apr 15, 2025 pm 11:39 PM

vs中国モードを切り替えるコード:設定インターフェイスを開き(Windows/Linux:Ctrl、MacOS:CMD、)[エディター:言語]設定を検索します。ドロップダウンメニューで[中国語]を選択します。

See all articles