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?

blogs code-formatting wordpress.com

— 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

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

3

Crayon Syntax Highlighter ist ein ausgezeichnetes kostenloses Plugin. Ich bin mit diesem gegangen, aber es gibt viele andere, denen ich begegnet bin, die den Zweck erfüllen könnten:

— Jan Klimo
quelle

Beispiellink ist defekt.

— Rich Cowin

Crayon Syntax HighlighterEs ist Arbeit für mich

— Core114

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