L'ajout de style de paragraphes en markdown cellules
Je veux ajouter des éléments de mise en forme que celle prévue par la Syntaxe Markdown dans un IPython Notebook.
Par exemple, je veux ajouter un "message d'Avertissement" ou un "Memo" qui sont en fait qu'un paragraphe avec des styles différents (par exemple différentes couleur d'arrière-plan, bordure, une icône, etc...).
Je suppose que je peux ajouter du code HTML dans la cellule, par exemple un <div>
avec style en ligne. Mais quelle est la "bonne" façon de le faire, je veux dire par la que ipython développeur promouvoir?
Exemples apprécié.
NB: je suis en utilisant le courant 1.0 dev version de git master.
Vous devez vous connecter pour publier un commentaire.
Répondre à ma propre question...
D'autres solutions
Jim proposé d'ajouter un peu de CSS personnalisé style en un abattement de cellules de chaque cahier. Cette solution fonctionne, mais n'est pas pratique car vous avez besoin d'incorporer le style sur chaque ordinateur portable. Dans mon cas, je veux un style global et je ne veux pas modifier tous les cahiers d'après toutes les modifications de style.
Une solution naturelle serait d'utiliser un fichier personnalisé (
custom.css
) contenant le style. Cependant, après avoir essayé ces instructionsle style n'est pas appliqué à l'ordinateur portable (il peut être téléchargé à partir du serveur, cependant).
Meilleure solution (pour l'instant)
J'ai trouvé une solution qui cherche à ce livre impressionnant écrit comme une collection de IPython notebook. L'auteur ajoute à la fin de chaque cahier le code suivant cellulaire:
De mettre un fichier
custom.css
dans votre dossier de bloc-notes (dans lestyles
sous-dossier), le style sera chargé après la première de la cellule d'exécution. De plus le style sera comme par magie chargé chaque fois que l'ordinateur est ouvert, sans la nécessité d'exécuter la cellule de nouveau!Ce tour de magie fonctionne parce que le style est enregistré dans la sortie de la cellule la première fois que nous l'exécuter, et bien qu'étant invisible, sera enregistré comme n'importe quel autre sortie. Ainsi, lorsque nous charger l'ordinateur portable, et conseguentely les cellules de sortie, le style sera appliqué.
Exemple de CSS
Pour compléter la réponse que je poste un style CSS j'ai utilisé pour créer un "Avertissement" de la boîte:
Enregistrer ce style et de la charge à l'aide de la cellule de code montré avant. Maintenant, pour insérer un avertissement dans la boîte de votre ordinateur portable utilisation de cette syntaxe:
Qui sera affiché comme ceci:
Pour plus d'ordinateur portable de style, vous pouvez prendre l'inspiration de la
personnalisé.css
de l'ouvrage mentionné ci-dessus.
Un moyen simple d'ajouter d'avertissement, note, succès, etc...) cases (également appelé exhortation ou des boîtes d'alerte) est tout simplement à l'aide de la les classes de bootstrap déjà inclus avec le portable. Le seul inconvénient est que les liens et autres styles (par exemple, gras) doit être spécifié en HTML à l'intérieur de la boîte.
Exemple
Un abattement de cellules contenant ce code:
entraînera dans cette sortie:
Vous pouvez modifier
alert-warning
avecalert-success
,alert-info
oualert-danger
afin d'obtenir les différentes couleurs pour la boîte.Mise à jour: Cette technique ne fonctionne plus dans IPython 4.0 /Jupyter car la façon dont l'ordinateur portable est rendu a changé.
Je crois que la meilleure façon de faire ce genre de style est de créer un abattement de l'entrée au haut de votre document et de recueillir vos styles. Depuis un abattement cellule peut contenir un code HTML valide, il pouvait contenir (par exemple)
Voir Matt Davis PyCon 2013 parler, environ 22 minutes lors de la Q&a pour Un exemple de cette utilisation.
Les styles css sont déjà ajoutés dans ipython version 2 et plus.
Il suffit de coller ce dans la cellule et de le modifier pour markdown type.
Vérifier cette pour les exemples et ipython en profondeur pour les caractéristiques de pointe de ipython.
Un autre moyen consiste à simplement créer un style de la chaîne et de l'ouvrir avec iPython HTML de l'objet dans une cellule de code:
Ensuite l'utiliser dans une démarque de la cellule: