Maison > interface Web > tutoriel CSS > Considérations pour utiliser des applications d'écriture Markdown sur des sites statiques

Considérations pour utiliser des applications d'écriture Markdown sur des sites statiques

尊渡假赌尊渡假赌尊渡假赌
Libérer: 2025-03-19 11:08:08
original
711 Les gens l'ont consulté

Considérations pour utiliser des applications d'écriture Markdown sur des sites statiques

Si vous exécutez ou récemment passer à un générateur de sites Web statique, vous pouvez vous retrouver à écrire beaucoup de marquages. Plus vous écrivez, plus vous voulez que l'expérience de l'outil disparaisse afin que le contenu devienne au centre de l'attention.

Je vais vous donner quelques options (y compris mes favoris), mais plus important encore, je couvrirai les fonctionnalités que ces applications offrent, qui sont particulièrement importantes lors du choix. Voici quelques considérations clés pour les applications d'édition de Markdown afin d'aider le texte en douceur.

Considération n ° 1: modèles d'écriture et de lecture séparés

Les principes de l'expérience utilisateur nous disent que le modèle est problématique. Mais peut-être que le logiciel d'édition de texte est une exception. De VI (M) à Google Docs, le modèle autonome pour l'écriture et la lecture semble attirer des écrivains. De même, de nombreux éditeurs de Markdown ont des modes ou des vues autonomes pour l'écriture, l'édition et la lecture.

J'aime fournir une conception côte à côte ou de volet afin que je puisse voir les deux en même temps. L'écriture de Markdown est différente de l'écriture de code. Son apparence est importante et un aperçu peut vous faire ressentir cela. C'est un peu comme un actualisation automatique du générateur de sites Web statique afin que vous puissiez voir des modifications lorsque vous apportez des modifications.

Au lieu de cela, je n'aime pas une conception où les modèles dominent tous les modèles , dans lequel le format Markdown se convertit automatiquement en texte stylé, en cachant du code formaté (papier Dropbox, typora, ulysse et ours sont implémentés sous une forme ou une forme). Par exemple, je ne supporte pas le travail laborieux de modification du niveau de titre pour cette application. Dois-je cliquer dessus, double-cliquer ou triple clic? Et si j'utilise simplement le clavier?

Je veux voir toutes les marques que j'écris, même si l'utilisateur final ne les verra pas. C'est un point que je veux que l'éditeur de Markdown emprunte à l'éditeur de code.

Considération n ° 2: Excellents sujets

Certains éditeurs de Markdown permettent une personnalisation complète des thèmes de l'éditeur, tandis que d'autres viennent avec de beaux thèmes. Quoi qu'il en soit, je pense qu'un bon éditeur devrait avoir le bon style pour distinguer le texte brut du texte formaté, mais pas trop pour vous distraire de la lecture et de la concentration sur votre contenu. Même si le volet d'aperçu est ouvert, je passe généralement la plupart de mon temps à regarder la vue d'édition.

Différentes couleurs pour chaque style

Étant donné que la plupart du texte de l'éditeur ne rendra pas comme il le fait dans le navigateur, il est utile de visualiser rapidement le texte formaté avec Markdown. Cela vous aide à déterminer, par exemple, si l'URL est réellement écrite dans du texte ou utilisée dans un lien hypertexte. J'aime donc utiliser différentes couleurs pour chaque style de marque (titre, lien, gras, italique, citation, image, code, balles, etc.).

Les styles audacieux et italiques sont également utilisés

Je préfère utiliser des astérisques pour le formatage de marque (par exemple, les listes audacieuses, en italique et non ordonnées) dans mes capacités, j'ai donc constaté qu'en plus des couleurs, des styles supplémentaires sont nécessaires pour distinguer les italiques audacieux, italiques et audacieux. Lors de l'écrémage, il est difficile de distinguer ** ce qui est important ** et ** qui est important *, et ** qui est important * et ** qui est important * est plus facile à distinguer. Cela m'aide également à voir si l'astérisque est accidentellement décalé (par exemple, est-ce important? *).

Différentes tailles de police pour chaque niveau de titre

Cela peut être un peu controversé et diviser le public. L'éditeur de code n'affiche pas différentes tailles de police dans un seul fichier. La couleur et le style sont corrects, mais pas la taille. Mais, pour moi, ça aide beaucoup.

Par écrit, la hiérarchie est la clé de l'organisation. Avec différentes tailles de police, vous pouvez voir un aperçu de tout ce que vous écrivez en naviguant simplement.

Clés de raccourci et comportement du clavier intelligent

Je veux que tous les raccourcis standard qui fonctionnent dans l'éditeur de texte fonctionnent. Le CTRL / CMD B est utilisé en gras, i est utilisé en italique, etc., ainsi que certaines clés de raccourci qui sont pratiques lors de l'écriture d'articles, en particulier le CTRL / CMD (numéro) est utilisé dans les titres. Ctrl / CMD 1 est utilisé pour H1, etc.

Cependant, j'aime aussi certains comportements de clavier que j'emprunte à l'éditeur de code. Par exemple, si je sélectionne du texte et appuyez sur [ou (, il ne remplace pas ce texte, mais le joigne aux caractères de début et de fin. Il en va de même pour utiliser des caractères de mise en forme de texte tels que *, `et _.

Je compte également sur les raccourcis clavier pour créer des liens et des images. Même après avoir écrit Markdown régulièrement pendant plus de cinq ans, parfois j'oublie quels parenthèses carrées ou rondes apparaissent en premier. Donc, j'aime vraiment avoir une clé de raccourci pratique pour les insérer correctement.

