文章目录

  • 实现方法

    • 部分渲染

      • 实现原理
      • 实现方法
    • 排除文件
      • 实现原理

给自己的Hexo博客插入自己写的带有样式的页面。

实现方法

Hexo官方给出了两种插入自定义页面的方法:一是对指定文件进行渲染,形成在主题指定区域显示自定义页面;二是对相关文件或者文件夹进行忽略,完全进行不渲染,直接copypublic文件夹里进行链接。

部分渲染

实现原理

给单个文件添加不应用模板的标记,适用于个别特殊文件的处理。

实现方法

在不需要渲染的文章或HTML文件头部添加以下标记:

---layout: false---

这样,这个文件就不会经过模板渲染,最终发布到/public/里的文件就是去掉标记后的文件的样子。

排除文件

实现原理

只有source目录下的文件才会发布到public(能够在网络上访问到),因此Hexo只渲染source目录下的文件。skip_render参数设置的路径是相对于source目录的路径。

Hexo的配置文件中提供了配置项skip_render ,是用来对不需要的目录或者文件进行渲染排除。

  1. 排除单个文件

    skip_render: 'test.html'
    
  2. 排除多个文件

    skip_render:- '1.html'- '2.html'
    
  3. 正则表达式匹配

    skip_render: '*.html'
    

    注意skip_render匹配的文件夹为source,这样会排除所有source文件夹下HTML结尾的文件,但是不会匹配到子目录。

  4. 排除目录

    skip_render: 'demo/*'
    
  5. 排除多个目录

    skip_render:- 'test/*'- 'demo/*'
    

[转]Hexo博客插入自定义不渲染页面相关推荐

  1. hexo博客插入图片与视频方法

    hexo博客插入图片与视频方法 在博客中插入视频和图片能让人通俗易懂,生动形象.下面是我找到的一些方法. 图片插入 Hexo有多种图片插入方式,可以将图片存放在本地引用或者将图片放在CDN上引用. 本 ...

  2. hexo博客插入音乐播放器

    搭建好自己的博客之后,想要在博客中添加音乐播放器.需要hexo-tag-aplayer插件. 使用Git Bash进入本地hexo的文件夹.输入以下命令(异常或网络太慢可以考虑将npm换成cnpm) ...

  3. Hexo博客技巧:添加自定义html页面

    前言 以前收集了很多有趣的html特效文件,自己也写过不少,但是这些文件都有一个缺点:只能本地浏览. 很早以前就有一个想法,就是将这些文件部署到网站上供人们随时随地浏览,只是一直没能实现.现在有了自己 ...

  4. Hexo博客技巧:添加说说页面

    前言 Hexo搭建的博客是静态的,意味着每一次更新文章或进行其他操作都需要部署上传. 而Artitalk是一款基于 LeanCloud 实现的可实时发布说说/微语的插件,可以做到: 实时发布说说,点击 ...

  5. hexo博客中插入图片失败——解决思路及个人最终解决办法

    文章目录 1.前言 2.解决方案 2.1 创建图片资源文件夹 2.2 typora中图像设置 2.3 插件下载 2.4 修改md图片路径 小结 1.前言 今天晚上花了大概1个小时在晚上搜寻各种hexo ...

  6. hexo博客next主题添加对数学公式的支持

    hexo博客默认为markdown格式,但是新搭建的hexo博客不支持公式渲染,下面介绍hexo博客next主题下添加对数学公式支持的方法. 环境说明: hexo版本:5.4.1 next版本: 最新 ...

  7. Hexo博客中插入音乐

    hexo 搭建的个人博客:Aileen-zl 1. 前言 正所谓没有逼格的博客不是好博客,而在自己搭建的博客里插入音乐或者视频能秒秒钟拉高博客的格调.Hexo作为一款优秀的静态博客生成器,当然也少不了 ...

  8. hexo下yilia主题博客个性化自定义

    我的博客采用的hexo下的yilia主题,这篇文章记录一下自己折腾配置博客的方法和经过. 首先是创建博客的基本的几个命令 hexo g # 生成博客网页文件 hexo s # 本地预览博客,打开本地网 ...

  9. hexo博客yilia主题 如何自定义个人博客的背景图片

    hexo博客yilia主题 博客背景的设置 个人博客系列文章目录 hexo博客yilia主题 所有文章模块缺失最新解决方案 hexo+yilia博客报错post.categories forEach ...

最新文章

  1. 基于 Dash Bio 的生物信息学数据可视化
  2. 心得丨在开始第一个机器学习项目之前就了解的那些事儿
  3. mac下shell给文件名批量加前缀
  4. NET问答: 如何在 ASP.NET Core Web API 的 Response 中添加自定义的 Header ?
  5. python的人工智能和c++的有什么区别_为什么人工智能岗位有些招聘C/C 有些招聘Python到底哪门编程语言更重要(恰恰相反C++在人工智能方面的用处很大)...
  6. 记住密码 的 简要概述_密码错误的简要历史
  7. 特斯拉电动皮卡不太香:预订表现不及3年前的Model 3
  8. html5中control,HTML5.(control-shift)
  9. SqlServer查询表名的备注(查询表名描述 MS_Description)
  10. 驗證類javascript
  11. cad卸载不干净_流氓软件卸不干净?这6款超强软件卸载神器专治各种流氓软件...
  12. zblog mysql修改_MySQL_网上下载的Zblog模板怎么修改?,      终于下 - phpStudy
  13. poj1018 java_海奥华预言txt_海奥华预言_海奥华预言txt下载
  14. Ubuntu 安装 QEMU
  15. P4643 [国家集训队]阿狸和桃子的游戏
  16. [转载]上班的同志你看过来
  17. 大学计算机学生要拿到的证书,大学一定要拿到的证书
  18. 实战项目:设计实现一个流程编排框架(实现)
  19. PYTHON官方教程:Python3.11中文版文档
  20. Linux目录说明(FHS)

热门文章

  1. SQL Server中的文件流
  2. Spring注解@ConfigurationPropertie
  3. SpringBoot02——A Simple SpringBoot ProjectHot Deployment
  4. [转帖]Docker save and load镜像保存
  5. UIPikerView的属性
  6. 检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件时失败
  7. 关于Flex2的资料
  8. 关于前端一周知识的总结
  9. idea 切换git仓库_Idea切换git分支及合并
  10. ScheduledThreadPoolExecutor