[Bug0052] Hexo+Butterfly博客报错extends includes/layout.pug block content include ./includes/mixins/post...

最新推荐文章于 2024-05-28 19:54:13 发布

原创最新推荐文章于 2024-05-28 19:54:13 发布 · 2.6k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#ui #git #github

本文介绍了当使用Hexo框架部署Butterfly主题时遇到的启动错误问题及解决方法。主要原因是缺少必要的pug和stylus渲染器。通过安装特定的Hexo插件并重新部署站点，可以成功解决该问题。

问题

Hexo主题Butterfly启动后报错

extends includes/layout.pug block content include ./includes/mixins/post-ui
.pug #recent-posts.recent-posts +postUI include includes/pagination.pug

场景

更换新主题Butterfly

原因

没有 pug 以及 stylus 的渲染器

解决方案

npm install hexo-renderer-pug hexo-renderer-stylus --save
npm install hexo-deployer-git --save / yarn add hexo-deployer-git

再次依次执行

hexo clean
hexo g
hexo s -p 4000

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CodeRain程序雨

关注关注

7
点赞
踩
11

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

Hexo 完整使用教程

Jumbo

11-06

1846

官网官网地址：https://hexo.io/zh-cn/ 环境 1.node hexo 基于 node，所以首先要安装node环境 2.npm 包管理工具环境配置请参考本站对应安装教程快速开始安装 hexo npm install -g hexo-cli 初始化 hexo hexo init 工程配置 npm install 浏览器调试 hexo g hexo s 主题安装下载主题 git clone -b master https://github.co.

Hexo搭建个人博客系列【七】- Butterfly主题使用及美化

viman3344的专栏

07-26

2168

是基于的的基础上进行开发的，当前版本是v4.13.0。主题官网：https://github.com/jerryc127/hexo-theme-butterfly。

3 条评论您还未登录，请先登录后发表或查看评论

3 条评论

猪哥哥021 2023.07.30
它不是应该在作为依赖自动被安装的吗

butterfly配置 hexo_使用hexo theme Butterfly 报错

weixin_39692037的博客

01-16

901

## 使用hexo theme Butterfly 报错直接用github上作者提供的代码git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly结果是页面根本无法正常渲染，只有一行字：extends includes/layout.pug block content inc...

Hexo博客技巧：添加首页置顶轮播图

Amnesia-Fu的博客

05-13

1647

写在最前本项目是对冰卡诺老师写的教程：基于 Butterfly 主题的轮播手动置顶文章进行重构，精简了部分样式。适配 pjax。资源下载由于本教程涉及的所有修改对缩进格式等有严格要求，担心自己控制不好的可以直接下载静态资源。参照教程进行修改。下载资源文件魔改步骤 1.新建 [Blogroot]\themes\butterfly\layout\includes\sliderbar.pug .blog-slider.swiper-container-fade.swiper-container-h

Hexo启动页面显示extends includes/layout.pug block content include includes/recent-posts.pug include

小肖学数据分析的博客

11-16

1581

Hexo更改主题后启动服务器，界面显如下字符: extends includes/layout.pug block content include includes/recent-posts.pug include includes/partial 解决方案: 执行如下命令 npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-

extends includes/layout.pug block content include ./includes/mixins/indexPostUI.pug +indexPostUI这个报错怎么解决

04-18

include ./includes/mixins/indexPostUI.pug +indexPostUI 常见的错误可能包括路径问题、插件缺失或语法错误。根据之前的引用，用户之前提到过安装hexo-renderer-pug插件的重要性，比如引用[3]和[4]中提到的需要...

这个是我用hexo安装新主题的时候报出来的错误

最新发布

06-20

在安装 Hexo 的新主题时，如果遇到与 Pug 模板相关的错误，例如 `extends includes/layout.pug block content include mixins/indexPostUI.pug indexPostUI`，可能是由于以下原因导致的问题： #### 1. 文件路径问题...

北桥苏的博客

05-28

1289

