Ksable' 小屋

ホーム留言板
友達ブログについて

# Posts: Hexo 主题开发笔记

发表于 2024-11-09 12:23
更新于 2024-11-09 12:23
310 字
2 min read

kissablecho

kissablecho 的个人博客 / 记录生活，分享技术 / 喜欢二次元和白丝。

128 記事

4 カテゴリー

7 タグ
ホーム
留言板
カテゴリー
タグ
アーカイブ
友達
ブログについて
一些实用的网站
astro-koharu 使用指南
音楽
Posts: N 只小猪 by 网友 Posts: 用 Python 设置 Windows 文件默认打开程序 Posts: 开发了个“笔记管理平台”Posts: H 漫画网站爬虫实战 Posts: Python爬虫 通用的小说下载器 Posts: 一个爬取菜鸟教程网站教程，并保存为本地 MarkDown 文件（Python）Posts: Hexo 主题开发笔记 Posts: 将 Umami Cloud 数据导出迁入到自搭建的 Umami Posts: 使用 Decap CMS 作为 Hexo 后端以实现在线编辑（保姆级教程）Posts: ArtPlayer 播放器的简单使用 Posts: 好看的二次元图片分享 Posts: 转载，为什么我们总是在等别人主动？Posts: Hexo Volantis主题副标题以打字效果输出 Hitokoto Posts: 打字机效果的 Hitokoto（html+css+js）Posts: 网易云音乐歌单批量下载歌曲（python）Posts: Hexo Volantis主题音乐播放器Aplayer适应暗黑模式并能跟随变化 Posts: 本站的壁纸
この投稿は「日本語」では表示できません。元の投稿を表示しています。
近日在移植一款 Typexho 主题到 Hexo。 官方文档有介绍，但还不如自己在 vscode 调试终端看。 方法： + \+JavaScript 调试终端`。 然后在主题 下的找个合适的 文件打个断点。不知为什么 文件打不了断点。 辅助函数 Hexo 有许多辅助函数，条件标签和字符串处理就很好用。 模板文件 布局（Layout） 的作用~~似乎~~是在不同的页面插入模板。 index...

近日在移植一款 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>
    <% }) %>

気に入ったら、コメントを残してね～

日本語
中文 English 日本語

kissablecho

kissablecho 的个人博客 / 记录生活，分享技术 / 喜欢二次元和白丝。

128 記事

4 カテゴリー

7 タグ
ホーム
留言板
カテゴリー
タグ
アーカイブ
友達
ブログについて
一些实用的网站
astro-koharu 使用指南
音楽
Posts: N 只小猪 by 网友 Posts: 用 Python 设置 Windows 文件默认打开程序 Posts: 开发了个“笔记管理平台”Posts: H 漫画网站爬虫实战 Posts: Python爬虫 通用的小说下载器 Posts: 一个爬取菜鸟教程网站教程，并保存为本地 MarkDown 文件（Python）Posts: Hexo 主题开发笔记 Posts: 将 Umami Cloud 数据导出迁入到自搭建的 Umami Posts: 使用 Decap CMS 作为 Hexo 后端以实现在线编辑（保姆级教程）Posts: ArtPlayer 播放器的简单使用 Posts: 好看的二次元图片分享 Posts: 转载，为什么我们总是在等别人主动？Posts: Hexo Volantis主题副标题以打字效果输出 Hitokoto Posts: 打字机效果的 Hitokoto（html+css+js）Posts: 网易云音乐歌单批量下载歌曲（python）Posts: Hexo Volantis主题音乐播放器Aplayer适应暗黑模式并能跟随变化 Posts: 本站的壁纸