关于我的实验室:
1.实验室内大部分页面都是我平时浏览大佬的博客发现的有趣的页面,然后用F12扒下来的。
2.这些页面大多为开源项目,可以按照其说明自由引用,本人崇尚开源精神,但是你在把别人页面的时候最好保留原作者的相关信息这是对原作者最基本的尊重,当然你可以注释掉原作者加上自己的信息但请不要删掉原作者留下的信息。
3.你如果对我实验室里的某个页面感兴趣欢迎联系我要源码。
4.这个教程是matery主题的,其他主题类比操作,小白向。
直接跳过hexo渲染添加的单页
1.跳过渲染
博客根目录yaml文件里找到skip_render:
这个是设置跳过渲染的文件或者文件夹的配置项
格式示例
skip_render:
- 'ex/*'
- 'ex/**'
注意缩进和空格,解释一下:'ex/*'
表示在目录 source/ex夹 下的文件全部跳过渲染,'ex/**'
表示在目录 source/ex/文件夹下的文件全部跳过渲染(例如页面的 js、css 在另一个文件夹中)。这里有点重复了,只为了你能看明白。
当然如果是单一HTML不涉及过于复杂的css js的可以直接通过在html文件前加如下片段跳过渲染.
---
layout: false
---
建议统一使用第一种稳定不会出错,第二种可以使用在谷歌或者百度的验证文件中比较方便。
2.创建文件夹
在source文件夹里创建文件夹放入页面源码,如我的实验室里的mikutap 烟花秀 我的flag 雷达 音乐隧道 液体 樱花雨 都是通过这个方法构造的,你可以直接问我要源码,也可以根据下面的教程自行扒取。
3.hexo三连即可
检查有没有成功添加有没有什么错误,没有就OK啦。
如何扒大佬网站上的页面(狗头保命)
1.f12检查进入开发者页面
2.右键下载
source右键下载对应html文件css文件js文件到本地文件夹,一般简单的页面只有html文件,复杂一点的页面包含单独css文件js文件。
注意事项:
1.要创建相同的文件夹目录路径如f12source路径如下test/css/stely.css那么你在本地下载的路径也要保持一致在本地应该也为test/css/stely.css
当然你可以在HTML文件里面改css js文件路径。
2.注意检查html文件里涉及的css,js文件是否齐全否则一定会有问题。
3.注意检查有时候你需要的文件可能在cdn里
hexo三连,检查没有错误就可以啦,有错误就只能慢慢找了。
3.扒取同主题大佬页面
当你需要和你相同主题的大佬的某个页面的内容是可以选择该段文字或者图片右键检查,在elements中复制片段到对应你自己的页面的该位置,注意如果有css文件也要一起扒下来放在主题的css文件中。
关于谷歌小恐龙
由于谷歌恐龙和实验室里其他页面差异较大将在另一篇文章我的matery主题折腾日志里介绍。