Github Blog - 自定义

Octopress目录结构

Rakefile

rake的配置文件，类似于makefile。

Gemfile

bundle要下载需要的gem依赖关系的指定文件。

_config.yml

站点的配置文件。

public/

rake generate静态编译完成后的目录，该目录为网站展示的目录。

_deploy/

rake deploydeploy时生成的缓存文件夹，内容和public目录一样。

该目录中内容由Octopress自动提交至Github远程仓库的master分支。

sass/

css文件的源文件目录。

plugins/

放置自带及第三方插件目录，ruby程序。

source/

站点的源文件目录，public目录就是根据该目录下数据生成的。

该目录中内容由用户手动提交至Github远程仓库的source分支。

_includes/custom/

自定义的模板目录。

_includes/asides/

边栏模板目录。

_includes/post/

文章页面相应模板目录。

_layouts/

默认网站html相关文件，最底层。

_posts/

文章源文件，由rake new_post["article name"]命令产生。

_stylesheets/

css文件目录。

javascripts/

js文件目录。

images/

图片目录。

设置博客中的链接在新窗口中打开

将如下代码添加到occtopress/source/_includes/custom/head.html文件末尾。

<script type="text/javascript">
function addBlankTargetForLinks () {
  $('a[href^="http"]').each(function(){
      $(this).attr('target', '_blank');
  });
}
$(document).bind('DOMNodeInserted', function(event) {
  addBlankTargetForLinks();
});
</script>

自定义侧边栏

首先，在octopress/source/_includes/asides/目录下创建custom.html。

然后，在_config.yml的default_asides:设置中加入创建的自定义侧栏文件/asides/custom.html。

侧边栏顺序即为default_asides:中参数的顺序，可以自己设置。

增加Google Analytics统计工具

首先，在Google Analytics注册并按要求填写网站信息；

然后，获取Tracing Id，添加到_config.yml的google_analytics_tracking_id后面即可。

列表排版的缩进问题

列表默认会冲出文章主主体区块。

在octopress/sass/custom/_layout.sccs文件中找到#$indented-lists: true行，去掉#注释即可。

公益404页面

创建404.markdown，按如下编辑。

---

layout: page

title: "404 Error"

date: 2013-4-21 02:35

comments: false

sharing: false

footer: false

---

<script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8"></script>

博客末尾增加原文链接、版权等

参考博客为octopress文章添加原文链接

参考资料

自定义你的Octopress博客

定制Octopress

Light's Blog

The best or nothing.