昨天部署的时候突然spawn failed，怎么部署都部署不上。后来折腾了好一会终于解决了这个报错问题。今天又发现群友有这个问题，所以写个文章来复盘一下。 网络问题可以说明的是这个问题99%由于网络问题造成的，我们的目标就是为了解决网络问题。 重启电脑有的时候可能是因为网络波动产生的错误，请首先尝试。 科学上网问题如果你使用git走了代理，可能是因为代理软件问题导致无法连接。请检查代理软件是否正常和代理端口是否正确。 设置git代理命令： 12git config --global http.proxy http://127.0.0.1:1080git config --global https.proxy https://127.0.0.1:1080 如果你没有使用代理，那么可以取消git代理： 12git config --global --unset http.proxygit config --global --unset https.proxy 修改DNS可以将你的电脑dns设置为国际dns，再尝试。 128.8.8.81.1.1.1 服务器无法连接如果你的Hexo是 ...

有一些转载的文章我感觉没有太大的必要放在主页列表里，那些文章只是我用来检索知识库的，过多的转载文章还会影响浏览体验。这也是最近转载内容少了的缘故。这次给butterfly加了一个判断，这样的话就可以隐藏部分文章了。 之前使用过可以隐藏指定分类的插件，但是好像不能用（至少我是这样。而且分类起来还比较麻烦，还要重新改以前的文章。 修改主题文件地址：themes/butterfly/layout/includes/mixins/post-ui.pug 注意，主要是添加了if article.hide !== true这一行，然后这一行后全部需要按下tab缩进一层。 1234mixin postUI(posts) each article , index in page.posts.data if article.hide !== true .recent-post-item 修改文章在md文件的头部信息中添加hide: true 1234567---title: Butterfly如何隐藏部分文章不在首页显示author: 张洪Heotop: fals ...

虽然我用不到这么花里胡哨的东西，但是好东西一定要分享出来（万一以后我要用到呢 inject在配置文件themes/butterfly/_config.yml中的inject配置项按照格式填写内容。 123456inject: head: - <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/animate-css/animate.css@3.7.2/animate.min.css"> bottom: - <script src="https://cdn.jsdelivr.net/gh/graingert/wow@1.3.0/dist/wow.min.js"></script> - <script>new WOW().init();</script> 添加动画wow.js的使用方法非常简单 demo 文档 例如添加最简单的bounceInUp为例，根据文档我们知道： 123<div ...

今天看了一下腾讯云的告警信息，其中说我有DS_Store信息泄露，可能是mac系统自动生成的文件被上传了，这些文件一般在使用git服务的时候完全没有必要上传，甚至所有项目都是这样，我们可以全局忽略掉。在启动台的其他文件夹打开终端 创建全局忽略文件123cd ~touch .gitignore_globalgit config --global core.excludesfile ~/.gitignore_global 修改文件内容进入访达，点击前往菜单，选择个人，打开刚刚创建好的gitignore_global文件。如果你没有打开查看隐藏文件的权限，可以同时按下cmd+shift+.来开关查看隐藏文件。 添加规则在gitignore_global文件中添加 123.DS_Store.DS_Store?*.DS_Store 取消文件追踪由于.gitignore只对还没追踪的文件（后面新加入的文件）生效，而之前已经存在的git项目，后面再添加.gitignore是不会生效的，需要 1git rm -r --cached . 以后上传之后不会再出现.DS_Store 参考文献giti ...

说在开头 本教程只介绍Hexo下的Butterfly主题的方案，其他可供参考，通用性强。 需要七牛云图床，其他图床需能提供纯色API，使用方法雷同（使用js计算可能涉及到跨域等诸多问题） 此处应已有90%的小伙伴关闭网页 修改主题结构原有主题对seo的优化很不友好，文章页的图片不是使用img标签来写的，而是填充了一个背景。这样做的坏处就是在搜索引擎收录你的网站的时候，大概率不会将你设置好的封面图作为搜索引擎直接显示的封面。解决办法就是新做一个img标签。 新建一个img标签还有一个好处就是方便我们做我们想要的提取主颜色这个过程。 修改主题文件主题文件目录为：layout/includes/header/index.pug 打开这个文件，我们来将原有page-header部分修改为： 12345678910111213141516171819header#page-header(class=isHomeClass) img#post-cover(src=url_for(top_img) alt='cover') !=parti ...

