# 🌵hexo博客排错手册

## 😶‍🌫️推荐选项

1. 我建议之前前端一点都不了解的 我建议入坑后6个月再魔改
2. 什么都不了解最好不要魔改
3. 我在这里是根据 https://akilar.top/ 的群进行解答 有问题可以问 但是必须是任何搜索平台搜不到的并且不能太幼稚~~不能惯着懒宝宝~~
4. akilar yyds

## 💁如何提问

报错最主要看的是

![image-20220416214037708](https://i0.hdslb.com/bfs/album/dbaa15a4d67254d7a2d6d6d15aa967c6b80361ca.png)

前面这一段 能提供全的就提供全一些的 这样更好判断

比如spawn failed问题![image-20220416214432663](https://i0.hdslb.com/bfs/album/7a6bd64ed00e353a25f5037b9c8f55edc291f775.png)

这个地方只有这里和下面一般是没什么大用处

这里我引用了下洪哥 [Hexo错误：spawn failed的解决方法 | 张洪Heo (zhheo.com)](https://blog.zhheo.com/p/128998ac.html) 他这个下面的错误应该不能直接猜 但是为了方便还是猜一猜吧doge

需要看上边的地方

![image-20220416214614230](https://i0.hdslb.com/bfs/album/dcc161ab9f52b4432cf802c1c0bd934cf31e3dfc.png)

## 🧑‍💻基础错误

### spawn failed

[Hexo错误：spawn failed的解决方法 | 张洪Heo (zhheo.com)](https://blog.zhheo.com/p/128998ac.html)有现成的

### Type error 或 TypeError: Cannot read property ‘xxx‘ of undefined

直译：**TypeError：无法读取未定义的属性“ xxx”**

![](https://i0.hdslb.com/bfs/album/846dffb3bdee61df157faaf78ebd9a85be544785.jpg)

例如这个问题 就是这个'xxx'没有定义 且这个问题可以在百度搜索到

![](https://i0.hdslb.com/bfs/album/b07dc32e5ab4da0b115af212d17f1400f37146c8.jpg)

也是这个问题

### extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug #aside_content.aside_content include includes/aside.pug

`hexo s`后进入网页显示的 运行

```bash
npm install hexo-renderer-pug hexo-renderer-stylus --save or `yarn add hexo-renderer-pug hexo-renderer-stylus
```

### link.yml的一个问题

```
ERROR D:\Desktop\orxing-blog\themes\Butterfly\layout\flink.pug:2
    1| .flink
  > 2|   each i in site.data.link
    3|     p.comment-word= i.class_name
    4|     .post-cards
    5|       ul.md-links

Cannot read property 'length' of undefined
TypeError: D:\Desktop\orxing-blog\themes\Butterfly\layout\flink.pug:2
    1| .flink
  > 2|   each i in site.data.link
    3|     p.comment-word= i.class_name
    4|     .post-cards
    5|       ul.md-links

Cannot read property 'length' of undefined
    at eval (eval at wrap (D:\Desktop\orxing-blog\node_modules\pug-runtime\wrap.js:6:10), <anonymous>:1890:32)
    at eval (eval at wrap (D:\Desktop\orxing-blog\node_modules\pug-runtime\wrap.js:6:10), <anonymous>:2017:4)
    at template (eval at wrap (D:\Desktop\orxing-blog\node_modules\pug-runtime\wrap.js:6:10), <anonymous>:10152:72)
    at Theme._View.View._compiled (D:\Desktop\orxing-blog\node_modules\hexo\lib\theme\view.js:123:48)
    at Theme._View.View.View.render (D:\Desktop\orxing-blog\node_modules\hexo\lib\theme\view.js:29:15)
    at D:\Desktop\orxing-blog\node_modules\hexo\lib\hexo\index.js:349:21
    at tryCatcher (D:\Desktop\orxing-blog\node_modules\bluebird\js\release\util.js:16:23)
    at D:\Desktop\orxing-blog\node_modules\bluebird\js\release\method.js:15:34
    at RouteStream._read (D:\Desktop\orxing-blog\node_modules\hexo\lib\hexo\router.js:123:3)
    at RouteStream.Readable.read (_stream_readable.js:457:10)
    at resume_ (_stream_readable.js:936:12)
    at processTicksAndRejections (internal/process/task_queues.js:84:9)
```

解决:修改link.yml的空格

### err: Error: listen EADDRINUSE: address already in use : : :4000

![](https://i0.hdslb.com/bfs/album/0438bc0455b44213d267ccbaf937003fd12e3464.png)

端口被占用了 hexo换一个端口或者是关闭占用端口的应用

```bash
hexo s -p 80 
```

### TypeError: expected rgba or hsla; but got ident : $theme- color

![img](https://i0.hdslb.com/bfs/album/b3a501c0d4439de9d6b87aeacccb461f650af36d.png)

![image-20220419203545387](https://i0.hdslb.com/bfs/album/0b8991a2517d500a8216b05d63c93d8e025c7249.png)

#### 一般情况

主题配置文件的theme_color配置项。把注释取消掉。

## 💁怎么帮助我们

~~别帮倒忙就行了~~

在akilar的群中进行提问或在评论区进行提问 （不要老是麻烦店长 @我就行[doge]


hexo博客排错手册


# hexo博客源文件不使用github action托管（vercel)

有些人都是用github action自動弄hexo博客 但是也有另一種方式

（主要是github有時难访问 直接ssh上传还是比较方便的 这也是我发现的一种方法）

## 第一种方式

直接在vercel创建

首先从vercel要新建个带hexo源文件的仓库![image-20210711143229005](https://gitee.com/wmz1024/pic2/raw/master/20210711143229.png)中点击![image-20210711143401941](https://gitee.com/wmz1024/pic2/raw/master/20210711143401.png)

搜索`hexo` 之后点击

根据vercel创建

   ![image-20210711143525454](https://gitee.com/wmz1024/pic2/raw/master/20210711143525.png)

创建好了

![image-20210711143723507](https://gitee.com/wmz1024/pic2/raw/master/20210711143723.png)

这样就可以了 如果需要修改 直接github上找这个新建的仓库就ok了

装插件直接放在package.json里面就可以了

直接在线修改就行

但是这种方法有些困难 新文章难弄

## 第二种方式（推荐）

首先在本地创建一个hexo

先初始化一下

```bash
hexo init
```

![image-20210711145018943](https://gitee.com/wmz1024/pic2/raw/master/20210711145018.png)

有的版本需要单独`npm install `这里不用

所以进行第二步

先要新建一个仓库（在github上）

![image-20210711145537527](https://gitee.com/wmz1024/pic2/raw/master/20210711145537.png)

复制里面的code链接

第三步

在一个其他位置clone仓库

``` bash
git clone git@github.com:[username]/[reponame].git
```

|     名     | 类型 |     作用     |
| :--------: | :--: | :----------: |
| [username] | str  | GitHub用户名 |
| [reponame] | str  | GitHub仓库名 |

如不是ssh链接 请更改为https链接

![image-20210711152741338](https://gitee.com/wmz1024/pic2/raw/master/20210711152741.png)

把那个博客源文件复制过来

![image-20210711153802974](https://gitee.com/wmz1024/pic2/raw/master/20210711153803.png)

之后上传 不用管.gitignore

![image-20210711155932861](https://gitee.com/wmz1024/pic2/raw/master/20210711155932.png)

之后进入vercel 选这个仓库 开始弄

![image-20210711160140375](https://gitee.com/wmz1024/pic2/raw/master/20210711160140.png)

![image-20210711160321949](https://gitee.com/wmz1024/pic2/raw/master/20210711160322.png)

hexo博客源文件不使用github action托管（vercel)


# 在hexo博客上使用aplayer-续集

## 为什么出续集

为什么呢？

因为不使用butterfly主题的人可就犯了难😟`内心：又水了文章`

怎么办呢

因此我再弄个添加html 之后再解决一些问题

## 添加aplayer（html）

head这样写

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css" media="defer" onload="this.media='all'"/>
<meting-js server="netease" type="playlist" id="5291772497" fixed="true"></meting-js>
```

body这样写

```html
<script async src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
<script async src="https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js"></script>
```

这样就可以在非hexo网站引入了

关于文档

https://github.com/metowolf/MetingJS/blob/master/README.md

自己看下 

![image-20210518173050978](https://gitee.com/wmz1024/pic1/raw/master/img/2021/05/18/66715_image-20210518173050978.png)

在这里改



在hexo博客上使用aplayer-续集


# 在hexo博客上使用aplayer

## 起因

因为以前我配置aplayer遇到了挺多难题的

配置好之后 hexo s一看

没问题啊😕

但是hexo g -d上传完打开链接一看**文字链接打不开**🤔



而现在 我才知道配置错了

## 开始教程

如果使用的是`butterfly`的主题

可以直接在`inject`里面找到`head`和`bottom`分别写

**先在head里面添加**

```yaml
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"  media="defer" onload="this.media='all'">
- <meting-js server='netease' type='playlist' id='5291772497' fixed='true'></meting-js>
```

![image-20210517195613644](https://gitee.com/wmz1024/pic1/raw/master/img/2021/05/17/75093_image-20210517195613644.png)

酱紫添加就ok了😉

之后**在bottom里面添加**

```yaml
- <script async src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>
- <script async src="https://cdn.jsdelivr.net/npm/meting/dist/Meting.min.js"></script>
```

![image-20210517201134139](https://gitee.com/wmz1024/pic1/raw/master/img/2021/05/17/22034_image-20210517201134139.png)

之后就**enjoy**吧

## 高级一些的操作

如果想像本站那样切换页面不暂停音乐

只要开启一下**pjax**

![image-20210517200352325](https://gitee.com/wmz1024/pic1/raw/master/img/2021/05/17/83678_image-20210517200352325.png)

需要把`enable`里面的值改成`true` 它默认是关闭的

~~就算是自己刷新页面或者刷新JavaScript脚本，耶稣也救不了你~~

在hexo博客上使用aplayer


# 如何给hexo博客增加百度统计
这个教程不是在每个页面加代码
绝对不是
如果真的是
会累死人的

本教程适应所有主题<可能吧>
cd 你博客目录/themes/你的主题/layout/_partial
新建一个叫`baidu_tongji`的文件
编辑一下内容
```
<% if (theme.baidu_tongji) { %>
<script type="text/javascript">#申请的百度统计代码</script><% } %
```
百度代码不要把 <script> 和 </script> 放进这里
之后编辑主题下的_config.yml文件
在最后一行
添加 baidu_tongji: true
之后在 你博客目录/themes/你的主题/layout/_partial
编辑 head.ejs
在 head前面增加
<%- partial("baidu_tongji") %>
这样就可以上传了



如何给hexo博客增加百度统计


# 使用gh-page做hexo静态博客
[博客地址](http://wmz.clh.works)|![me图标](http://wmz.clh.works/me.gif)
说好做到的 今天就叫大家如何用github page做hexo静态博客

## 问答

你：为什么不用动态网页呢
服务器要花钱 github付不起 所以就静态网页了呗

## 准备
你觉得真不用准备？

liunx电脑一台
su账号一个
github账号一个
网络一个
人一个
<希望人没事>

## 开始吧
### 第一步
首先安装node.js 
没有淘宝的cnpm管理器自己先下一个吧 
next
### 第二步
安装hexo框架
```
cnpm install -g hexo-cli
```
不会吧 阿sir 不会真的有人不会安装hexo吧
这里的hexo需要8以上<大概>
推荐10以上
新建一个叫blog的文件夹
```
mkdir blog
```
不用说了吧 进入文件夹
什么？ 这都用我教？
不会吧阿sir
```
cd blog
```
现在大概差不多了
### 第三步
[点我](https://github.com/new)新建个repo
新建好了吗 格式需要为 URghname.github.io
之后在blog文件夹安装个git<算是吧>
```
cnpm install --save hexo-deployer-git
```
之后
```
hexo g
```
之后

配置_config.yml 
-----# Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:  type: gitrepo: https://github.com/URghname/URghname.github.io.  branch: master-----

### 第四步

hexo最重要的就是主题了
没有主题看着都难受
需要git 自己下个也不难
```
git clone https://github.com/litten/hexo-theme-yilia.git
```
修改hexo根目录下的'_config.yml'文件 ：把theme:后面改成 yilia
```
hexo c
```
之后再一次
```
hexo g
```
下一步
```
hexo d
```
但是不用su权限可能就会报错
sudo指令忘了 你百度搜下也行
### 第五步
尽然博客都有了 肯定就得有文章
```
hexo new "My New Post"
```
My New Post写成你的文章标题
写作也很简单
学个markdown也很简单
之后使用上传指令上传

##  hexo常见命令
你还在看 百度上有的是|[点我也行](https://blog.csdn.net/qq_26975307/article/details/62447489)
