我是靠谱客的博主 舒适月饼,最近开发中收集的这篇文章主要介绍Hexo 博客自定义一个不使用主题模板渲染的独立页面,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

2022-01-25 更新:博客新地址:https://www.itbob.cn/,文章距上次编辑时间较远,部分内容可能已经过时!


    Hexo 是一个轻量、快速,简单和强大的博客框架,当我们需要发布博文的时候,只需要将写好的文章(MarkDown文件)放入本地的 source_posts 文件夹,然后再推送上去就行了,原理就是当我们在执行 hexo g 命令时,.md 文件就会被转化成 HTML 文件,但是有时候我们需要新建一个独立的页面,这个页面不使用主题的渲染,具有自己独立的样式,可以放一些自己的作品,相册什么的,以下就介绍这种独立页面的实现方法。

方法一:

    使用 Hexo 提供的跳过渲染配置,在博客根目录的配置文件 _config.yml 里找到 skip_render 关键字,在后面添加想要跳过渲染的页面,比如我们创建 sourceaboutindex.html, 配置文件填写:skip_render: about**,那么就表示 sourceabout 里所有的文件将跳过渲染,里面的文件将会被直接复制到 public 文件夹,此时就会得到一个独立的 about 页面;官方文档:https://hexo.io/docs/configuration

方法二:

    在文章头部的 Front-matter 里添加配置 layout: false 来跳过渲染配置,比如我们要使 about 页面跳过渲染,创建 sourceaboutindex.md,将这个页面的相关 HTML 代码写进.md文件并保存,然后在 index.md 的头部写入:

---
layout: false
---
{% raw %}
xxxxxxxxxxxxx
xx HTML代码 xx
xxxxxxxxxxxxx
{% endraw %}

PS:Front-matter 是 .md 文件最上方以 — 分隔的区域,用于指定个别文件的变量,官方文档:https://hexo.io/docs/front-matter
.md文件中的 HTML 代码要用 {% raw %}{% endraw %} 包起来,使其能正确编译里面的代码

效果以我的博客主页和关于页面为例:
在这里插入图片描述
在这里插入图片描述

最后

以上就是舒适月饼为你收集整理的Hexo 博客自定义一个不使用主题模板渲染的独立页面的全部内容,希望文章能够帮你解决Hexo 博客自定义一个不使用主题模板渲染的独立页面所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(48)

评论列表共有 0 条评论

立即
投稿
返回
顶部