你好!github页面

###大家好,我是破船!欢迎大家关注我的小站!

我写博文经历了这些平台:
百度空间->devdiv>新浪博客->CSDN->wordpress->octopress(现在)

用wordpress搭建的博客,用了4个月,由于有好多麻烦事(备份、空间和流量等各种不爽),现在果断在github上配合octopress搭建一个博客。

由于gitmarkdown对我来说就是小白,所以搭建的时间断断续续持续了约一周。其实网上已经有很好的参考资料了,只要照着弄,很容易就能搭建好的。

这篇文章是第一篇,我用的markdown编辑器是Mou,感觉不错。

下面是一些在mac机器上用octopress写博文需要用到的操作(持续更新)

###目录

  • 发表并部署博文
  • 添加多说评论功能
  • 起草文章 暂不公开
  • 域名解析
  • 添加百度统计和google analytics

###发表并部署博文

1
2
3
4
5
6
$ rake new_post["New Post"]
$ rake generate
$ git add .
$ git commit -am "Some comment here."
$ git push origin source
$ rake deploy

###添加多说评论功能

####A 获取short_name
去多说网注册账号,获取站点的short_name

####B 在_config.yml文件中添加如下内容

1
2
3
# duoshuo comments
duoshuo_comments: true
duoshuo_short_name: yourname

####C 在source/_layouts/post.html中添加多说评论模块

1
2
3
4
5
6
{% if site.duoshuo_short_name and site.duoshuo_comments == true and page.comments == true %}
<section>
<h1>Comments</h1>
<div id="comments" aria-live="polite">{% include post/duoshuo1.html %}</div>
</section>
{% endif %}

####D 创建source/_includes/post/duoshuo.html,并填入如下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- Duoshuo Comment BEGIN -->
<div class="ds-thread"></div>
<script type="text/javascript">
var duoshuoQuery = {short_name:"{{ site.duoshuo_short_name }}"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = 'http://static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- Duoshuo Comment END -->

####E 发布到站点

1
2
3
4
5
$ rake generate
$ git add .
$ git commit -am "添加多说评论"
$ git push origin source
$ rake deploy

###起草文章暂不公开
在文章头部添加published: false,就能起到暂时不公开文章了(即使已经部署到了github中),要公开文章只需要将false修改true即可。

###域名解析
我们可以给GitHub上的page指定一个域名,具体做法如下2个步骤

####1、给repo配置域名
source根目录下新建一个名为CNAME的文件,并把你的域名填写进去,例如beyondvincent.com。这样做的目的是告诉GitHub服务器开始将repo中的page(例如beyondvincent.github.io)指向到某个域名中。

####2、配置DNS(我的域名是在godaddy上购买的)
添加一条A记录:
@ 204.232.175.78
在CNAME中添加一条记录:
http beyondvincent.github.com

###添加百度统计和google analytics
从百度统计获取脚本,然后添加到文件source/_includes/after_footer.html文件中
从google analytics获取跟踪ID,然后将这个ID添加到_config.yml文件的google_analytics_tracking_id后面即可。