用Hexo+Butterfly主题+Github搭建博客如标题所示,废话不多说直接上干货! 原文链接: Hexo+Butterfly 主题 + Github 搭建博客 | 老登 AI (laodengai.com)一、安装Node.js首先去 官网下载,https://nodejs.org/en…
如果使用了_config.butterfly.yml, 配置主题的_config.yml将不会有效果。 Hexo会自动合并主题中的_config.yml和_config.butterfly.yml里的配置,如果存在同名配置,会使用_config.butterfly.yml的配置,其优先度较高。 语言 修改站点配置文件_config.yml 默认语言是 en 主题支持三种语言 default(en) zh-CN (简体中...
zIndex建议只在-1和9999上选-1代表烟火效果在底部9999代表烟火效果在前面 修改主题配置文件themes/butterfly/_config.yml: 代码语言:javascript 复制 fireworks:enable:truezIndex:9999#-1or9999mobile:false 完成后重新编译并部署 网站副标题 可设置主页中展示的网站副标题或者自己喜欢的座右铭 修改主题配置文件themes/...
默认主题的Hexo项目 如上几步操作就运行了一个hexo的博客项目。还是挺简单的,下面我们进行butterfly主题配置使用(一般都不使用默认主题,默认主题不美观且没有定制化的东西)。 Butterfly主题配置 1. 使用npm方式安装主题 执行如下命令进行主题依赖的安装, npm可能安装缓慢,如果你知道怎么使用yarn 可以使用yarn安装它 卸载...
二.Butterfly的下载 打开你的Hexo根目录,点击鼠标右键,进入Git Bash Here,输入以下命令: npm i hexo-theme-butterfly 随后咱们依次进入Hexo -> themes -> butterfly找到_config.yml文件,将里面的内容复制到Hexo根目录中的_config.butterfly.yml(如果没有就创建)。
大家好,我是阿硕,专注与后端,略懂前端的一个菜鸟程序猿,今天将为大家讲述Butterfly主题的我们页面的整体美化 设置透明度 打开我们外部引入的css文件,复制以下的代码 /*文章的整体背景,渐变色设置*/#web_bg{background-image:linear-gradient(totop,#fff1eb0%,#ace0f9100%);#background:#FFEFBA;/* fallback fo...
在根目录下的source文件夹下建一个我自己的文件夹,并在下面建立CSS文件夹,新建myStyle.css文件,这里文件不放在butterfly主题下是防止主题更新覆盖掉,并且顺手把主题下的img文件夹以里面的图片也迁到根目录source下。 在myStyle.css写入如下代码: #web_bg{background-image:url("../img/banner.jpg"),linear-gra...
选择主题,可以选择自己喜欢的主题。 主题链接:Themes | Hexo 我比较喜欢 Butterfly 主题,功能很全,样式也很好看 修改Hexo 根目录下的_config.yml,把主题改为 butterfly: theme: butterfly 1. 安装插件 如果你没有 pug 以及 stylus 的渲染器,需要下载安装: ...
1.主题安装 可通过以下命令安装主题: gitclone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly 2.配置butterfly主题 接着我们打开hexo_blog文件夹下的_config.yml配置文件 点开,拉到最下面,找到这个配置,并把它改成butterfly ...
添加文件到hexo-butterfly主题中 前置条件 首先,魔改hexo主题最好是用git方式安装的主题,即主题的文件是在你的hexo目录的themes文件夹下,而不是用npm安装的主题(那样安装的主题是在node_modules下,换设备或者更新主题的时候修改会被覆盖) 添加相关文件 添加pug文件 ...