如何在汇编中创建博客文章列表？

Question

我有一个咕gr的汇编程序，您可以将帖子添加到posts文件夹，每个帖子都被汇编并添加到/ dist / news /中，我可以在其中访问新闻项列表（希望如此）。目前，我可以转到我的网站并访问/ news /，我会得到一个奇怪的目录，可以在其中访问帖子，但是它没有显示任何样式，也不知道其来源：

目录在我的文件结构中具有以下内容：

/dist
 /news/
   first-post.html
   post-two.html

当我单击上面页面上的链接时，我可以在此URL中看到该帖子： http：// localhost：9000 / news / first-post.html

我想做的是尝试在模板页面上复制它，但是我根本找不到要样式化或从中获取代码的页面。 到目前为止，这是我的设置：

Gruntfile.js

assemble: {
      options: {
        collections: [
          {
            name: 'navMain',
            sortby: 'number',
            sortorder: 'ascending' 
          },
          {
            name: 'posts',
            sortby: 'posted',
            sortorder: 'descending'
          },
          {
            name: 'footerNav',
            sortby: 'name',
            sortorder: 'ascending'
          }
        ]

      },
      pages: {
        options: {
          flatten: true,
          assets: '<%= config.dist %>/assets',
          layout: '<%= config.src %>/templates/layouts/default.hbs',
          data: '<%= config.src %>/data/*.{json,yml}',
          partials: '<%= config.src %>/templates/partials/*.hbs'
        },
        files: {
          '<%= config.dist %>/': ['<%= config.src %>/templates/pages/*.hbs']
        }
      },
      misc: {
        files: {
          '<%= config.dist %>/': ['<%= config.src %>/templates/misc/*.hbs']
        }
      },
      blog: {
        options: {
          flatten: true,
          assets: '<%= config.dist %>/assets',
          layout: '<%= config.src %>/templates/layouts/default.hbs',
          data: '<%= config.src %>/data/*.{json,yml}',
          partials: '<%= config.src %>/templates/partials/*.hbs',
          collections: [{name: 'posts', inflection: 'post'}]
        },
        files: {
            '<%= config.dist %>/news/': ['<%= config.src %>/templates/posts/*.hbs']
        }
      },
    }

然后在每个帖子里面：

/src/templates/posts
  first-post.md

我在里面用YAML来存储数据：

---
title: this post
posts:
 - news
posted: 2014-10-01
author: James
---
{{title}}

一切都很好，但我确实需要更好地工作，并且我需要能够在各个地方的列表中显示这些内容，而不仅限于我添加的上述图片。

有人可以对此有所帮助吗？

Answer 1

看起来您的Web服务器正在根据文件结构为/news/提供默认的索引页。 您的帖子的自定义索引列表可能如下所示：

<h1>News Index</h1>
<div>
    {{#each posts}}
        {{#is post "news"}}
            {{#withSort pages "data.posted" dir="desc"}}
                <div>
                    <h2><a href="/{{relativeLink}}">{{data.title}}</a></h2>
                    <p>By {{data.author}} on {{data.posted}}</p>
                    <p><a href="/{{relativeLink}}">more...</a></p>
                </div>
            {{/withSort}}
        {{/is}}
    {{/each}}
</div>

我写过有关使用Assemble建立博客的文章 ，这可能对您有所帮助。