抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

近日在移植一款 Typexho 主题到 Hexo。

变量

官方文档有介绍,但还不如自己在 vscode 调试终端看。

方法:

Ctrl + ` 打开终端,点击右上角 + 旁向下的箭头,选择 JavaScript 调试终端

然后在主题 scripts 下的找个合适的 JS 文件打个断点。不知为什么 EJS 文件打不了断点。

辅助函数

Hexo 有许多辅助函数,条件标签和字符串处理就很好用。

模板文件

布局(Layout)

layout.ejs
1
2
3
4
5
6
<!doctype html>
<html>
<body>
<%- body %>
</body>
</html>

<%- body %>的作用似乎是在不同的页面插入模板。

1
2
<%- body %>
<%- partial("index") %>
模板页面回退
index首页
post文章index
page分页index
archive归档index
category分类归档archive
tag标签归档archive

index

网站首页的文章列表

可以用下列代码循环输出分页文章列表

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

archive

归档页面

可以用下列代码循环输出所有文章列表

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

评论