最新消息:蔓草札记的微信公众号开通了,赶紧在微信通讯录公众号中搜索“蔓草札记”关注下吧 :)

Octopress写作及个性设置

博客经验 xhhjin 13075浏览 12评论

完成在 Github 上搭建 Octopress 博客后,就可以开始写博客了,有时,我们会根据自己的需要对博客进行一定的配置,比如 Octopress 默认的评论是 Disqus,可以换成国内的多说、友言等等,默认的分享工具 AddThis,可以换成国内的 JiaThis,百度分享等等。

一、Octopress 写作

首先进入 Octopress 所在目录,如 E:octopress,创建一篇文章,输入以下命令:

E:
cd octopress
rake new_post[“My first octopress blog”]

此时进入 E:octopresssource_posts 目录就可发现刚才新建的文章,用记事本(推荐使用 Vim、UltraEdit 等文本编辑器)打开就可以看到如下格式的内容:


layout: post
title: “my first octopress blog”
date: 2012-08-12 19:54
comments: true
categories:

可以修改 title 为你想要发表博客的标题,如:我的第一篇 Octopress 博文,最下面的“—”后就可输入你的博客内容了。在文章中使用<!– more –>,列表页将不再显示全文,而是显示“Read on”的链接,指向全文 。

如果文章中包含中文,写完后一定要把文件保存为 UTF-8 格式。

保存文件后,运行如下命令生成和预览博文:

rake generate
rake preview

然后打开浏览器,输入http://localhost:4000/就可以看到新生成的博客界面了,此时如果修改了博文,只需刷新页面即可看到改动后的效果。

创建一个新的页面也与此类似,命令是:

rake new_page[super-awesome]

本地预览通过后运行下面命令将修改部署到 Github 上去。

rake deploy

Octopress 写作及个性设置

二、添加多说评论

在 _config.yml 尾部添加如下行:

# Duoshuo Comments
duoshuo_show_comment_count: true

在 source/_layouts/post.html 尾部添加如下代码:

{% if site.duoshuo_show_comment_count==true and page.comments==true %}
<section id=”comment”>
<h1> 发表评论</h1>
{% include post/duoshuo.html %}
</section>
{% endif %}

创建 source/_includes/post/duoshuo.html 文件,将从多说获得的代码放入其中。

三、将 AddThis 更换为 JiaThis

打开 source/_includes/post/sharing.html,用<!– 和 –> 注释掉<div class=”share” > 和</div> 中的 AddThis 相关语句,然后在</div> 前加入从JiaThis获得的代码。

演示效果:http://github.xuhehuan.com/

上面只是两个具体的例子,想要更多的 DIY,在 source 目录找到相应代码完成修改即可。


欢迎转载,转载请注明出处:蔓草札记 » Octopress写作及个性设置

♥ 喜欢 1 赞赏
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (12)

  1. 文章写的不错,学习学习。。
    经验收集网12年前 (2012-09-07)回复
  2. 再来支持一下,哈哈..
    经验收集网12年前 (2012-09-07)回复
  3. read on功能实现不了啊 怎么搞?
    boia12年前 (2013-03-03)回复
    • @boia 应该是这个:<!-- more -->。文中直接输入这个标签会变掉,你试下。
      xhhjin博主12年前 (2013-03-04)回复
  4. O(∩_∩)O哈哈~ 没想到是这样子的呀。
    雷不行洽12年前 (2013-03-05)回复
  5. 在研究Octopress的3D标签云,在本地上preview的时候一切正常,但deploy到github之后就无法识别中文的标签的地址了。比如说user.github.com/blog/categories/测试 这个路径github上识别不出来。有什么办法吗??
    Ray11年前 (2013-08-19)回复
    • @Ray 把路径中汉字转换为拼音,看这里:给octopress添加3D标签云
      xhhjin博主11年前 (2013-08-21)回复
      • @xhhjin 博主大爱啊!竟然亲自帮我查了下。我表示我就是各种没找到解决方案后自己改了插件的代码,又写了篇博文,结果这么快就让博主看到了。。。
        Ray11年前 (2013-08-21)回复
        • @Ray :arrow: 很强,这么快就收录的文章。。。。
          xhhjin博主11年前 (2013-08-21)回复
      • @xhhjin 另外 点击量怎么添加呢??因为octopress是静态的,所以没想到添加点击量的办法。我看博主的页面都是有点击量的。 此外,右边的那个来访的地图插件怎么添加呢?? 最后,我怎么觉得这个blog还是wordpress的感觉呢。。。是用octopress做后端吗?? 谢谢!
        Ray11年前 (2013-08-21)回复
        • @Ray 浏览量就不清楚怎么实现了,这个是wordpress的,我的Octopress博客是演示用的,见文中的地址。地图插件看原来的文章:精美的3D旋转地球统计RevolverMaps
          xhhjin博主11年前 (2013-08-21)回复
          • @xhhjin 看来没办法了 也许要像disqus那样搞一个外部的插件吧 过几天再搞 最近都没干活 再次感谢
            Ray11年前 (2013-08-21)