投稿一覧: Hexo テーマ開発ノート

公開日: 2024-11-09 12:23 更新日: 2024-11-09 12:23 420文字 3 min read

近日、TypexhoテーマをHexoに移植しています。 公式ドキュメントには解説がありますが、やはりVSCodeのデバッグターミナルで確認する方がわかりやすいです。 方法: + \+JavaScript デバッグターミナル`を選択します。 その後、テーマのフォルダ内の適切なファイルにブレイクポイントを設定します。なぜかファイルではブレイクポイントを設定できません。 アシスタント関数...

AIモデル Qwen/Qwen3-8B による翻訳。

原文言語:Simplified Chinese、翻訳先言語:japanese、翻訳時間:2026-05-01 04:41

AI 翻訳は参考に限り、内容の完全な正確性を保証できません。原文をご参照ください。

近日、TypexhoテーマをHexoに移植しています。

変数

公式ドキュメントには解説がありますが、やはりVSCodeのデバッグターミナルで確認する方がわかりやすいです。

方法:

Ctrl + `でターミナルを開き、右上角の+の下にある矢印をクリックして、JavaScript デバッグターミナルを選択します。

その後、テーマのscriptsフォルダ内の適切なJSファイルにブレイクポイントを設定します。なぜかEJSファイルではブレイクポイントを設定できません。

アシスタント関数

Hexoには多くのアシスタント関数があり、条件付きタグや文字列処理はとても便利です。

テンプレートファイル

レイアウト(Layout)

<!doctype html>
<html>
  <body>
    <%- body %>
  </body>
</html>

<%- body %>の役割は、おそらくさまざまなページにテンプレートを挿入するためです。

<%- body %>
<%- partial("index") %>
テンプレートページデフォルト
indexホームページ
post投稿記事index
pageページindex
archiveアーカイブindex
categoryカテゴリー アーカイブarchive
tagタグ アーカイブarchive

index

ホームページの記事一覧

以下のコードで分頁記事一覧をループして出力できます

<% page.posts.each(function (post) { %>
	<a href="<%= post.permalink %>" title="<%= post.title %>">
		<%= post.title %>
	</a>
<% }) %>

archive

アーカイブページ

以下のコードですべての記事一覧をループして出力できます

<% site.posts.sort('date', -1).each(function(post) { %>
	<a href="<%= post.permalink %>" title="<%= post.title %>">
		<%= post.title %>
	</a>
<% }) %>

気に入ったならばコメントを残してくださいね~