很多平台都能写博客还有创作激励，为什么我又要搭一个？为什么这次要选择用Hexo框架？对应的原因是流量自由和省钱，第一个，很多平台能写但不是都有收益，而且平台有自身的规则，比如会屏蔽一些推广类信息。如果我哪天做了一产品，是没办法直接用平台博客的方式硬推的，至少放码和链接不行。第二个用Hexo搭到GitHub上，我可以不用买服务器，毕竟现在也还没有想法要做一个什么样的东西。总之，有个独立博客，相比平台博客在内容约束上更自由。

当hexo s无法显示主题extends includes/layout.pug block content include ./includes/mixins/post-ui.pug #recent

m0_68959804的博客

12-10

585

【代码】当hexo s无法显示主题extends includes/layout.pug block content include ./includes/mixins/post-ui.pug #recent。

hexo安装博客踩坑：extends includes/layout.pug block content #recent-posts.recent-posts include includes/rec

z159158的博客

08-22

2851

更换butterfly主题后报错：extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug 解决办法： 1.在博客目录下打开git bash here，输入命令：npm install --save hexo-renderer-jade hexo-generator-feed hexo-genera

更新butterfly主题后报错extends includes/layout.pug block content（网上方法没解决的可以来看看）

qq_51738873的博客

08-13

853

butterfly主题报错解决

Hexo启动页面显示extends includes layout，2024年最新Linux运维开发避坑指南

2401_83974783的博客

04-13

1011

是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?6、Squid、Varinsh和Nginx有什么区别，工作中你怎么选择?5、LVS、Nginx、HAproxy有什么区别?9、讲述一下Tomcat8005、8009、8080三个端口的含义？7、Tomcat和Resin有什么区别，工作中你怎么选择?3、现在给你三百台服务器，你怎么对他们进行管理?

Hexo更换Bufferfly主题时报错Unhandled rejection TypeError: C:\Users\hey\blog\themes\Butterfly\layout\include

qq_54244294的博客

02-05

722

Hexo更换Bufferfly主题时报错

本地运行hexo-theme-butterfly报错重定向次数过多

xiaokar博客

03-31

542

本地运行hexo-theme-butterfly报错重定向次数过多 Github被墙了故选择使用Gitee，顺便搭建gitee page博客,使用了一个比较简约好看纯净的主题hexo-theme-butterfly，在这基础上进行配置问题记录引入主题后本地运行打开localhost:4000报错网上失败解决方案全是说福昕阅读器端口占用（此时超鄙视一堆乱复制粘贴的人），更改端口即： hexo s -p4001 最终解决方案，修改根目录_config.yml文件解决。如图：我的博客传送门：xia

hexo.butterfly导航栏的类别与标签打开显示Cannot GET /xxx/

u014155600的博客

02-11

2912

hexo butterfly教程

关于Hexo的避坑指南

Aealen的博客

04-19

2946

关于Hexo的避坑指南一.构建文件时无法生成index.html文件部署到GitHub后主页空白出现如下字符: extends includes/layout.pug block content include includes/recent-posts.pug include includes/partial 问题:一般为缺少hexo所需的插件,可通过查看 npm 安装各 hexo 插件的情...

centos7安装hexo

李振伟的博客

09-05

1598

centos7安装hexo 1 首先先安装 Node.js 和 Git 如果您的电脑中已经安装上述必备程序，那么恭喜您！你可以直接安装 Hexo步骤。如果您的电脑中尚未安装所需要的程序，请根据以下安装指示完成安装。安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2 使用 npm 安装 Hexo。 [root@lizhw local]# npm install -g hexo-cli #创建用户 -m选项表示生成

更换butterfly主题后报错：extends includes/layout.pug block content #recent-posts.recent-posts include includ

TiAmopanduola的博客

04-13

898

解决办法： 1.在博客目录下打开git bash here，输入命令：npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive 2.hexo clean（清除缓存） 3.hexo g（生成静态文件） 4.hexo s 5.hexo d(部署到GitHub上) 然后问题就解决啦 ...