Encore mieux, dans certains éditeurs, si vous avez une URL dans le presse-papiers et que vous sélectionnez du texte, puis utilisez le raccourci clavier pour le lier, il insérera l'URL dans le champ Hyperlien. Cela accélère vraiment mon flux de travail.

Caractéristiques supplémentaires: Copier à HTML

L'éditeur que j'utilise a souvent une fonctionnalité "Copier HTML" en un clic (avec des raccourcis clavier) qui prend toutes les marques que j'ai écrites et copie le HTML au presse-papiers. Ceci est très pratique lors de l'utilisation d'un éditeur en ligne avec des options de code / source (par exemple WordPress).

Considération n ° 3: Éditeur autonome contre le plugin CMS / IDE

Je connais beaucoup de gens qui utilisent des générateurs de sites Web statiques comme leur IDE et peuvent même basculer entre le code et la marque le même jour. Je le fais souvent. Je comprends donc pourquoi l'utilisation d'un IDE familier est plus attrayante que d'utiliser une application distincte pour Markdown.

Cependant, lorsque je m'assois pour écrire une page ou un article dans Markdown, je me concentre sur le texte lui-même et je préfère les applications distinctes.

Je ne suis pas en train de vous engager avec un éditeur de Markdown autonome au lieu d'un éditeur d'IDE ou d'un plugin; Tant qu'il offre les avantages ci-dessus, je n'essaierai pas de persuader qui que ce soit de l'abandonner.

Voici quelques raisons pour lesquelles les applications autonomes peuvent être plus adaptées à l'écriture:

  • Une interface plus simple. Je ne suis pas le genre de personne qui a besoin de "mode zen" dans les applications d'écriture, mais quand j'écris, j'aime ouvrir le panneau le moins possible, ce qui nécessite généralement beaucoup de choses à désactiver dans l'IDE.
  • performance. La plupart des outils Markdown me semblent plus légers. Ils sont certainement moins complexes et ont moins de fonctionnalités, ils devraient donc être plus rapides. Je ne veux jamais avoir l'impression que mon application d'écriture fait des efforts. Il devrait commencer rapidement et répondre immédiatement, toujours.
  • Disponibilité. Je n'ai tout simplement pas trouvé l'éditeur de Markdown que j'aime vraiment dans l'IDE. Il y en a peut-être un là-bas; je n'ai pas le temps d'essayer tout cela. Mais j'aime la plupart des éditeurs de Markdown autonomes que j'ai utilisés, et je ne peux pas dire cela pour ce que j'ai essayé dans le monde de l'IDE.
  • Changement psychologique. Quand j'ouvre mon IDE, je pense à écrire du code, mais quand j'ouvre mon éditeur de Markdown, je pense à écrire du texte. J'adore le fait que cela m'amène dans le bon état d'esprit.

Mon éditeur de Markdown préféré

Bien que ce soient mes meilleurs choix, cela ne signifie pas que si une application ne figure pas sur cette liste, ce n'est pas bon. Je n'ai pas mentionné quelques belles applications car ce sont trop de fonctionnalités ou trop chères car il y a beaucoup d'options gratuites ou bon marché. Semblable au package IDE, il y a beaucoup d'applications Markdown, et je ne les ai pas encore tous essayés (mais j'ai beaucoup essayé!).

Instructions pour les fonctionnalités qui vous aident à "entrer dans la zone", telles que le mode "Typewriter" ou "Focus" ou la musique de fond apaisante. Ils n'ont jamais travaillé pour moi et j'ai fini par les éteindre, donc ce n'est pas la fonctionnalité que je cherchais. (Cependant, si vous les aimez, vous pouvez essayer Typora, qui est gratuit (pendant la version bêta) et s'exécute sur Mac, Windows et Linux.)

Mon premier choix

Macard

Libre;

Répondre à tous les critères ci-dessus. Il est léger et rapide, et est open source.

Une belle alternative similaire à Windows et Linux est Ghostwriter (également gratuit).

Vaut la peine de recommander

Papier lumineux

15 $;

Si vous n'avez besoin que de plus de fonctionnalités, c'est parfait. Il ajoute un troisième volet afin que vous puissiez facilement basculer entre les fichiers et les dossiers.

Obsidienne

GRATUIT pour un usage personnel; Mac, Windows, Linux

Pour des applications plus complètes, l'interface de l'éditeur est très bonne et répond à la plupart des critères mentionnés ci-dessus. Zettlr offre des fonctionnalités similaires, mais à mon avis, elle semble plus compliquée.

Parole

11 $; Mac, iOS

Pas mon application préférée pour écrire et modifier du texte, mais il a d'excellents extras à publier sur diverses plateformes (par exemple, Medium, WordPress, Tumblr, Blogger et Evernote).

Ours

GRATUIT ou 1,49 $ par mois;

C'est une excellente option si vous utilisez Markdown pour plus que le contenu du site Web (notes personnelles, gestion des tâches, etc.). A également obtenu un score élevé en apparence et en convivialité.

Résumer

Alors que de plus en plus de sites soutiennent la grammaire Markdown, y compris le mou, le github, le wordpress, etc. - il devient rapidement le langage universel pour une communication plus riche dans nos vies de plus en plus basées sur le texte. Il continuera d'exister car il est non seulement facile à apprendre et à utiliser, mais il est également intuitif. Heureusement, nous avons de nombreuses options en ce qui concerne les applications d'écriture de démarrage de haute qualité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal