我看到一些Octopress網站的代碼塊中沒有行號。你是怎樣做的? {% codeblock %}
標籤中是否有一些屬性?或者我必須修改codeblock插件源?如何禁用Octopress代碼塊中的行號?
回答
通過4個空格縮進使用blockquotes應該做你正在尋找的東西,但它沒有語法突出顯示。
如果你在任何地方丟失行號都可以,你可以修改plugins/pygments_code.rb
並刪除生成行號的代碼位。
通過上述bilalq(抱歉,太大,不適合在他的答案的評論)
--- a/plugins/pygments_code.rb
+++ b/plugins/pygments_code.rb
@@ -29,11 +29,11 @@ module HighlightCode
end
highlighted_code
end
+
def tableize_code (str, lang = '')
- table = '<div class="highlight"><table><tr><td class="gutter"><pre class="line-numbers">'
+ table = '<div class="highlight"><table><tr>'
code = ''
str.lines.each_with_index do |line,index|
- table += "<span class='line-number'>#{index+1}</span>\n"
code += "<span class='line'>#{line}</span>"
end
table += "</pre></td><td class='code'><pre><code class='#{lang}'>#{code}</code></pre></td></tr></table></div>"
如果使用kramdown標出引擎,它帶有一個選項,建議pygments_code.rb
補丁你在_config.yml
文件中設置,coderay_line_numbers
:
markdown: kramdown
kramdown:
use_coderay: true
coderay:
coderay_line_numbers:
coderay_css: class
它可以設置爲nil
(如本例),inline
,table
或list
。也許你沒有看到行號的博客使用這種方法。
你可以在我的blog post中看到一些截圖關於Octopress中kramdown的不同選項。
它能在Octopress 2.1上工作嗎? – zx1986
只需添加:
pre.line-numbers { display: none; }
到sass/custom/_styles.scss
。
這是由@bilalq答案的一個評論,但我認爲這是最好的,最簡單,最明智的答案左右(理智如你想保留您的自定義sass/custom/
下)。
在我的情況下,我使用'sass/theme-name/custom /'中提到的CSS代碼添加了一個文件, –
- 1. Octopress不能與代碼塊
- 2. 如何禁用octopress中的excerpt_link?
- 3. 如何使用JavaScript顯示代碼塊的行號?
- 4. Octopress包含代碼崩潰
- 5. 如何創建我使用Octopress在octopress
- 6. 如何在Netezza中運行代碼塊
- 7. mvc3 - 如何從源代碼禁用符號的htmlencode
- 8. 如何禁用公開訪問Google代碼中的源代碼?
- 9. 如何在C#中禁用div代碼?
- 10. 如何在C中像使用#ifdef一樣禁用Perl中的代碼塊?
- 11. 如何爲我的代碼在octopress博客頁面着色
- 12. 在MediaWiki中,如何在代碼塊中插入代碼塊?
- 13. 使用Octopress修復rDiscount解析器中的額外行編號
- 14. 如何禁用騾子CXF分塊編碼:代理客戶
- 15. 如何處理代碼塊中的雙花括號?
- 16. 如何在Visual Studio代碼中禁用GPU渲染代碼
- 17. 如何在執行另一個代碼塊後才執行代碼塊
- 18. 如何禁用嵌套在UIView動畫塊中的代碼的動畫?
- 19. 如何獲得調用函數的代碼行號碼
- 20. 代碼塊不運行的代碼
- 21. 如何使用代碼禁用Revmob?
- 22. 在java類中,括號中的代碼如何/何時執行?
- 23. LLVM如何在任何其他代碼之前執行模塊中的代碼
- 24. 如何在運行後禁用/限制一行代碼? (Python)
- 25. 如何在reStructuredText和Sphinx中命名或編號代碼塊?
- 26. 如何禁用特定代碼行的特定checkstyle規則?
- 27. 如何解析Elisp中的代碼塊?
- 28. 如何摺疊Eclipse中的代碼塊?
- 29. Netbeans的禁用代碼完成在HTML中引號
- 30. 在代碼中禁用PrettyPhoto
難道你不應該能夠更新CSS來不顯示排水溝? – Toby
你是對的。您可以修改CSS以獲得相同的視覺效果(儘管您仍然可以在HTML中使用它們)。 'pre.line-numbers {display:none; }'應該這樣做。 – bilalq
你能提供一個例子嗎......我不確定你的意思是blockquote應該是第一還是應該是第一個縮進。 –