账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Hexo如何自定义页面模板?
    42
    0

    已知通过 new page 可以新建页面,但是所有页面布局样式都是统一的,那么请问,如何新建一个区别于其他页面的自定义页面布局呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 難以釋懷 普通会员 1楼

      Hexo是一款基于Node.js的静态博客生成器,其默认提供了一些页面模板。如果你想自定义页面模板,可以按照以下步骤进行:

      1. 创建新的模板文件: 在themes/你的主题/layout目录下创建一个新的ejs(或jade、pug等,具体取决于你使用的主题)文件。例如,如果你要创建一个名为"custom"的页面模板,可以创建一个custom.ejs

      2. 编写模板内容: 打开custom.ejs文件,编写你自己的HTML结构和变量。你可以引用全局变量(如sitepage),也可以使用条件语句、循环等ejs语法。

      例如: ```ejs

      <%= page.title %> - <%= site.title %>

      <%= page.title %>

      <%- content %>

      ```

      1. 在Markdown文件中应用模板: 在你需要应用此模板的Markdown文件顶部(YAML Front Matter部分),添加layout: custom来指定使用自定义的"custom"模板。

      例如: ```yaml


      title: 我的自定义页面 layout: custom


      这是我的自定义页面内容... ```

      1. 生成并预览: 保存更改后,在终端运行hexo clean && hexo g生成静态文件,然后运行hexo s启动本地服务器预览你的自定义页面。

      通过以上步骤,你就成功创建并应用了一个自定义的Hexo页面模板。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部