So verwenden Sie Prisma, um den Code aufzuhellen, wenn Sie Markdown in WordPress verwenden

Dieser Artikel stellt hauptsächlich die Verwendung von Prisma für die Code-Hervorhebung vor, wenn WordPress einen bestimmten Referenzwert hat. Jetzt kann ich ihn mit Ihnen teilen

Hintergrund : Ich habe kürzlich den Artikeleditor meines Blogs auf Markdown umgestellt, aber ich habe festgestellt, dass das mit dem WordPress-Theme gelieferte CSS keine Code-Hervorhebung erreichen kann. Da es sich um eine Zwangsstörung handelt, scheint es sehr unangenehm zu sein, also habe ich mein Bestes gegeben, um dies zu erreichen Code-Hervorhebung im Markdown.

1. Markdown-Editor verwenden

Zunächst müssen Sie den mit WordPress gelieferten Artikeleditor auf Markdown umstellen. Nach mehreren Vergleichen müssen Sie den Markdown-Editor installieren. Ich habe mich für das Plug-in WP Editor .md entschieden, einen Markdown-Editor, der in Echtzeit in der Vorschau angezeigt werden kann. Bitte lesen Sie die Plug-in-Beschreibung im Detail, um sich über die spezifischen Vorteile zu informieren.
Plugin-Screenshot:

Das Wichtigste ist, dass die Plug-in-Codehervorhebung Prisma verwendet, sodass der Code in der Bearbeitungsphase automatisch Prisma verwendet Syntax sind keine weiteren Einstellungen erforderlich. Wenn Sie mir nicht glauben, können Sie den HTML-Quellcode Ihres Artikels überprüfen. Dort wird die folgende Syntax angezeigt:

<pre class="language-c"><code class="language-c">  code_here </code>

Die Code-Hervorhebungsoption ist in den Plug-in-Einstellungen aktiviert und deaktiviert, „Syntaxhervorhebungsoption – Unterstützung der Prisma-Syntaxhervorhebung“Aktivieren in .

2. Gehen Sie zur offiziellen Prism-Website, um Ihre eigenen CSS- und JS-Dateien herunterzuladen

Download-Adresse: http://prismjs.com/download.htm
Wählen Sie Ihre häufig verwendete Sprache aus Klicken Sie auf JS HERUNTERLADEN und CSS HERUNTERLADEN, um CSS- und JS-Dateien herunterzuladen, d. h. prism.js- und prism.css-Dateien.

3. Ändern Sie das WordPress-Theme

Geben Sie den Ordner ein, der dem Thema entspricht, erstellen Sie einen Prism-Ordner und legen Sie die Dateien prism.js und prism.css im Ordner

Ändern Sie die Datei funcations.php, der benutzerdefinierte Pfad darin ist der Speicherpfad der Dateien prism.js und prism.css

function add_prism() {        
wp_register_style(            
'prismCSS', 
            get_stylesheet_directory_uri() . 'prism/prism.css' //自定义路径
         );          
wp_register_script(            
'prismJS',            
get_stylesheet_directory_uri() . 'prism/prism.js'   //自定义路径
         );        
wp_enqueue_style('prismCSS');        
wp_enqueue_script('prismJS');
    }
add_action('wp_enqueue_scripts', 'add_prism');

4.Viel Spaß

Okay, Sie können Ihren Artikel hier aktualisieren Zeit, Sie werden feststellen, dass die Code-Hervorhebung implementiert wurde, so einfach ist das!

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

WordPress erkennt, dass das Passwort nach der Registrierung in der Registrierungsoberfläche direkt auf der Seite angezeigt wird

Verwenden Sie PHPstudy bei der Bereitstellung eines PHP-Systems unter einem Windows-Server

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Prisma, um den Code aufzuhellen, wenn Sie Markdown in WordPress verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!