Wie man Code auf wordpress.com bloggt [geschlossen]

72

habe vor ein paar Tagen einen neuen Blog bei WordPress bekommen ( http://ghads.wordpress.com ) und ich möchte ab und zu ein paar Code-Schnipsel posten. Gibt es überhaupt eine Möglichkeit, es wie Code aussehen zu lassen, ohne zusätzliche Plugins zu bezahlen?

GHad
quelle
Welches Plugin hast du für dein Blog verwendet und welches Thema hast du? Bitte teile es mit, wenn du kannst
Nick Kahn

Antworten:

115

Siehe hier: http://en.support.wordpress.com/code/posting-source-code/

Wickeln Sie Ihren Code in die folgenden Tags ein: [sourcecode language = 'css'] .. [/ sourcecode]

(oder kürzer [code lang = 'css'] .. [/ code])

Beachten Sie, dass Visual Editor die Tags nicht interpretiert. Sie müssen auf Vorschau klicken, um zu sehen, wie es funktioniert.

Verfügbare Sprachcodes:

  • Actionscript3
  • Bash
  • Clojure
  • Coldfusion
  • cpp
  • csharp
  • CSS
  • Delphi
  • erlang erhalten
  • fsharp
  • diff
  • groovig
  • html
  • Javascript
  • Java
  • javafx
  • matlab (nur Schlüsselwörter)
  • objc
  • perl
  • php
  • Text
  • Power Shell
  • Python
  • r
  • Rubin
  • Scala
  • sql
  • vb
  • xml

Hoffentlich hilft das.

Alex Duggleby
quelle
1
Diese Seite zeigt alle unterstützten Sprachen: en.support.wordpress.com/code/posting-source-code
Josh Brown
19
Funktioniert bei mir aus irgendeinem Grund nicht. Ich sehe die Tags in der Vorschau, als wären sie gewöhnlicher Text.
MasterMastic
1
Und kein Haskell ... urkomisch
cnd
3
Verwenden die Code-Tags [] oder <>? Sollte das in der Ansicht "Visual" oder "Text" des Wordpress-Editors platziert werden?
Cellepo
4
Wenn Sie Ihre eigene WordPress-Site hosten, müssen Sie das Plugin "SyntaxHighlighter Evolved" installieren und das Tag [code] ... [/ code] verwenden. Dies wird am Ende von en.support.wordpress.com/code/posting-source-code erläutert .
ChrisCantrell
19

Sie können auch hilite.me verwenden . Es erfordert keine Installation von Plugins oder JS / CSS-Dateien. Es ist auch Open Source und hat eine API.

Haftungsausschluss: Ich bin der Entwickler.

Alexander Kojevnikov
quelle
1
Danke, es hat wie ein Zauber funktioniert
Akshay Mukadam
1
Ich finde das viel besser als die Verwendung des Builddown-Markdowns [Code], der meine Codefragmente zu stören scheint. Vielen Dank.
Lathonez
Das ist super legitim. Funktioniert und ist auch nur Code
Sani Yusuf
Dies funktionierte für mich weitaus besser als die akzeptierte Antwort.
ConorB
Funktioniert fantastisch. Vielen Dank!
Guy Avraham
2

Es gibt ein <code> HTML-Element, das Sie verwenden können. Andernfalls könnten Sie die Textil- oder Markdown- Syntax ausprobieren (ich bin nicht sicher, ob WordPress.com sie verwendet). Probieren Sie es aus und verwenden Sie die Vorschaufunktion in WordPress, um zu sehen, wann Sie es richtig machen.

Christian Davén
quelle
XML-Code-Zeichenfolgen müssen bei Verwendung des HTML-Elements <code> maskiert werden
cellepo
1

Mit meinem Wordpress. org Installation, konnte ich nicht die akzeptierte Antwort bekommen hier zu arbeiten ( nicht sicher , ob das nur mit Wordpress Arbeit erwartet wird . com ? ) ...

Ich habe stattdessen das SyntaxHighlighter- Plugin verwendet.

Mit diesem Plugin wird Ihr Code zunächst in der Ansicht "Änderungen in der Vorschau" maskiert angezeigt: Er wird dann nach der Veröffentlichung korrekt angezeigt . Ich denke , dass es nach der Veröffentlichung dann korrekt in "Änderungen in der Vorschau" angezeigt wird (nicht zu 100%).

cellepo
quelle
0

Wenn Sie Ihr eigenes WordPress-Blog im Gegensatz zu WP.com hosten, können Sie diese Funktionalität erhalten, indem Sie dieses Plugin installieren, da es dasselbe Plugin ist, auf dem der WP.com-Code basiert.

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

danmayer
quelle
-1

Sie können auch die neue Web-App namens BlogTrog CodeWindow verwenden, die von Actipro CodeHighlighter unterstützt wird.

http://www.blogtrog.com

Es ist kostenlos, sollte in allen modernen Browsern funktionieren und erfordert keine Installation irgendwo. Fügen Sie einfach Ihren Code ein und binden Sie die Ergebnisse ein.

Dave Haynes
quelle