没错,感到无聊的我决定要沉迷2048,但是并不想要去别的地方搞一搞,于是我开始想,能不能自己在自己的网站上做(嗯,clone一个)一个2048呢?这样就可以在自己的网站上颓废了。

在经过了千辛万苦,终于clone+修改+发布成功了 没错,快点我;   这其中最让人感到头疼的莫过于如何让hexo不渲染这个网页。

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

创建自定义网页

  网页可以是自己编写的,也可以是别人现成的源码。   网页编写完成后,在Hexo\source目录下创建一个文件夹   将 html 文件放置于此文件夹,并重命名为 index.html

跳过渲染

html文件中添加跳过渲染指令

  用编辑器打开放入\Hexo\source</code>创建的文件夹中的 index.html 文件,在开头添加如下代码即可

1
2
3
	---
	layout: false
	---

  添加该指令后,执行 hexo g命令时便会跳过该 index.html文件,使得index.html不受当前 hexo 主题影响,完全是一个独立的网页,如果网页引用了 cssjs ,这些 cssjs 必须使用外链

_config.yml文件中设置skip_render

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

skip_render一般有以下四种常用参数: 1. 跳过 source 目录下的 test.html:

1
	skip_render: test.html

  2. 跳过source目录下 test 文件夹内所有文件:skip_render: test/*   3. 跳过source目录下 test 文件夹内所有文件包括子文件夹以及子文件夹内的文件:skip_render: test/**   4. 跳过多个路径:

1
2
3
	skip_render:
    - test.html
    - test/*

  _config.yml对格式要求严格,注意填写参数时的格式,添加完成后便不会渲染指定文件/文件夹。

完成

  执行hexo ghexo deploy命令后便可以在博客上看到自己创建的网页,如果网页有特殊用途,可以在博客首页增加一个入口。   这时我们已经成功使得hexo不再渲染这个网页,然后让我们愉快玩耍吧!(你也可以通过站点概览下的“感到无聊”进入2048)