在Codepen中看到了一个推荐了好多天的无div动画，这个教程主要是来介绍如何在Hexo的Butterfly主题下使用这种无div动画并以这个小汽车为例。感谢原作者abxlfazl khxrshidi的小汽车！～ 那么我们来开始吧！ 下载资源文件在这里提供了我正在使用的资源文件。你可以下载我准备好的资源文件，也可以从作者的codepen中复制代码并按照资源文件进行修改。 立即下载 引入资源文件我将小汽车文件放置在source/zhheo/zhheocar.css，所以在博客的配置文件_config.yml的inject的head中，我增加了如下配置项。 1- <link rel="stylesheet" href="/zhheo/zhheocar.css"> 修改loading文件将loading文件改成如下样式（建议将原有内容注释掉而不是删除） 文件地址：layout/includes/loading/loading.pug 12345#loading-box .loading-left-bg .loading-right ...

注意！腾讯云函数几乎不提供免费额度，建议使用vercel或者私有部署。 之前博客一直在使用Valine，奈何Leancloud太抠门了。天下苦Valine久矣，其他的评论要么有广告，要么国外的服务器，要么需要登录。在Butterfly3.3版本下支持了Twikoo评论。本博客在可见的未来均会采用这个评论。它支持邮件提醒、甚至微信提醒等。可以说是目前最好的评论系统，并且长期免费。 本文章在评论系统早期文档不完善的情况下提供了一些详细的配置教程，但是目前官方文档相比曾经已经完善很多，可以先查看文档，如果有问题可以在本文或者文档下的评论区留言。 官方文档：配置使用 注意！本教程主要针对腾讯云的部署方式进行部署，已经陈旧且不再维护，最新vercel部署方式请查看官方文档 视频教程Twikoo作者为大家提供了一个视频教程，建议观看视频教程进行实装 Butterfly主题用户要求你的Butterfly版本在3.3以上。Butterfly3.3及以上用户可以通过配置文件来直接启用twikoo 无任何魔改用户未更新用户需要输入下段代码，更新有风险，更新前需备份。有魔改的用户小心升级。 1 ...

最开始加载页面是一排小字不动的，感觉比较单调，所以参考了滚动文字制作的一些文章写了这个滚动效果的代码。 样式预览本博客目前使用的就是这个样式 修改js修改文件的地址1主题文件夹/layout/includes/loading/loading.pug 代码请观察代码结构，不要盲目复制粘贴，根据代码结构将合适的代码放到合适的位置上。前两行代码不用复制。注意缩进。 12345678910111213141516171819202122232425262728293031323334353637383940414243#loading-box .spinner-box #loadingtxt ul#con1 li.li-style 阐述清楚问题就解决了一半 li.li-style 一致的体验是更好的体验 li.li-style 创造允许犯错，设计要知道保留哪些 li.li-style 想让用户爱上你的设计，先爱上你的用户 li.li-style 好的设计是我们与竞 ...

折腾一晚上，终于完成了～之前一直都有兼容性问题，折腾了几个小时搞定。因为网上也没有针对Butterfly的教程，整理的时候总是与Lazyload和pjax还有fancybox有兼容性问题。目前博客运行良好，遇到的问题都解决了。下面来说一下教程。 为什么需要「阅读全文」？「阅读全文」是一个反人类体验。这是事实，无可辩驳。但是作为一个想要深耕博客的人来说，一个访问意味着一次普通的浏览、路过、或者爬虫经过而已。你写的文章被1个人10个人1w个人看到并没有任何区别。人们都是从搜索引擎中来的，你解决了大家的问题后人们就自然而然离开（白嫖）。其实只是在帮搜索引擎打工而已。那么如何突出文章的价值？ 撰写有价值内容 -> 用户访问有门槛 -> 游客转化为用户 -> 用户长期关注 -> 为了吸引用户撰写更多高质量内容 这是一个好的生态，而不是毫无疑义的单向输出。也是写文章的一个动力。 创建openwrite账户进入官网后，点击右上角「登陆」->「立即免费注册」 地址非推广网址，可以检查url 获取代码点击右上角的「返回旧版」 左侧选择「微博导流公众号」 点击添加 ...

很多人喜欢使用GoogleFonts，插入非常方便，并且有非常多的语言可以选择。但是因为政策原因使用谷歌字体的网站加载就会非常慢，看到有人有解决方法可以来看一下。 本文为转载文章，以下内容来源于 Google Fonts 国内使用方案 dp2px 概述当前 WordPress 等许多开源网站大部分的主题都在使用 Google 的在线字体方案 —— Google Fonts，Google 服务在大陆的崩溃情况使得大量的独立网站字体无法加载，大大影响到了国内相关网站的网页响应速度，现将解决方案总结如下： 解决方案一：本地加载字体包（推荐）在 CSS 中找到被导入的 Google Fonts12#此处以该字体为例#@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,800|Lora:400italic|Playfair+Display:700); ...

本文提供了两种方式，一种为本地的方式，一种为iconfont的方式。 使用本地图标的方式资源下载首先在文末下载图标包 以下内容适用于butterfly主题，其他主题可以参考借鉴 导入文件将文件夹解压，并将其中的fonts文件夹放入主题文件夹的资源目录中：~/themes/butterfly/source/fonts 将css文件夹中的cc-icons.min.css文件移动到主题的css目录：~/themes/butterfly/source/css/cc-icons.min.css 引入css在~/themes/butterfly/_config.yml中找到inject部分，注入 1<link rel="stylesheet" href="/css/cc-icons.min.css" type="text/css" /> 插入图标然后在需要的位置插入图标，代码： 1<i class="cc cc-by"></i> 图标名称对照表： 本博客目前样式参考代码： ...

昨天我才知道原来Gitpush是可以不需要输入密码的。。。之前因为机器上没有配置好。这大半年来都是手动输入密码。特别是我的Hexo需要上传三个Git服务器（Github、Coding、腾讯云服务器），每次上传都需要输入三遍密码（吐了）。 如果真的又和我一样的人的话可以根据GitHub的官方教程来进行操作。 参考文档：立即进入 生成新 SSH 密钥打开 Terminal（终端）。 粘贴下面的文本（替换为你的 GitHub 电子邮件地址）。 1$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com" 这将创建以所提供的电子邮件地址为标签的新 SSH 密钥。 Generating public/private rsa key pair.提示你“Enter a file in which to save the key（输入要保存密钥的文件）”时，按 Enter 键。 这将接受默认文件位置。Enter a file in which to save the key (/Users/you ...

几个月前换域名的时候顺便开通了腾讯云的一个服务器，将博客部署到服务器是看了这个教程。非常棒非常详细。 本文为转载文章，以下内容来源于 Hexo 博客部署到 VPS 小丁 网上大部分教程都是将 Hexo 部署到 GitHub Pages 上面，本文主要介绍如何部署到 VPS。 VPS 环境：Ubuntu 16.04。 准备工作网上流传的武功秘籍分为两种： 将 Hexo 项目上传到 VPS 上面后执行 hexo server，之后配置 Nginx 反向代理，让域名指向 http://localhost:4000。 将 Hexo 在本地通过 hexo generate 生成静态文件，在通过 hexo deploy 部署到 VPS 上面，使用 Nginx 直接做 Web 服务器。 相比第二种方式，第一种每次写博客与更新博客时候的操作会很繁琐。所以我们使用第二种方式进行部署，这样既可以将静态文件 deploy 到 VPS 上，也可以上 ...

因为自己博客整体使用深色风格，在加入了白色为主的Aplayer的时候会显得非常突兀。 然后根据官方提供的css文件进行深色模式的美化。具体视觉效果可以见本博客。 视觉效果 代码下面为css文件Aplayer.min.css： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416 ...

本来想一个版本一直稳定用下去的，但是今天看到主题的版本更新修复了BUG。。。这能不更新吗？所以抄起家伙开始更新了！ 更新主题使用Butterfly主题可以根据主题的更新说明中进行操作。 引用站外地址，不保证站点的可用性和安全性 升级建议 jerryc 自动更新使用cd命令进入博客根目录常规操作，不做解释 更新插件和Hexo版本npm update 手动更新使用cd命令进入博客根目录常规操作，不做解释 检查插件更新npm outdated 运行后可以检查Hexo和插件的最新版本 更改版本文件修改根目录的package.json文件，将对应插件名称所对应的版本号更改为要更新的版本号。 开始更新npm install --save 查看当前版本号hexo version

