Heim > Web-Frontend > CSS-Tutorial > Überlegungen zum Einsatz von Markdown -Apps auf statischen Websites

Überlegungen zum Einsatz von Markdown -Apps auf statischen Websites

尊渡假赌尊渡假赌尊渡假赌
Freigeben: 2025-03-19 11:08:08
Original
715 Leute haben es durchsucht

Überlegungen zum Einsatz von Markdown -Apps auf statischen Websites

Wenn Sie zu einem statischen Website -Generator ausführen oder kürzlich wechseln, schreiben Sie möglicherweise viele Markdowns. Je mehr Sie schreiben, desto mehr möchten Sie, dass das Tool -Erlebnis verschwindet, damit der Inhalt zum Fokus wird.

Ich gebe Ihnen einige Optionen (einschließlich meiner Favoriten), aber was noch wichtiger ist, ich werde die Funktionen dieser Apps abdecken, die bei der Auswahl besonders wichtig sind. Hier sind einige wichtige Überlegungen für Markdown -Bearbeitungs -Apps, die reibungslos von Texten helfen.

Berücksichtigung Nr. 1: Separate Schreib- und Lesemuster

Benutzererfahrungsprinzipien sagen uns, dass das Muster problematisch ist. Aber vielleicht ist eine SMS -Bearbeitungssoftware eine Ausnahme. Von VI (M) bis zu Google Docs scheint das eigenständige Modell zum Schreiben und Lesen Schriftsteller anzuziehen. In ähnlicher Weise haben viele Markdown -Redakteure eigenständige Modi oder Ansichten zum Schreiben, Bearbeiten und Lesen.

Ich mag es, ein Side-by-Side- oder Schrägentwurf zu bieten, damit ich beide gleichzeitig sehen kann. Das Schreiben von Markdown unterscheidet sich vom Schreiben von Code. Sein Aussehen ist wichtig und eine Vorschau kann Ihnen das Gefühl geben. Es ist wie eine automatische Aktualisierung des statischen Website -Generators, sodass Sie Änderungen bei Änderungen erkennen können.

Stattdessen mag ich kein Design, bei dem Muster alle Muster dominieren , in denen das Markdown -Format automatisch in gestyltes Text, den versteckten formatierten Code umwandelt (Dropboxpapier, typora, ulysses und Bär werden in irgendeiner Form implementiert). Zum Beispiel kann ich die mühsame Arbeit nicht aushalten, die Titelstufe für diese Anwendung zu ändern. Sollte ich darauf klicken, doppelklicken oder dreifach klicken? Was ist, wenn ich nur die Tastatur benutze?

Ich möchte alle Markdowns sehen, die ich schreibe, auch wenn der Endbenutzer sie nicht sieht. Ich möchte , dass der Markdown -Editor vom Code -Editor ausgeliehen wird.

Berücksichtigung Nr. 2: Hervorragende Themen

Einige Markdown -Redakteure ermöglichen eine vollständige Anpassung der Editor -Themen, während andere schöne Themen haben. Wie auch immer, ich denke, ein guter Redakteur sollte den richtigen Stil haben, um Klartext von formatiertem Text zu unterscheiden, aber nicht zu viel, um Sie vom Lesen und Fokussier von Ihren Inhalten abzulenken. Obwohl das Vorschauberschera geöffnet ist, verbringe ich normalerweise die meiste Zeit damit, die Bearbeitungsansicht zu betrachten.

Verschiedene Farben für jeden Stil

Da der größte Teil des Textes im Editor nicht so rendert, wie es im Browser der Fall ist, ist es nützlich, schnell mit Markdown formatierte Text anzuzeigen. Auf diese Weise können Sie beispielsweise feststellen, ob die URL tatsächlich in Text geschrieben oder in einem Hyperlink verwendet wird. Daher verwende ich für jeden Markdown -Stil unterschiedliche Farben (Titel, Link, Fettdruck, kursiv, Zitat, Bild, Code, Kugeln usw.).

Fett und kursive Stile werden ebenfalls verwendet

