别做题了!一起来颓废吧!
文章目录
没错,感到无聊的我决定要沉迷2048,但是并不想要去别的地方搞一搞,于是我开始想,能不能自己在自己的网站上做(嗯,clone一个)一个2048呢?这样就可以在自己的网站上颓废了。
在经过了千辛万苦,终于clone+修改+发布成功了 没错,快点我; 这其中最让人感到头疼的莫过于如何让hexo不渲染这个网页。
Hexo 博客中所见文章都是经由渲染的静态网页,而静态网页的样式都直接由 Hexo 的主题控制,所以 Hexo 博客大部分都呈现出一种高度的统一化与规范化。不过 Hexo 提供了跳过渲染功能,使得我们可以直接在博客中放入自定义网页。
创建自定义网页
网页可以是自己编写的,也可以是别人现成的源码。
网页编写完成后,在Hexo\source
目录下创建一个文件夹
将 html
文件放置于此文件夹,并重命名为 index.html
。
跳过渲染
在html
文件中添加跳过渲染指令
用编辑器打开放入\Hexo\source</code>创建的文件夹中的
index.html
文件,在开头添加如下代码即可
|
|
添加该指令后,执行 hexo g
命令时便会跳过该 index.html
文件,使得index.html
不受当前 hexo
主题影响,完全是一个独立的网页,如果网页引用了 css
或 js
,这些 css
和 js
必须使用外链
在_config.yml
文件中设置skip_render
使用编辑器打开 Hexo
目录下的_config.yml
文件,找到skip_render
skip_render
一般有以下四种常用参数:
1. 跳过 source
目录下的 test.html:
|
|
2. 跳过source
目录下 test
文件夹内所有文件:skip_render: test/*
3. 跳过source
目录下 test
文件夹内所有文件包括子文件夹以及子文件夹内的文件:skip_render: test/**
4. 跳过多个路径:
|
|
_config.yml
对格式要求严格,注意填写参数时的格式,添加完成后便不会渲染指定文件/文件夹。
完成
执行hexo g
和hexo deploy
命令后便可以在博客上看到自己创建的网页,如果网页有特殊用途,可以在博客首页增加一个入口。
这时我们已经成功使得hexo
不再渲染这个网页,然后让我们愉快玩耍吧!(你也可以通过站点概览下的“感到无聊”进入2048)