hexo博客自定义页面跳过渲染

Hexo自定义原理
Hexo 系列的博客中的文章都是经Hexo的主题渲染的静态网页。所以Hexo博客大部分都呈现出一种高度的统一化与规范化。不过 Hexo 提供了跳过渲染功能,使得我们可以直接在博客中放入自定义网页。

比如在博客中放入图片、自定义404.html、自定义About页面、简历等
创建自定义网页
网页可以是自己编写的,也可以是别人现成的源码(下载喜欢的页面)。

网页编写完成后,在Hexo\source目录下创建一个文件夹(文件夹名称任意,比如我创建的是about这个文件夹,部署完成后,访问http://mrlsm.github.io/about即可看到效果,依此类推)

将 html 文件放置于此文件夹,并重命名为 index.html 。
跳过渲染
跳过渲染有下述两种方法:
1.在自定义页面的开头添加如下:

---
layout: false
---

添加该指令后,执行 hexo g命令时便会跳过该 index.html文件,使得index.html不受当前 hexo 主题影响,完全是一个独立的网页,如果网页引用了 css 或 js,css 和 js 需使用外链或者将css js 文件放入index.html同目录下引用。

引用图片亦是如此

2.在_config.yml文件中设置skip_render
使用编辑器打开 Hexo 目录下的_config.yml文件,找到skip_render

skip_render一般有以下四种常用参数:

  • 跳过source目录下的 test.html: skip_render: test.html
  • 跳过source目录下 test 文件夹内所有文件:skip_render: test/*
  • 跳过source目录下 test 文件夹内所有文件包括子文件夹以及子文件夹内的文件:skip_render: test/**

跳过多个路径:

skip_render:
 - test.html
 - test/*

最后执行:

hexo g -d
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值