Ich bevorzuge es, Sternchen für die Markdown -Formatierung (z. B. kühne, kursive und ungeordnete Listen) innerhalb meiner Fähigkeit zu verwenden. Daher stellte ich fest, dass zusätzlich zu den Farben zusätzliche Stile erforderlich sind, um zwischen mutigen, kursiven und mutigen Kursivschrift zu unterscheiden. Beim Überfliegen ist es schwierig, zwischen ** zu unterscheiden, was wichtig ist ** und **, was wichtig ist, und ** , was wichtig ist * und ** , was wichtig ist * ist leichter zu unterscheiden. Es hilft mir auch zu sehen, ob das Stern das Stern das versehentlich nicht übereinstimmt (z. B. ist das wichtig?*).

Verschiedene Schriftgrößen für jede Titelstufe

Dies kann etwas umstritten sein und das Publikum teilen. Der Code -Editor zeigt keine verschiedenen Schriftgrößen in einer Datei an. Farbe und Stil sind in Ordnung, aber nicht die Größe. Aber für mich hilft es sehr.

Hierarchie ist der Schlüssel zur Organisation. Bei verschiedenen Schriftgrößen sehen Sie einen Überblick über alles, was Sie schreiben, indem Sie einfach durchsuchen.

Verknüpfungsschlüsse und intelligentes Tastaturverhalten

Ich möchte, dass alle Standardverknüpfungen, die im Texteditor funktionieren, funktionieren. Strg/CMD B wird in fett gedrucktem verwendet, ich wird in Kursivschrift usw. sowie einige Abkürzungsschlüssel verwendet, die beim Schreiben von Artikeln, insbesondere beim STRL/CMD (Nummer), in Titeln bequem sind. Strg/CMD 1 wird für H1 usw. verwendet.

