Can the placeholder configuration item of the comment system Valine be set in front-matter? about hexo-theme-next

[welcome]

Thanks for opening this issue, maintainers will get back to you as soon as possible!

[issue-label-bot]

Issue Label Bot is not confident enough to auto-label this issue. See dashboard for more details.

[stevenjoezhang]

Or any other method that does not modify the original source code of the theme to achieve it?

Try this

cd ~/your_hexo_root
mkdir scripts
cd scripts
touch name_it_the_way_you_like.js

hexo.extend.filter.register('template_locals', locals => {
  const { theme, page } = locals;
  theme.valine.placeholder = page.placeholder || 'default_value_here';
});

[aoemon]

@stevenjoezhang I made the following configuration according to your method:

In hexo/scripts/diff-plh.js :

hexo.extend.filter.register('template_locals', locals => {
    const { theme, page } = locals;
    theme.valine.placeholder = page.placeholder || 'default';
});

And add in the front-matter of a page:

---
placeholder: special
---

But it still shows as 'default'.

I don't know what I did wrong.

[stevenjoezhang]

Sorry I made a mistake that sometimes it's not able to override the theme variable generated by Hexo. I have other suggestions:

1. In layout/_third-party/comments/valine.njk

hexo-theme-next/layout/_third-party/comments/valine.njk

Lines 4 to 12 in b02c93d

	NexT.utils.loadComments(document.querySelector('#valine-comments'), () => {
	NexT.utils.getScript('{{ valine_uri }}', () => {
	new Valine(Object.assign({
	el : '#valine-comments',
	path: location.pathname,
	}, {{ theme.valine | json }}
	));
	}, window.Valine);
	});

NexT.utils.loadComments(document.querySelector('#valine-comments'), () => {
  NexT.utils.getScript('{{ valine_uri }}', () => {
    new Valine(Object.assign({
      el  : '#valine-comments',
      path: location.pathname,
    }, {{ theme.valine | json }}, {
      placeholder: MY_PLACEHOLDER
    }
    ));
  }, window.Valine);
});

Uncomment custom_file_path.head in NexT config

custom_file_path:
  head: source/_data/head.njk

Create a file named head.njk in source/_data dir of Hexo

<script>
const MY_PLACEHOLDER = {{ page.placeholder | json }} || 'default';
</script>

2. Or you can fork Valine and build a custom version

[aoemon]

@stevenjoezhang This is a good method. Although it still modifies the template file of the theme source code, but still very grateful for your answer.

[stevenjoezhang]

Valine is no longer open source since v1.4 so this may be the most convenient solution at present.

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. It is possible issue was solved or at least outdated. Feel free to open new for related bugs.