The tag plugin I created to display a list of articles for a specific category only shows two items

[nagongze]

hexo.extend.tag.register('post_list', function(args) {
    var categoryNames = args[0].split(',').map(function(cat) { return cat.trim().toUpperCase(); });
    var result = '<ol>';

    hexo.locals.get('posts').sort('-date').forEach(function(post) {
        if (post.categories.some(function(cat) { return categoryNames.includes(cat.name.trim().toUpperCase()); })) {
            result += '<li><a href="' + post.permalink + '">' + post.title + '</a></li>';
        }
    });

    result += '</ol>';
    return result;
});

I don't even know what the reason is. Whether it's the tag syntax or the Front matter, I've copied them, and theoretically, it should have more items, but it just displays two items.

[lorezyra]

Have you run this through VScode debugger?

Reference

• https://blog.richiebartlett.com/Work_%E4%BB%95%E4%BA%8B/Programming_%E9%96%8B%E7%99%BA/Debugging-HEXO-in-VScode/

[nagongze]

I’m sorry, I’m not very good at operating it, and it doesn’t show any related errors.
When I use console.log, the information is insufficient.
But I can’t see where the problem is.

[lorezyra]

console.log is great when you know what to look for... but it's like walking in the dark without a flashlight. That's why I use VScode debugger to see the data in memory. Then I can make faster corrections to my code.

Another thought occurred to me... in the rendered HTML, are there only two categories? Or, is it hidden by a CSS rule?

[nagongze]

console.log is great when you know what to look for... but it's like walking in the dark without a flashlight. That's why I use VScode debugger to see the data in memory. Then I can make faster corrections to my code.

Another thought occurred to me... in the rendered HTML, are there only two categories? Or, is it hidden by a CSS rule?

I only have one category, and I used Ctrl+F to search that the names are all the same, and there is no hidden CSS.

[lorezyra]

We may be getting lost in translation. I mean to suggest that you review the HTML output to see if all the categories are there. I've made UI's where some data was hidden by a overflow or max-height CSS rule.

[yoshinorin]

@nagongze

I'm not sure what you want to do, but what about this code?

hexo.extend.tag.register('post_list', (args) => {
  const categoryNames = Array.from(new Set(args[0].split(',').map((cat) => { 
    return cat.trim().toUpperCase();
  })));
  let result = '<ol>';

  hexo.locals.get('posts').sort('-date').forEach((post) => {
    if (post.categories && post.categories.length > 0) {
      const postCategories = post.categories.map((c) => c.name.trim().toUpperCase());
      const matchedCategories = postCategories.filter(pc => {
        return categoryNames.find(cn => cn === pc);
      });
      if (matchedCategories.length > 0) {
        result += '<li><a href="' + post.permalink + '">' + post.title + '</a></li>';
      }
    }
  });

  result += '</ol>';
  return result;
});

[nagongze]

The result is still two items regardless of whether I check the category command or use folder auto-generation category.
Unless I manually modify the category of an article once in the hexo server status, it will not appear, which means that the online deployment status will only be incorrect.
I want to link articles in the same category like documents do, but I don’t want to manually add post_link every time I write a new article.
That’s what it’s for. However, no matter how I modify the code, the final result will not be all the articles in my category.
But thank you for helping me fix the code.

[stevenjoezhang]

@nagongze Your code actually works fine in my blog. Can you provide your source repository, so I can help debugging?

[jerryc127]

I hava same problem, hexo.locals.get('posts') return 2 items rather than all post
https://github.com/orgs/hexojs/discussions/5230

@nagongze how to solve it ?
@stevenjoezhang it is bugs?

[uiolee]

I tried it and it works.

test in v6.3 and v7

hexo.extend.tag.register("post_list", function (args) {
  var result = "<ol>";
  console.log(hexo.locals.get('posts').length);
  hexo.locals.get("posts").sort("-date").forEach(function (post) {
      console.log(post.title, post.permalink);
      result += '<li><a href="' + post.permalink + '">' + post.title + "</a></li>";
    });

  result += "</ol>";
  return result;
});

[D-Sketon]

It's so strange, I changed the number of articles containing the tag and the output is different
one post with tag:

two posts with tag:

[D-Sketon]

It seems that with the tag added the output becomes a random event

[lorezyra]

Can you output your node environment settings? I'm wondering if you have a poorly configured heap config...