Heim  >  Artikel  >  Entwicklungswerkzeuge  >  Es ist so cool, Markdown in VSCode zu schreiben!

Es ist so cool, Markdown in VSCode zu schreiben!

藏色散人
藏色散人nach vorne
2021-12-20 14:55:408289Durchsuche

Ich habe beim Schreiben von MD-Dokumenten Typora verwendet. Dieser Editor ist sehr einfach und praktisch, aber bei der Verarbeitung von Bildern ist es etwas mühsam. Natürlich können Sie kostenpflichtige Plug-Ins verwenden, um sie automatisch hochzuladen, aber mit den Eigenschaften von Sorgfalt und Sparsamkeit, ich ging einkaufen und stöberte nach anderen Optionen. Dann habe ich entdeckt, dass das Schreiben von Markdown mit vscode tatsächlich sehr cool ist.

Theme-Plugin

Dieser Schritt ist tatsächlich sehr wichtig. Denn beim Schreiben eines Artikels muss dieser einerseits gut geschrieben sein, andererseits muss das Layout klar und gut lesbar sein Man kann sagen, dass die MD-Rendering-Methode des Github-Themas mein Favorit ist, sie ist einfach, erfrischend und ohne an Professionalität einzubüßen. [Empfohlen: vscode-Nutzungsanleitung]

Markdown Preview Github Styling

Es ist so cool, Markdown in VSCode zu schreiben!

Automatisches Bildtool

PicGo

Dies ist ein vscode-Plug-in, das Tastenkombinationen zum Hochladen Ihrer Bilder auf die Fernbedienung unterstützt Ende, die Standardeinstellung ist picture bed sm.ms (kostenlos). Ich persönlich empfehle jedoch, Ihren eigenen Qiniu Cloud Storage oder Alibaba☁️ usw. zu konfigurieren. Schließlich sind Ihre eigenen Sachen sicherer und zuverlässiger.

Unterstützt das Hochladen von Screenshots, das lokale Hochladen und andere Methoden, um es direkt in eine Online-Adresse umzuwandeln. Ein manuelles Hochladen und Einfügen auf dem Bildbett ist nicht erforderlich.

Es ist so cool, Markdown in VSCode zu schreiben!

Es ist so cool, Markdown in VSCode zu schreiben!

Gif-Aufzeichnungstool

Sehr empfehlenswertes Gifox. Natürlich gibt es Kap, das generierte GIF ist zu groß.

Dies ist ein schönes und hochwertiges GIF-Generierungstool. Im Allgemeinen ist das generierte GIF nur ein paar hundert Kilobyte groß. Das Basis-GIF meines Artikels beträgt nur etwa 100.000.

Es ist so cool, Markdown in VSCode zu schreiben!

Inhaltsverzeichnis und Tastenkombinationen

Markdown All in One

unterstützt die folgenden Funktionen + Tastenkombinationen

Drücken Sie Umschalt + Befehl + P, um es anzuzeigen.

Es ist so cool, Markdown in VSCode zu schreiben!

StrgStrgAltStrgStrg

Screenshot-Tool

Die integrierte Verknüpfungsfunktion von QQ/WeChat reicht aus.

Natürlich, wenn Sie einen solchen High-End-Screenshot mit Schatten wünschen.

Es ist so cool, Markdown in VSCode zu schreiben!

Dies ist tatsächlich eine Funktion, die mit dem Mac ausgestattet ist.

Befehl + Umschalt + 3

Diese Tastenkombination kann das gesamte Bild des aktuellen Bildschirms erfassen, es dann in der nummerierten Form „Screenshot + Datum“ benennen und es automatisch im PNG-Format auf dem Desktop speichern.

Befehl + Umschalt + 4

Mit dieser Tastenkombination können Sie ein Bild eines beliebigen Bereichs auf dem aktuellen Bildschirm aufnehmen. Nachdem Sie die Tastenkombination gedrückt haben, verwandelt sich die Maus automatisch in ein Standardwerkzeug den Cursor (klicken und ziehen Sie mit der Maus). Wenn Sie den Aufnahmebereich auswählen (bewegen oder ziehen Sie mit drei Fingern gleichzeitig auf dem Trackpad), wird daneben ein sich sofort ändernder Pixelwert für Länge und Breite angezeigt. Lassen Sie nach der Bestätigung die Geste los (. oder Maus), um die Aufnahme abzuschließen. Auch dieser Vorgang wird mit einer Nummer in der Form „Screenshot + Datum“ benannt und automatisch im .PNG-Format auf dem Desktop gespeichert.

Befehl + Umschalt + 4 + Leertaste

Wenn Sie das Bild eines bestimmten Fensters vollständig auf dem Bildschirm erfassen möchten, können Sie zuerst die Tastenkombination Befehl + Umschalt + 4 und dann die Leertaste (oder Befehl + Umschalt) drücken + 4 + Leertaste gleichzeitig gedrückt), verwandelt sich der Cursor automatisch in ein Kamerasymbol und alle Bereiche werden zu diesem Zeitpunkt maskiert. Bewegen Sie den Cursor zum Zielfenster und klicken Sie, um den Screenshot abzuschließen.

Wenn Sie kein Fenster auswählen und einfach den Cursor auf dem Desktop platzieren, wird durch Klicken automatisch das Bild des gesamten Hintergrundbilds erfasst. Beachten Sie, dass es sich um das Hintergrundbild handelt. Auch diese Aktion wird in Form einer „Screenshot + Datum“-Nummer benannt und automatisch im .PNG-Format auf dem Desktop gespeichert.

Spezialeffekte

Codeschatten: carbon.now.sh/ (zur Installation erforderlich

Es ist so cool, Markdown in VSCode zu schreiben!mockuphone.com/

Das generierte Bild ist größer, dieses Bild ist etwa 1,7 Millionen groß. Daher ist eine nachträgliche Bildkomprimierung erforderlich.

Es ist so cool, Markdown in VSCode zu schreiben!

Bildkomprimierung

Tinypng

Sie sehen, der Effekt ist enorm.

Es ist so cool, Markdown in VSCode zu schreiben!

Bis zum Ende schreiben

Jeder kann so tun, als wäre er glücklich X, ähm, es ist wirklich köstlich.

Taste Befehl
Strg+B Umschalten Fett
C. tr l+I kursiv umschalten
Alt+S Unterstreichen umschalten
Strg+Umschalt+] Titelaktualisierung
+Umschalt + [Titelherabstufung
+MMathe-Umgebung wechseln
+CAufgaben aktivieren/deaktivieren
+ Umschalttaste +V Vorschau wechseln
+KVVorschau zur Seite schalten

Das obige ist der detaillierte Inhalt vonEs ist so cool, Markdown in VSCode zu schreiben!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.im. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen