<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Blog on cnDenis的笔记</title><link>https://blog.cndenis.com/tags/Blog.html</link><description>Recent content in Blog on cnDenis的笔记</description><generator>Hugo -- gohugo.io</generator><language>zh-cn</language><lastBuildDate>Sun, 03 Nov 2013 00:00:00 +0000</lastBuildDate><atom:link href="https://blog.cndenis.com/tags/Blog/index.xml" rel="self" type="application/rss+xml"/><item><title>在Jekyll的博客中实现语法高亮</title><link>https://blog.cndenis.com/Web/2013/11/%E5%9C%A8Jekyll%E7%9A%84%E5%8D%9A%E5%AE%A2%E4%B8%AD%E5%AE%9E%E7%8E%B0%E8%AF%AD%E6%B3%95%E9%AB%98%E4%BA%AE.html</link><pubDate>Sun, 03 Nov 2013 00:00:00 +0000</pubDate><guid>https://blog.cndenis.com/Web/2013/11/%E5%9C%A8Jekyll%E7%9A%84%E5%8D%9A%E5%AE%A2%E4%B8%AD%E5%AE%9E%E7%8E%B0%E8%AF%AD%E6%B3%95%E9%AB%98%E4%BA%AE.html</guid><description>&lt;p&gt;在Jekyll的博客中实现语法高亮方法如下:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;在配置文件 &lt;code&gt;_config.yml&lt;/code&gt; 启用 pygments, 并使用redcarpet做为渲染引擎.&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;pygments&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;markdown&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;redcarpet&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;ol start="2"&gt;
&lt;li&gt;使用以下格式把代码括起来&lt;/li&gt;
&lt;/ol&gt;
&lt;pre&gt;
 ```python
 print("hello world")
 ```
&lt;/pre&gt;
&lt;ol start="3"&gt;
&lt;li&gt;在页面上添加语法高亮的CSS文件, 像这样:&lt;/li&gt;
&lt;/ol&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="p"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nt"&gt;link&lt;/span&gt; &lt;span class="na"&gt;rel&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;stylesheet&amp;#34;&lt;/span&gt; &lt;span class="na"&gt;href&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s"&gt;&amp;#34;/css/pygments.css&amp;#34;&lt;/span&gt; &lt;span class="p"&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;说明:&lt;/p&gt;
&lt;p&gt;使用 redcarpet 是为了支持所谓的 &lt;a class="link" href="https://help.github.com/articles/github-flavored-markdown" target="_blank" rel="noopener"
 &gt;Github风格的Markdown语法&lt;/a&gt;,
也就是像上面的那样三撇号加语言类型的方式进行代码引用,
其他几个渲染引擎要用&lt;a class="link" href="http://jekyllrb.com/docs/templates/#code_snippet_highlighting" target="_blank" rel="noopener"
 &gt;这种比较别扭的方式&lt;/a&gt;来把代码括起来, 我觉得这么写不好看.&lt;/p&gt;
&lt;p&gt;语法高亮的定义文件可以在 &lt;a class="link" href="https://github.com/richleland/pygments-css/tree/master" target="_blank" rel="noopener"
 &gt;这里&lt;/a&gt;下载, 对应的效果可以在 &lt;a class="link" href="http://pygments.org/demo/" target="_blank" rel="noopener"
 &gt;pygments的官网的Demo&lt;/a&gt;里试看.&lt;/p&gt;
&lt;p&gt;一直在纠结我的 Blog 中的代码为啥没有语法高亮,
看着&lt;a class="link" href="http://jekyllrb.com/" target="_blank" rel="noopener"
 &gt;Jekyll官网&lt;/a&gt;中漂亮的代码就更纠结了, 今天终于解决了,
刚把十几篇文章的代码都加上语言类型, 呼&amp;hellip;&lt;/p&gt;
&lt;p&gt;本文参考了:
&lt;a class="link" href="http://alexpeattie.com/blog/github-style-syntax-highlighting-with-pygments/" target="_blank" rel="noopener"
 &gt;GITHUB-STYLE SYNTAX HIGHLIGHTING WITH PYGMENTS&lt;/a&gt;&lt;/p&gt;</description></item><item><title>去除disqus的广告</title><link>https://blog.cndenis.com/Web/2013/09/%E5%8E%BB%E9%99%A4disqus%E5%B9%BF%E5%91%8A.html</link><pubDate>Tue, 17 Sep 2013 00:00:00 +0000</pubDate><guid>https://blog.cndenis.com/Web/2013/09/%E5%8E%BB%E9%99%A4disqus%E5%B9%BF%E5%91%8A.html</guid><description>&lt;p&gt;&lt;a class="link" href="http://jekyllbootstrap.com/" target="_blank" rel="noopener"
 &gt;Jekyll-Bootstrap&lt;/a&gt; 自带了&lt;a class="link" href="https://disqus.com/" target="_blank" rel="noopener"
 &gt;Disqus&lt;/a&gt;支持,
但Disqus默认自带广告, 看起来有点不爽. Google了一下找到去除广告方法:&lt;/p&gt;
&lt;p&gt;首先是要注册Disqus账号, 在博客的配置文件&lt;code&gt;_config.yml&lt;/code&gt;中找到&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-yaml" data-lang="yaml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;comments &lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;provider &lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;disqus&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;disqus &lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nt"&gt;short_name &lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="l"&gt;YOUR_NAME&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;在&lt;code&gt;short_name&lt;/code&gt;后填上自己的账号, 把原先博客中示例的评论框换成自己.&lt;/p&gt;
&lt;p&gt;然后上Disqus网站, 按下图修改即可&lt;/p&gt;
&lt;img src="http://farm8.staticflickr.com/7343/9784821822_e40b24656a_o.png" alt="去除disqus广告"&gt;
&lt;p&gt;参考:&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="http://www.scottallen.com/2013/03/how-to-remove-disqus-ads-from-your-wordpress-blog/" target="_blank" rel="noopener"
 &gt;How to Remove Disqus Ads From Your WordPress Blog&lt;/a&gt;&lt;/p&gt;</description></item></channel></rss>