How to split post like WordPress <!--nextpage-->

[kohki-shikata]

In WordPress, we can split post with the tag "<!--nextpage-->" in the post text, then output one post to consisted multiple pages like below...

http://example.com/permalink/?page=2
http://example.com/permalink/?page=3
http://example.com/permalink/?page=4
…
So, does anyone know how to same function in Hexo?

originalpost: https://groups.google.com/forum/#!topic/hexo/SH-QaSEEg4g

[tcrowe]

Hi @kohki-shikata. That is an interesting question.

What about this?

<a id="page-marker-01" style="page-break-after: always;"></a>

This attribute id="page-marker-01" allows a link to the page. Example: http://example.com/my-blog#page-marker01

The attribute style="page-break-after: always;" will force a new page when printing.

Will that work for your purposes?

[kohki-shikata]

@tcrowe
I aim to get google's search evaluation as multiple pages. But, This method works only for single HTML file.
Thanks your idea, but I would like to wait little more other ideas.

[tcrowe]

Lets try another approach. Asset folders!

https://hexo.io/docs/asset-folders.html

hexo new post my-post

That will create a directory source/_posts/my-post AND a markdown file source/_posts/my-post/index.md.

More pages can be added in it:

touch source/_posts/my-post/part02.md
touch source/_posts/my-post/part03.md

Link to the pages:

[Pg 1](./index.html) [Pg 2](./part02.html) [Pg3](./part03.html)

That may accomplish similar to what you want. I will check for a multi-page plugin now.

[tcrowe]

I searched for "hexo plugin multiple page post" but I did not find anything yet. Are you good at JS? Can you make a plugin for this? It would be a good plugin to use with asset folders.

[stevenjoezhang]

I will close this Issue because implementing this feature in Hexo is complex. If the input is a single Markdown file while generating multiple HTML outputs, it would require significant modifications to existing mechanisms (such as permalink and post asset), resulting in substantial maintenance costs.

I suggest implementing this through a frontend JS script within the theme. By using JS to analyze GET parameters and manipulate HTML, it can selectively display specific content on the page.