为知笔记发布到博客园,代码高亮失效问题

博客设置 -> 页面定制CSS代码

填入以下样式表

  1. /*
  2. Original style from softwaremaniacs.org (c) Ivan Sagalaev <[email protected]>
  3. */
  4. .hljs {
  5. display: block; padding: 0.5em;
  6. background: #F0F0F0;
  7. }
  8. .hljs,
  9. .hljs-subst,
  10. .hljs-tag .hljs-title,
  11. .lisp .hljs-title,
  12. .clojure .hljs-built_in,
  13. .nginx .hljs-title {
  14. color: black;
  15. }
  16. .hljs-string,
  17. .hljs-title,
  18. .hljs-constant,
  19. .hljs-parent,
  20. .hljs-tag .hljs-value,
  21. .hljs-rules .hljs-value,
  22. .hljs-rules .hljs-value .hljs-number,
  23. .hljs-preprocessor,
  24. .hljs-pragma,
  25. .haml .hljs-symbol,
  26. .ruby .hljs-symbol,
  27. .ruby .hljs-symbol .hljs-string,
  28. .hljs-aggregate,
  29. .hljs-template_tag,
  30. .django .hljs-variable,
  31. .smalltalk .hljs-class,
  32. .hljs-addition,
  33. .hljs-flow,
  34. .hljs-stream,
  35. .bash .hljs-variable,
  36. .apache .hljs-tag,
  37. .apache .hljs-cbracket,
  38. .tex .hljs-command,
  39. .tex .hljs-special,
  40. .erlang_repl .hljs-function_or_atom,
  41. .asciidoc .hljs-header,
  42. .markdown .hljs-header,
  43. .coffeescript .hljs-attribute {
  44. color: #800;
  45. }
  46. .smartquote,
  47. .hljs-comment,
  48. .hljs-annotation,
  49. .hljs-template_comment,
  50. .diff .hljs-header,
  51. .hljs-chunk,
  52. .asciidoc .hljs-blockquote,
  53. .markdown .hljs-blockquote {
  54. color: #888;
  55. }
  56. .hljs-number,
  57. .hljs-date,
  58. .hljs-regexp,
  59. .hljs-literal,
  60. .hljs-hexcolor,
  61. .smalltalk .hljs-symbol,
  62. .smalltalk .hljs-char,
  63. .go .hljs-constant,
  64. .hljs-change,
  65. .lasso .hljs-variable,
  66. .makefile .hljs-variable,
  67. .asciidoc .hljs-bullet,
  68. .markdown .hljs-bullet,
  69. .asciidoc .hljs-link_url,
  70. .markdown .hljs-link_url {
  71. color: #080;
  72. }
  73. .hljs-label,
  74. .hljs-javadoc,
  75. .ruby .hljs-string,
  76. .hljs-decorator,
  77. .hljs-filter .hljs-argument,
  78. .hljs-localvars,
  79. .hljs-array,
  80. .hljs-attr_selector,
  81. .hljs-important,
  82. .hljs-pseudo,
  83. .hljs-pi,
  84. .haml .hljs-bullet,
  85. .hljs-doctype,
  86. .hljs-deletion,
  87. .hljs-envvar,
  88. .hljs-shebang,
  89. .apache .hljs-sqbracket,
  90. .nginx .hljs-built_in,
  91. .tex .hljs-formula,
  92. .erlang_repl .hljs-reserved,
  93. .hljs-prompt,
  94. .asciidoc .hljs-link_label,
  95. .markdown .hljs-link_label,
  96. .vhdl .hljs-attribute,
  97. .clojure .hljs-attribute,
  98. .asciidoc .hljs-attribute,
  99. .lasso .hljs-attribute,
  100. .coffeescript .hljs-property,
  101. .hljs-phony {
  102. color: #88F
  103. }
  104. .hljs-keyword,
  105. .hljs-id,
  106. .hljs-title,
  107. .hljs-built_in,
  108. .hljs-aggregate,
  109. .css .hljs-tag,
  110. .hljs-javadoctag,
  111. .hljs-phpdoc,
  112. .hljs-yardoctag,
  113. .smalltalk .hljs-class,
  114. .hljs-winutils,
  115. .bash .hljs-variable,
  116. .apache .hljs-tag,
  117. .go .hljs-typename,
  118. .tex .hljs-command,
  119. .asciidoc .hljs-strong,
  120. .markdown .hljs-strong,
  121. .hljs-request,
  122. .hljs-status {
  123. font-weight: bold;
  124. }
  125. .asciidoc .hljs-emphasis,
  126. .markdown .hljs-emphasis {
  127. font-style: italic;
  128. }
  129. .nginx .hljs-built_in {
  130. font-weight: normal;
  131. }
  132. .coffeescript .javascript,
  133. .javascript .xml,
  134. .lasso .markup,
  135. .tex .hljs-formula,
  136. .xml .javascript,
  137. .xml .vbscript,
  138. .xml .css,
  139. .xml .hljs-cdata {
  140. opacity: 0.5;
  141. }
  142. pre {
  143. font-size: 13px;
  144. }
  145. pre, code {
  146. font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  147. word-wrap: break-word;
  148. }
  149. .pln {
  150. color: #48484C; }
  151. .str {
  152. color: #DD1144; }
  153. .kwd {
  154. color: #1E347B; }
  155. .com {
  156. color: #93A1A1; }
  157. .typ {
  158. color: teal; }
  159. .lit {
  160. color: #195F91; }
  161. .pun {
  162. color: #93A1A1; }
  163. .opn {
  164. color: #93A1A1; }
  165. .clo {
  166. color: #93A1A1; }
  167. .tag {
  168. color: #008; }
  169. .atn {
  170. color: teal; }
  171. .atv {
  172. color: #DD1144; }
  173. .dec {
  174. color: teal; }
  175. .var {
  176. color: teal; }
  177. .fun {
  178. color: #DC322F; }
  179. /* Put a border around prettyprinted code snippets. */
  180. pre.prettyprint {
  181. background-color: #F7F7F9;
  182. padding: 0px;
  183. border: 1px solid #E1E1E8;
  184. tab-size: 4; }
  185. pre.prettyprint.linenums {
  186. overflow: auto;
  187. -webkit-overflow-scrolling: touch;
  188. }
  189. /* Specify class=linenums on a pre to get line numbering */
  190. pre.prettyprint.linenums ol.linenums {
  191. box-shadow: 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset;
  192. color: #1E347B;
  193. padding: 10px 10px 10px 40px !important;
  194. margin-top: 0;
  195. margin-bottom: 0;
  196. }
  197. pre.prettyprint.linenums ol.linenums li {
  198. color: #BEBEC5;
  199. line-height: 18px;
  200. padding-left: 12px !important;
  201. }
  202. pre.prettyprint.linenums ol.linenums li.L0,
  203. pre.prettyprint.linenums ol.linenums li.L1,
  204. pre.prettyprint.linenums ol.linenums li.L2,
  205. pre.prettyprint.linenums ol.linenums li.L3,
  206. pre.prettyprint.linenums ol.linenums li.L4,
  207. pre.prettyprint.linenums ol.linenums li.L5,
  208. pre.prettyprint.linenums ol.linenums li.L6,
  209. pre.prettyprint.linenums ol.linenums li.L7,
  210. pre.prettyprint.linenums ol.linenums li.L8,
  211. pre.prettyprint.linenums ol.linenums li.L9 {
  212. list-style-type: decimal !important;
  213. }

null

时间: 2024-10-11 05:36:46

为知笔记发布到博客园,代码高亮失效问题的相关文章

为知笔记发布到博客园

1 发布时,提示“未知错误” 原因:API地址填写错误,为知笔记的“帮助”中写的博客园API是错误的,中间填写的不是博客名,而是申请时的域名. http://www.cnblogs.com/申请时的域名/services/metablogapi.aspx 原文地址:https://www.cnblogs.com/zjx2011/p/8445117.html

利用为知笔记发布到博客园中

这个是你注册博客园完后登录之后的地址:http://www.cnblogs.com/linmbbest/services/metablogapi.aspx

博客园代码高亮插件(类似csdn的代码插入)

博客园内置支持SyntaxHighlighter代码着色,使用此内置着色特性需要将博客的默认编辑器改为TinyMCE(“管理”-“选项”中设置).如果使用CuteEditor,CuteEditor会自动去除代码中的空格,造成代码格式破坏. 如果您使用Windows Live Writer写博客(配置步骤),通过Windows Live Writer代码着色插件,可以方便进行SyntaxHighlighter代码着色. 我们推荐的代码着色插件是:Windows Live Writer Source

博客园代码高亮

使用syntaxhighlighter插件对代码进行加亮: 1>下载syntaxhighlighter,解压后将shThemeDefault.css和shCoreRDark.css文件上传到博客园 2>设置"页首html代码",添加 <link type="text/css" rel="stylesheet" href="http://博客地址/files/wbbice/shCoreRDark.css"/&g

初步解决博客园代码高亮的一个方案

今天我要推荐的是一个免费而且支持markdown语法的软件--Typora 它有很多优点,支持多种类型代码的高亮风格,方便的排版处理,支持Latex等,最重要的一点是真正做到了所见即所得ヽ(???)?(???)? 之前在csdn 的时候有markdown编辑器,是左半边写,右半边就可以预览.但Typora厉害就在于它只有一个界面,写好之后就可以直接显示效果了(除了少数的功能无法直接预览,就我所知比如居中处理),这一点就很棒了 写前两篇博客的时候感叹博客园的markdown编辑器真是太难用了,而且

一个博客园代码高亮的方案

前言 博客园虽然可定制度高,但是在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感. 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格. 使用纯 CSS 实现,不需要 JS 权限. 关于博客园的插入代码 本章节只针对博客园的 TinyMce 编辑器讨论,我没有测试其他编辑器(例如 Markdown)的代码高亮解析方案. 博客园的插入代码是有两种方案的. 如图所示. 两种插入代码使用的高亮解析方案不同,各有利弊.我对两种方案都做了适配. 我个人推荐使用

使用highlightjs_markdown编辑器自定义博客园代码高亮

一 下载选定highlightjs主题CSS样式 先去highlightjs官网选择一个主题,然后直接下载主题包,找到对应名字的css,复制所有css样式代码 然后博客园选项修改默认编辑器为markdown,如下: 二 修改CSS代码并设置 在样式的第一行.hljs前面加上这句 .cnblogs-markdown 还需要在背景颜色和字体大小后加入强制覆盖,即!important,只需要改动第一个,如下图: 将修改后的css样式直接贴在设置里面的页面定制 CSS 代码里面保存即可查看效果,注意,如

博客园代码高亮美化教程

先简单展示下效果吧: 首先需要导入js代码,在侧边栏公告处将以下代码复制进入: <script type="text/javascript"> !function(){var q=null;window.PR_SHOULD_USE_CONTINUATION=!0; (function(){function S(a){function d(e){var b=e.charCodeAt(0);if(b!==92)return b;var a=e.charAt(1);return(

使用github+sublime+markdwon 写文章,写博客并发布到博客园

第一步:安装 轻松玩转github: 注册成为 github用户 首先下载github windows 客户端: 安装完成后打开gitShell 窗口,这里客户端在安装的时候就已经帮你把用户名密码设置好了,并且把公钥上传到了github.无需配置直接使用即可: ps: 使用 git config --global -l 可以查看. 学习一下git的常用命令吧:这里强烈推荐廖雪峰老师的博客,我不会告诉你我就是跟着他学的. 然如果你觉得廖老师太多了懒得看,而且只写写博客什么的就直接看下文吧,下面会给