Ich mag jedoch auch einige Tastaturverhalten, die ich vom Code -Editor ausleihige. Wenn ich beispielsweise einen Text auswähle und [oder (oder (, überschreibt er diesen Text nicht über. Ich habe diesen mit den Anfangszeichen des Endes eingeschlossen. Das gleiche gilt für die Verwendung von Textformatierzeichen wie *, `und _.

Ich verlasse mich auch auf Tastaturverknüpfungen, um Links und Bilder zu erstellen. Selbst nachdem ich über fünf Jahre regelmäßig Markdown geschrieben habe, vergesse ich manchmal, welche Quadrat- oder Rundenklammern zuerst erscheint. Also, ich mag es wirklich, einen praktischen Abkürzungschlüssel zu haben, um sie richtig einzufügen.

Noch besser ist, wenn Sie bei einigen Redakteuren eine URL in der Zwischenablage haben und Text auswählen und dann die Tastaturverknüpfung zum Verknüpfen verwenden, wird die URL in das Hyperlink -Feld eingefügt. Das beschleunigt meinen Workflow wirklich.

Zusätzliche Funktionen: Kopieren Sie in HTML

Der Editor, den ich benutze, hat oft eine Ein-Klick-Funktion "Kopieren von HTML" (mit Tastaturverknüpfungen), die alle Markdowns, die ich geschrieben habe, und kopiert die HTML in die Zwischenablage. Dies ist sehr praktisch, wenn Sie einen Online -Editor mit Code-/Quelloptionen (z. B. WordPress) verwenden.

Prüfung Nr. 3: eigenständiger Editor gegen CMS/IDE -Plugin

Ich kenne viele Leute, die statische Website -Generatoren wie ihre IDE verwenden und am selben Tag sogar zwischen Code und Markdown hin und her wechseln können. Ich mache das oft. Ich verstehe also, warum die Verwendung einer vertrauten IDE attraktiver ist als eine separate Anwendung für den Markdown.

Wenn ich mich jedoch hinsetze, um eine Seite oder einen Artikel in Markdown zu schreiben, konzentriere ich mich auf den Text selbst und bevorzuge separate Apps.

Ich habe mich nicht mit einem eigenständigen Markdown -Editor anstelle eines IDE -Editors oder einem Plugin aus. Solange es die oben genannten Vorteile bietet, werde ich nicht versuchen, jemanden davon zu überzeugen, es aufzugeben.

Hier sind einige Gründe, warum eigenständige Anwendungen besser zum Schreiben geeignet sind:

  • Eine einfachere Schnittstelle. Ich bin nicht die Art von Person, die "Zen -Modus" beim Schreiben von Apps braucht, aber wenn ich schreibe, öffne ich das Panel gerne so wenig wie möglich, was normalerweise eine Menge Dinge erfordert, die in der IDE ausgeschaltet werden müssen.
  • Leistung. Die meisten Markdown -Tools fühlen sich für mich leichter an. Sie sind sicherlich weniger komplex und haben weniger Funktionen, daher sollten sie schneller sein . Ich möchte nie das Gefühl haben, dass meine Schreib -App Anstrengungen unternimmt. Es sollte schnell beginnen und sofort reagieren.
  • Verfügbarkeit. Ich habe einfach nicht den Markdown -Editor gefunden, den ich in der IDE wirklich mag. Vielleicht gibt es einen; Aber ich mag die meisten eigenständigen Markdown -Redakteure, die ich verwendet habe, und das kann ich nicht für das sagen, was ich in der Ide -Welt versucht habe.
  • Psychologischer Wandel. Wenn ich meine IDE öffne, denke ich darüber nach, Code zu schreiben, aber wenn ich meinen Markdown -Editor öffne, denke ich darüber nach, Text zu schreiben. Ich liebe es, dass es mich in die richtige Einstellung bringt.

Mein Lieblings -Markdown -Editor

Dies sind zwar meine Top -Auswahl, aber das bedeutet nicht, dass eine Anwendung nicht gut ist, wenn eine Anwendung nicht auf dieser Liste steht . Ich habe ein paar nette Apps nicht erwähnt, weil sie zu viele Funktionen oder zu teuer sind, weil es viele schöne kostenlose oder billige Optionen gibt. Ähnlich wie beim IDE -Paket gibt es viele Markdown -Apps, und ich habe noch nicht alle ausprobiert (aber ich habe viel ausprobiert!).

Anweisungen für Funktionen, mit denen Sie "den Bereich betreten" können, wie z. B. "Schreibmaschinen" oder "Focus" -Modus oder beruhigende Hintergrundmusik. Sie haben nie für mich gearbeitet und ich schaltete sie aus, sodass ich nicht das Feature gesucht habe. (Wenn Sie diese jedoch mögen, können Sie typora probieren, die kostenlos (während der Beta -Version) ist und auf Mac, Windows und Linux ausgeführt wird.)

Meine erste Wahl

MACODN

Frei;

Erfüllen Sie alle oben genannten Kriterien. Es ist leicht und schnell und Open Source.

Eine schöne ähnliche Alternative zu Windows und Linux ist Ghostwriter (auch kostenlos).

Empfehlenswert

Lichtpapier

$ 15;

Wenn Sie nur mehr Funktionen benötigen, ist es perfekt. Es fügt ein drittes Scheibenbereich hinzu, sodass Sie problemlos zwischen Dateien und Ordnern wechseln können.

Obsidian

Kostenlos für den persönlichen Gebrauch;

Für umfassendere Anwendungen ist die Editor -Schnittstelle sehr gut und erfüllt die meisten oben genannten Kriterien. Zettlr bietet ähnliche Funktionen, aber meiner Meinung nach fühlt es sich einfach komplizierter an.

Inbegriff

$ 11;

Nicht meine Lieblings -App zum Schreiben und Bearbeiten von Text, aber es gibt großartige Extras, um auf verschiedenen Plattformen zu veröffentlichen (z. B. Medium, WordPress, Tumblr, Blogger und Evernote).

Tragen

Kostenlos oder $ 1,49 pro Monat;

Dies ist eine großartige Option, wenn Sie Markdown für mehr als nur Website -Inhalte (persönliche Notizen, Aufgabenverwaltung usw.) verwenden. Auch hoch in Aussehen und Benutzerfreundlichkeit erzielt.

Zusammenfassen

Da immer mehr Veranstaltungsorte die Markdown-Grammatik unterstützen-einschließlich des Slacks, Github, WordPress usw.-, wird es schnell zur universellen Sprache für eine reichhaltigere Kommunikation in unserem zunehmend textbasierten Leben. Es wird weiterhin existieren, weil es nicht nur leicht zu lernen und zu verwenden ist, sondern auch intuitiv. Glücklicherweise haben wir derzeit viele Optionen, wenn es um hochwertige Markdown-Apps geht.

Das obige ist der detaillierte Inhalt vonÜberlegungen zum Einsatz von Markdown -Apps auf statischen Websites. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage