# 🌵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)