web-dev-qa-db-fra.com

Comment bloguer du code sur wordpress.com

a obtenu un nouveau blog à wordpress il y a quelques jours ( http://ghads.wordpress.com ) et je veux publier des extraits de code maintenant ou alors. Y a-t-il de toute façon pour le faire ressembler à du code sans payer pour des plugins supplémentaires?

71
GHad

Voir ici: http://en.support.wordpress.com/code/posting-source-code/

Enveloppez votre code dans ces balises: [sourcecode language = 'css'] .. [/ sourcecode]

(ou plus court [code lang = 'css'] .. [/ code])

Notez que Visual Editor n'interprète pas les balises, vous devez cliquer sur Aperçu pour voir comment cela fonctionne.

Codes de langue disponibles:

  • actionscript3
  • bash
  • clojure
  • fusion froide
  • cpp
  • csharp
  • css
  • delphes
  • erlang
  • fsharp
  • diff
  • sensationnel
  • html
  • javascript
  • Java
  • javafx
  • matlab (mots clés uniquement)
  • objc
  • Perl
  • php
  • texte
  • powerShell
  • python
  • r
  • Ruby
  • scala
  • sql
  • vb
  • xml

J'espère que cela pourra aider.

114
Alex Duggleby

Vous pouvez également utiliser hilite.me. Il ne nécessite pas l'installation de plugins ou de fichiers JS/CSS. Il est également open-source et dispose d'une API.

Avertissement: je suis le développeur.

18

Crayon Syntax Highlighter est un excellent plugin gratuit. J'y suis allé avec celui-là, mais il y en a beaucoup d'autres que j'ai rencontrés qui peuvent servir le but:

3
Jan Klimo

Il y a un élément <code> html que vous pouvez utiliser. Sinon, vous pouvez essayer les syntaxes Textile ou Markdown (je ne sais pas si WordPress.com les utilise). Essayez-le et utilisez la fonction de prévisualisation dans WordPress pour voir quand vous avez raison.

2
Christian Davén

Avec mon installation Wordpress. org , je n'ai pas pu faire fonctionner la réponse acceptée ici ( pas sûr si cela ne devrait fonctionner qu'avec Wordpress. com ?) ...

J'ai fini par utiliser le plugin SyntaxHighlighter à la place.

Avec ce plugin, au début, votre code apparaîtra échappé dans la vue 'Aperçu des modifications': il apparaîtra correctement puis après publication . I pensez par la suite, il apparaîtra correctement dans 'Aperçu des modifications' (pas à 100% à ce sujet).

1
cellepo

Vous pouvez également utiliser la nouvelle application Web que j'ai écrite appelée BlogTrog CodeWindow - elle est optimisée par Actipro CodeHighlighter.

http://www.blogtrog.com

Il est gratuit, devrait fonctionner dans tous les navigateurs modernes et ne vous oblige à rien installer n'importe où. Collez simplement votre code et intégrez les résultats.

0
Dave Haynes

Si vous hébergez votre propre wordpress opposé à WP.com, vous pouvez obtenir cette fonctionnalité en installant ce plugin, car c'est le même plugin sur lequel le code WP.com s'appuie.

http://wordpress.org/extend/plugins/google-syntax-highlighter/

0
danmayer