IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    基于 Hexo 从零开始美化Butterfly 个人博客(三)

    Nicolas-kings发表于 2023-06-10 06:50:33
    love 0

    有时候我们需要新建一个独立的页面,这个页面不使用主题的渲染,具有自己独立的样式,可以放一些自己的作品,相册什么的,以下就介绍这种独立页面的实现方法。

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

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    ---
    title: 自定义
    date: 2019-12-27 13:00:55
    tags: hexo
    categories: hexo
    keywords:
    description:
    top_img:
    cover: https://ae01.alicdn.com/kf/U78d116e0cca942f9b058830a27d86b58S.jpg
    copyright:
    layout: false #新增
    ---

    {% raw %}

    这里是 HTML 代码

    {% endraw %}

    Front-matter 是 .md 文件最上方以 — 分隔的区域,用于指定个别文件的变量,更多细节请查阅官方文档

    大功告成

    微信扫码即可关注公众号哟!


沪ICP备19023445号-2号
友情链接