Hexo-admin如何增加文章配置项？自定义文章配置、在后台直接自定义封面 在使用Hexoadmin的时候如果要为文章插入封面就变得非常困难，有的时候不得不使用其他的文章编辑器，例如vscode等。这些编辑器虽然也是一个不错的选择，但是hexoadmin在浏览器中编辑的体验还是很不错的。 如何给Hexo怎么添加参数呢？在最新版本的hexo-admin中，更新了该功能。 添加方法根据官方的文档所述，在博客根目录的配置文件_config.yml中的admin配置项，我们可以定义这个metadata参数 以下配置就是截图的效果，可以根据你的实际情况来更改为你需要的： 1234metadata: top: false cover: password:

本文为转载文章，以下内容来源于 Hexo 腾讯云CDN主动刷新插件 techeek 安装和你平常安装插件方法一样，找到你Hexo源码目录，然后使用下面的命令即可安装本插件。 1npm install hexo-deploy-tencentcloud-cdn --save 配置 _config.yml配置依赖Hexo根目录下_config.yml配置文件，需要插入下面的配置插件才能生效。我们找到_config.yml配置文件，然后找到你部署deploy:行，添加如下代码。这里如果你和我一样type有多个，可以按照我图中配置填写。 12deploy: - type: tencent_cdn ## CDN刷新推送 除了这一行，我们还需要新增tencentcdn配置，新增如下内容。一定要注意缩进，如图。这里的secretId和secretKey都是在腾讯云API控制台获取到的，点击这里前往获取。 1234tencentcdn: ...

博客终于接入了cdn，原来香港的服务器加载速度太慢了，有了cdn确实很香，但是cdn需要手动刷新，在探索的过程中发现一个插件可以在提交的时候刷新cdn。 感谢作者！这过程中遇到的坑和解决方法： Hexo推送时刷新腾讯cdn插件： 引用站外地址，不保证站点的可用性和安全性 Hexo 插件：腾讯云CDN主动刷新插件 张洪Heo 权限没给全腾讯云如何分配子账号权限教程： 引用站外地址，不保证站点的可用性和安全性 控制台权限说明 腾讯云 出现了4001错误腾讯云调用api的公共错误码： 引用站外地址，不保证站点的可用性和安全性 错误码 腾讯云 ...

tags下本来有个javaweb，但是强迫症的我想改成JavaWeb（图片中的是后来改好的）。直接把markdown文件中的标签改了并没有用。访问的时候tags/JavaWeb报404。 本文为转载文章，以下内容来源于 利用hexo在GitHub搭建博客改变tag因为大小写问题而404的解决方法 轨迹 解决方法将博客根目录下的.deploy_git/.git/config文件改一下（.git是隐藏文件夹，记得调一下显示隐藏文件夹 ），默认的忽略大小写改成false。

webp图像格式是Google推出的一款非常小体积的图像格式，它的优点很多，现在被大厂比如微信文章、豆瓣网等完美支持。可以降低图片对带宽和流量占用。 因为使用webp需要图片采用https（或者将网站降级为http），否则会出现加载异常 所以本博客暂时还是使用jpg。 WebP 百度百科 WebP 相对于 PNG、JPG 有什么优势？ 因为工作是设计相关，博客自然会有很多图片。图片一多，一个问题就需要面对：占用的带宽和流量很高。 那么使用webp格式图片是一种非常棒的方法。但是使用webp格式不得不面对兼容性问题。除了Chrome（Chromeium）内核其他的几乎都不支持（还好国内大多数都是Chromeium内核）。但是苹果的safari和ie总不能放弃他们吧，所以在一开始本来想写个兼容性声明直接不兼容，但是最后还是花了些时间来解决这个兼容性问题。 使用环境：框架：hexo markdown编辑器：hexo-admin-qiniu 图片服务器：七牛 为七牛图片添加样式进入 对象存储 ➡️ 图片样式 为jpg和webp各添加一个样式，我添加的名称为blogjpg（jpg格式）和blo ...