Load linkgrid metadata from files

next-theme / hexo-theme-next

🎉 Elegant and powerful theme for Hexo.

https://theme-next.js.org

Other

2.47k stars 438 forks source link

Load linkgrid metadata from files #250

Open ljcbaby opened 3 years ago

ljcbaby commented 3 years ago

Please follow this Issue template to provide relevant information, such as source code repository, website URL and screenshots, which will help us investigate. 请按照此 Issue 模版提供相关信息，例如源码仓库、网站链接和屏幕截图，这将有助于我们进行调查。

Issue Checklist

[x] I am using NexT version 8.0 or later.
[x] I have already read the relevant documents of Hexo and NexT.
[x] I have already searched for current issues, which does not help me.

Expected behavior

load linkgrid metadata from json files

Actual behavior

Links to demo site with this issue:
https://blog.skk.moe/links/
data file like:https://friends.skk.moe/links.json

use like:

{% linkgrid %}
Theme NexT | https://theme-next.js.org/ | Stay Simple. Stay NexT. | /images/apple-touch-icon-next.png
% friends example/friends.json
{% endlinkgrid %}

Other Information

As pr #229

stevenjoezhang commented 3 years ago

Is the content of the json file generated automatically or edited by the blogger?

ljcbaby commented 3 years ago

I think it should be automatically generated This is mainly used for the update and maintenance of friend links, allowing the applicant to maintain the information themselves (via Pull Request)

ljcbaby commented 3 years ago

However, CORS issues may exist

ljcbaby commented 3 years ago

I think it should be automatically generated This is mainly used for the update and maintenance of friend links, allowing the applicant to maintain the information themselves (via Pull Request)

Example:https://github.com/SukkaW/Friends

ljcbaby commented 3 years ago

Can this feature be implemented?

ljcbaby commented 3 years ago

However, CORS issues may exist

This has not been reproduced again on my new computer's Egde.

leirock commented 2 years ago

Here is my code just for your reference.

Code: https://github.com/leirock/friends/tree/next Blog: https://blog.dlzhang.com/friends/

source/friends/friendslist.yml: raw data in YAML format
scripts/inline-lables.js: enable inline label {% friendslink %}
scripts/friendslist.js: convert YAML to JSON
source/friends/index.md: use code {% friendslink friendslist.json %} to load JSON file in link page (but can only load one JSON file in one page)
source/_data/styles.styl: link grid style for friends links (I didn't design a new style for friends links, just modifed NexT's link grid style)

sghuang19 commented 3 months ago

Seems like a valid use case.

@stevenjoezhang is this something that we are going to implement in the future?