魔改butterfly(2)-插入自定义样式
魔改butterfly主题2-插入自定义样式在原来的butterfly主题上插入自己喜欢的样式获证更改原来的样式
Hexo主题给我们预备了一个自定义接口,路径在主题目录下的_config.yml里面你的Inject中,具体如下:
我们只需要在主题目录下先建一个样式文件夹,在里面新建一个样式表(css文件)用于存放我们的自定义样式即可:
这的Mycss里面的style.css就是我新建的样式表,随后我们在head里面的link标签中引入对应的路径即可,然后我们通过浏览器,动态捕获对应的标签类名,id名即可对对应的样式进行更改自定义:
魔改butterfly(1)-魔改gallery图库
魔改butterfly主题1-gallery图库将原来的gallery图库魔改成自己喜欢功能的页面跳转(这里我将gallery图库改成了一个小游戏中心)
实现步骤:
1、首先导入gallery图库:在主题目录下的_config.yml中的menu菜单中新建导航栏小游戏
2、然后调用hexo指令(hexo new page 页面名字(这里是game))新建一个页面用于存放图库,然后在这个新页面中添加小游戏的/game/类型用于绑定页面
3、随后就是固定搭配,将代码复制进入有也页面的md文件中即可,就像上图一样,代码格式如下:
<div class="gallery-group-main">{% galleryGroup name description link img-url %}{% galleryGroup name description link img-url %}{% galleryGroup name description link img-url % ...
hexo常用指令
hexo常用指令介绍
$ hexo clean (清空)
清除缓存文件 db.json 和已生成的静态文件 public 。
网站显示异常时可以执行这条命令试试。
$ hexo g (重新生成)
生成网站静态文件到默认设置的 public 文件夹。
便于查看网站生成的静态文件或者手动部署网站;
如果使用自动部署,不需要先执行该命令; hexo g 是 hexo generate 的缩写,命令效果一致
$ hexo s (重新启动)
启动本地服务器,用于预览主题。 -hexo s 是 hexo server 的缩写,命令效果一致;
预览的同时可以修改文章内容或主题代码,保存后刷新页面即可;
对 Hexo 根目录 _config.yml 的修改,需要重启本地服务器后才能预览效果
$ hexo d (重新部署到仓库)
自动生成网站静态文件,并部署到设定的仓库。
hexo d 是 hexo deploy 的缩写,命令效果一致
$ hexo new “文章标题”(新建文章)
文章标题也可以在对应的md文件中修改
$ hexo new page 网页名
例:hexo ...