如何在octopress中创建自己的索引自定义类型的页面?

时间:2012-11-02 11:38:24

标签: octopress

就像这个页面http://brandonmathis.com/projects/一样,如何使用自己的索引创建项目

1 个答案:

答案 0 :(得分:1)

这是一个选项:

在Octopress站点根目录中创建一个名为projects的目录。在它里面,放一个文件'index.html'和一个目录_posts:所以你会有这样的东西:

_layouts/
_plugins/
_posts/
    some_post_that_is_not_a_project.md
projects/
    index.html
    _posts/
        some_project.md
        some_other_project.md
index.html
config.yml

您在_posts目录中发布的任何帖子都将自动属于“项目”类别。这意味着您可以在projects / index.html中添加以下内容:

<ul>
{% for post in site.categories.projects %}
    <li>
    <a href="/{ post.permalink }}">
        <img src="{{ post.image }} alt="{{ post.title }}></img>
        <h3>{{ post.title }}</h3>
        <p>{{ post.summary }}</p>
    </a>
    </li>
{% endfor %}
</ul>

然后有这样的帖子:

---
title: Fancy buttons
image: /path/to/some/image.jpg
summary: |
    I created Fancy Buttons (a Compass plugin) to make it easy to design gorgeous
    customizable CSS buttons in seconds.
|
---

Here is the longer content of this post etc etc which will
appear on the project page itself...

这是一种很好的方式,因为你有一个清晰,明智的目录结构,易于导航和维护。

希望这有帮助。