Add lang attribute to article tag when specified in front matter

[alaaosh]

I agree and want to create new issue

• I have already viewed Hexo Docs page, especially Templates, Variables, Helpers and Troubleshooting.
• I have already viewed NexT Documentation Site.
• I have searched for current issues which does not help me.

---

Expected behavior

lang attribute should be added to article tag if lang is specified in front matter

Actual behavior

lang attribute is added to the body tag, this is useful but only works in post page. in an index page showing posts with multiple languages (not uncommon for bilingual bloggers) post language is not expressed in the html at all.

Steps to reproduce the behavior

1. add post and put lang: ar in front matter
2. add another post and put lang: en in front matter
3. on homepage the language data is lost, we can't use css attribute selectors to do language specific styling for instance (important for RTL languages).

• Link to demo site with this feature: N/A
• Link(s) to source code or any usefull link(s): N/A

NexT Scheme:

• All schemes
• Muse
• Mist
• Pisces
• Gemini

[welcome]

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

[issue-label-bot]

Issue-Label Bot is automatically applying the label Feature Request to this issue, with a confidence of 0.90. Please mark this comment with 👍 or 👎 to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[alaaosh]

I just realized next already supports setting direction in front matter (undocumented). I still think adding lang attribute would be useful though.

[stevenjoezhang]

we can't use css attribute selectors to do language specific styling for instance (important for RTL languages)

Front-matter:

direction: rtl

CSS:

.rtl { /* CSS Code */ }

[stevenjoezhang]

Fixed in #1199