用Hexo+Butterfly主题+Github搭建博客如标题所示,废话不多说直接上干货! 原文链接: Hexo+Butterfly 主题 + Github 搭建博客 | 老登 AI (laodengai.com)一、安装Node.js首先去 官网下载,https://nodejs.org/en…
style=flat&logo=hexo" title="博客框架为Hexo">
打开你的Hexo根目录,点击鼠标右键,进入Git Bash Here,输入以下命令: npm i hexo-theme-butterfly 随后咱们依次进入Hexo -> themes -> butterfly找到_config.yml文件,将里面的内容复制到Hexo根目录中的_config.butterfly.yml(如果没有就创建)。 三.关于Butterfly配置 注意:本文仅展示部分配置,如需更多请参考Butter...
主题中写入 Alogolia 配置项。 在主题配置文件_config.butterfly.yml中修改以下内容: algolia_search:enable:truehits:per_page:10labels:input_placeholder:Search for Postshits_empty:"我们没有找到任何搜索结果:${query}"hits_stats:"找到${hits}条结果(用时${time} ms)" 重新编译运行,即可看到效果。 前往...
2. 部署Butterfly主题 官方给出的文档已经很详细了,夜梦这里就不赘述了:Butterfly 安裝文檔(一) 快速開始 | Butterfly 3. 部署twikoo系统 可以看夜梦的这篇文章:【docker】为Hexo添加评论系统 | Twikoo的部署与使用 4. 将twikoo接入Butterfly 打开_config.butterfly.yml文件,评论那块,改成twikoo: ...
本站基于Hexo搭建,用的 🦋 hexo-theme-butterfly 主题 v3.7.1,请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.2.2 。 如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意。
修改主题配置文件_config.butterfly.yml,路径为【BlogRoot/_config.butterfly.yml】。 推荐阅读 本站效果 通用设置 关于这些在线聊天的工具,主题提供了一个按钮可以打开/关闭聊天窗口,这个聊天按钮将会出现在右下角里。你只需要把chat_btn打开就行。 修改主题配置文件_config.butterfly.yml,将chat_btn设置成true。
Hexo会自动合并主题中的_config.yml和_config.butterfly.yml里的配置,如果存在同名配置,会使用_config.butterfly.yml的配置,其优先度较高。 语言 修改站点配置文件_config.yml 默认语言是 en 主题支持三种语言 default(en) zh-CN (简体中文) zh-TW (繁体中文) ...
修改Hexo 根目录下的_config.yml,把主题改为 butterfly: 代码语言:javascript 复制 theme:butterfly 安装插件 如果你没有 pug 以及 stylus 的渲染器,请下载安装: BASH 代码语言:javascript 复制 npm install hexo-renderer-pug hexo-renderer-stylus--save ...
如上几步操作就运行了一个hexo的博客项目。还是挺简单的,下面我们进行butterfly主题配置使用(一般都不使用默认主题,默认主题不美观且没有定制化的东西)。 Butterfly主题配置 1. 使用npm方式安装主题 执行如下命令进行主题依赖的安装, npm可能安装缓慢,如果你知道怎么使用yarn 可以使用yarn安装它 ...