WordPress中使用Markdown和Syntax Highlighter


下載安裝插件

  1. 在wordpress插件中安裝WP Code Prettify
  2. PHP Markdown Extra 下載Extra,並上傳安裝到wordpress。
  3. Code Prettify themes 下載喜歡的樣式,放到\wp-content\plugins\wp-code-prettify\css目錄中。

修改樣式

我使用的是Twenty Twelve樣式

  1. 編輯style.css文件
    .entry-content pre, .comment-content pre 的樣式內容剪切
    .entry-content pre code, .comment-content pre code中。
  2. 設置WP Code Prettify
    修改自定義樣式代碼如下:
.entry-content pre code { margin:5px; padding:10px; max-height:300px; overflow:auto; font-size:14px; border:1px solid #ccc;}

使用

代碼部分必須使用如下方式添加

~~~.prettyprint
your code
~~~

或者如下

```{.prettyprint .lang-cs}
your code
```

修改PHP Markdown Extra插件支持html5

打開編輯頁面搜索align

align="right"
align="center"
align="left"

對應修改為

style="text-align: right;"
style="text-align: center;"
style="text-align: left;"

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM