/

Hexoで外部のデータを読み込みたい場合

Hexoで外部のjsonを読み込みたかったので調べてみたら公式に回答が載っていた。

公式にはYAMLでの方法が載っているが、JSONの場合は下記のようにやる。

  • jsonデータ source/_data/sample.json
{
    "list": [ "A", "B", "C", "D" ]
}
  • ウィジェットの場合 themes/XXXXX/layout/_widget/sample.ejs
<%
    const list = site.data.sample.list;
%>
<div class="sample">
  <ul>
    <% list.forEach(function(item){ %>
      <li>
        <span>
          <%= item %>
        </span>
      </li>
    <% }) %>
  </ul>
</div>

もっと難しいと思っていたがかなりお手軽にできる。

以上。