Add comment text

[sli1989]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines.
• Tests for the changes have been added (for bug fixes / features).
  • Muse | Mist have been tested.
  • Pisces | Gemini have been tested.
• Docs have been added / updated (for bug fixes / features).

PR Type

What kind of change does this PR introduce?

• Bugfix.
• Feature.
• Code style update (formatting, local variables).
• Refactoring (no functional changes, no api changes).
• Build related changes.
• CI related changes.
• Documentation content changes.
• Other... Please describe:

What is the current behavior?

At present, there is a loss in comment text.

Facebook comments has added already (example).

https://github.com/sli1989/hexo-theme-next/blob/e6d4dd5ad7f178708754e0bab01863f267c7a900/layout/_macro/post.swig#L139

Disqus auto return the Comments: 1 Comment example, 2 Comments , 6 Comments

Hypercomments (example) & changyan (example) & valine & gitment are needed to add comment text.

gitment example

Issue Number(s): N/A

What is the new behavior?

To keep consisting of disqus comment (auto display), the style of commentCount+Comments in <a </a> as hyperlink is added in hypercomments/changyan/gitment/valine. And change comments to Comments in facebook comments.

• Screens with this changes:

valine

• Link to demo site with this changes: http://test.saili.science/2018/03/18/hello-world/

How to use?

In NexT _config.yml:

...

Does this PR introduce a breaking change?

• Yes.
• No.

[ivan-nginx]

No. In some comments (e.g. Disqus) label «Comment(s)» added automatically. Check it.

[sli1989]

i have thought about disqus as exception. facebook and changyan comment are needed to check.
there is a abnormal indent...😂

[sli1989]

Confirm in all existed comment systems.

[ivan-nginx]

Ok, i think need to add in post meta or somewhere:
If mobile style - icon only, without label.

And second: 1 comment, 2 comment(s) — how about this?

[ivan-nginx]

What about here? It is not translated text?

[sli1989]

oh, it's a mistake. I will fix it.

[sli1989]

If mobile style - icon only, without label.

At present, it follows the display rules of Post meta display settings. The text will not display in mobile.

hexo-theme-next/_config.yml

Lines 250 to 257 in 1975fd0

	# Post meta display settings
	post_meta:
	item_text: true
	created_at: true
	updated_at: false
	# Only show 'updated' if different from 'created'.
	updated_diff: false
	categories: true

hexo-theme-next/source/css/_common/components/post/post-meta.styl

Lines 38 to 45 in 9d46733

	.post-meta-item-text {
	+tablet() {
	display: none;
	}
	+mobile() {
	display: none;
	}
	}

And second: 1 comment, 2 comment(s) — how about this?

The disqus comment returns '* Comments' automatically. I think it's hard to unify them. Other comment systems can suit the singular and plural forms according to the tags/categories count.

hexo-theme-next/languages/_en.yml

Lines 56 to 60 in 1975fd0

	counter:
	tag_cloud:
	zero: No tags
	one: 1 tag in total
	other: "%d tags in total"

[ivan-nginx]

The disqus comment returns '* Comments' automatically. I think it's hard to unify them. Other comment systems can suit the singular and plural forms according to the tags/categories count.

Yes, it is. I'm talking about this at the begining of this pull. And impossible to resolve how many comments count will and there is bug in languages:

1. 0 comments
   1 comments
   5 comments
2. 0 комментариев
   1 комментарий
   2 комментария
   5 комментариев

About Chinese IDK, but i think there is 2 variants, like in EN language.

So, how about this?

[sli1989]

I don't know how to get the element of comment count, for valine: <span class="post-comments-count valine-comment-count" data-xid="{{ url_for(post.path) }}" itemprop="commentCount"></span>...

[ivan-nginx]

Nohow. 😄 This is 3rd-party JS applications with dynamic values changing, NexT can't resolve this data during generate.

---

I suggest something like:
Comments: X

So, it will be:

1. Comments: 0
   Comments: 1
   Comments: 5
2. Комментариев: 0
   Комментариев: 1
   Комментариев: 2
   Комментариев: 5

[sli1989]

Can the comment number be counted like this?

hexo-theme-next/layout/page.swig

Lines 33 to 41 in 95cd9e1

	<div class="tag-cloud-title">
	{% set visibleTags = 0 %}
	{% for tag in site.tags %}
	{% if tag.length %}
	{% set visibleTags += 1 %}
	{% endif %}
	{% endfor %}
	{{ _p('counter.tag_cloud', visibleTags) }}
	</div>

[ivan-nginx]

They can be counted like this, yep. But only if it's internal NexT or Hexo plugin(s). Comments services are external.

[ivan-nginx]

MB symbol : from tranlsate?

hexo-theme-next/languages/_en.yml

Line 94 in 1975fd0

colon: ":"

[sli1989]

OK, set the text in or out of hyperlink ?

[ivan-nginx]

Replace &#58 with {{ __('symbol.colon') }}.

[sli1989]

I say the style of text. Comments: 1 or Comments: 1

[ivan-nginx]

Oh. IDK. See as will be better. FB comments was out of the link.

[ivan-nginx]

Let's see how in Wordpress?

---

It seems in WP used second variant: Comments: 1.
So, yeah, i think good click on whole word, not to target mouse just in 1 digit.

[sli1989]

Within the hyperlink. That's it.

[ivan-nginx]

Yep, i see. Nice!