用Hexo+Butterfly主题+Github搭建博客如标题所示,废话不多说直接上干货! 原文链接: Hexo+Butterfly 主题 + Github 搭建博客 | 老登 AI (laodengai.com)一、安装Node.js首先去 官网下载,https://nodejs.org/en…
在hexo 的根目录创建一个文件_config.butterfly.yml,并把主题目录的_config.yml内容复制到_config.butterfly.yml去。( 注意: 复製的是主题的_config.yml,而不是 hexo 的_config.yml) 注意:不要把主题目录的_config.yml删掉 注意: 以后只需要在_config.butterfly.yml进行配置就行。 如果使用了_config.butterfl...
首先打开Cloud Studio平台:https://cloudstudio.net/,需要注册登录,实名认证,然后我们进入模板页面 往下拉点击Hexo后进入,系统会自动部署所需要的所有环境 部署主题 选择主题,可以选择自己喜欢的主题。 主题链接:Themes | Hexo 我比较喜欢 Butterfly 主题,功能很全,样式也很好看 修改Hexo 根目录下的_config.yml,把主...
$ npm install hexo-theme-butterfly --save 安装依赖插件 $ npm install hexo-renderer-pug hexo-renderer-stylus --save 2. 修改必要配置 修改主题引用 修改_config.yml 中 theme 值改为 butterfly 主题配置文件 修改_config.landscape.yml 名称为 _config.butterfly.yml ,将下面内容复制进_config.butterfly....
Hexo的主题有很多啊,使用最多的主题就是matery主题和butterfly主题。这两种主题各有千秋。可以先看两种主题的风格,然后做出选择,这里以butterfly主题以例。 安装博客butterfly主题有三种方式,安装博客的意思其实就是下载博客的安装包,你可以通过git、gitee、npm三种方式下载。建议使用gitee下载,速度比较快。在你的博客根...
打开你的Hexo根目录,点击鼠标右键,进入Git Bash Here,输入以下命令: npm i hexo-theme-butterfly 随后咱们依次进入Hexo -> themes -> butterfly找到_config.yml文件,将里面的内容复制到Hexo根目录中的_config.butterfly.yml(如果没有就创建)。 三.关于Butterfly配置 ...
添加文件到hexo-butterfly主题中 前置条件 首先,魔改hexo主题最好是用git方式安装的主题,即主题的文件是在你的hexo目录的themes文件夹下,而不是用npm安装的主题(那样安装的主题是在node_modules下,换设备或者更新主题的时候修改会被覆盖) 添加相关文件 添加pug文件 ...
Hexo-Butterfly主题修改分享 前言 首先\themes\butterfly\source\css路径下创建一个css文件,比如ahzoo.css 然后在butterfly主题的配置文件(_config.yml)中引入css 代码语言:javascript 复制 inject:head:- 顶部菜单美化 打开创建的css文件(ahzoo.css),添加
接下来,需要更新你的博客配置以使用 Butterfly 主题。在你的 Hexo 博客根目录下,找到_config.yml文件并用文本编辑器打开它。找到theme设置项,并将其值更改为butterfly:theme: butterfly 第4 步:自定义你的主题 Butterfly 主题提供了丰富的自定义选项,你可以通过编辑位于themes/butterfly目录下的_config.yml文件来...
【Hexo】hexo-butterfly主题添加非主站提示 说明 因为hexo可以很方便的在多个平台上免费部署,为了让自己的博客能uptime更久一段时间,很多老哥都和我一样,把自己的hexo博客在好多个平台上都部署了一份。 但是我一直想要一个功能,就是在别人访问的不是主站点的时候,提示他们,并让他们帮你查查主站是不是down了。这个...