Hexo问题归总

博主： admin
发布时间：2023 年 05 月 18 日
191 次浏览
暂无评论
2444字数
分类： Life

> 使用GitHub的Pages搭建了自己的博客并使用了`Shoka`主题

#### 显示视频

目前在markdown中使用的是`video`标签来显示视频，代码如下

```html
<video
  id="video"
  controls=""
  src="https://image.log1992.com/WeChat_20180919180323.mp4"
	preload="https://log1992.com/usr/themes/handsome/usr/img/sj/4.jpg">
</video>
```

在Typora中的预览效果如下

![](https://image.log1992.com/uPic/image-20230518162916349.png)

但是`Shoka`主题使用的是`hexo-renderer-multi-markdown-it`渲染器，导致在最终显示的时候会直接显示成`HTML`代码，查看主题作者[博客](https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/special/)后，发现了使用`Hexo Tag`的方法，但是作者的代码示例只有`audio`的，在F12后总算是搞清了实际使用方法

![](https://image.log1992.com/uPic/image-20230518165257203.png)

Tips:由于主题在代码块中写`media video`会直接加载视频，所以这里是截图展示

效果如下

{% media video %}

- name: 视频效果
  url:
  - https://image.log1992.com/WeChat_20180919180323.mp4
    {% endmedia %}

注意：编辑这个最好在其他文本编辑器，否则会显示成这样

![](https://image.log1992.com/uPic/image-20230518163509154.png)

#### 图床问题

部署在本地时，所有图片加载正常。推送到GitHub后，图片就都挂了。看了下，作者使用的图床为新浪图床，目前新浪图床因为防盗链，已经用不了了。但是个人很喜欢自带的二次元小姐姐图片，所以想继续使用。查遍了各种方法，终于找到一个[靠谱点的](https://zhuanlan.zhihu.com/p/604473732?utm_id=0)

这里我使用的是百度的图片缓存服务

```http
https://image.baidu.com/search/down?url=图片地址
```

进入`hexo` - `themes` - `shoka` - `scripts` - `helpers`  ，打开`engine.js`文件

大概第30行，修改

```js
var parseImage = function(img, size) {
    if (img.startsWith('//') || img.startsWith('http')) {
      return img
    } else {
      return 'https://image.baidu.com/search/down?url=https://tva'+randomServer+'.sinaimg.cn/'+size+'/'+img
    }
  }
```

重新`hexo clean`  -> `hexo g`  -> `hexo d` ，等待部署完成后问题得到解决

#### 评论系统修复

`Shoka`使用的魔改`valine` ，[GitHub](https://github.com/amehime/MiniValine)上显示上一次维护还是在三年前，在[LeanCloud](https://console.leancloud.app/)注册国际版后，进入`应用管理` - `应用凭证`得到`AppID`和`AppKey`，填入`Shoka`的`_config.yml`中，

但是发现`leanCloud`相关的接口都报错了，在`应用管理` - `安全中心`找到`Web 安全域名`，将自己的域名填进去后，发现依然报错，查询后发现是`REST API 服务器地址`不对，使用系统提供的`AppID`前八位的域名也是没有效果。

直接在`应用管理` - `域名绑定`中添加域名

![](https://image.log1992.com/uPic/image-20230518171418319.png)

在域名解析管理后台添加CNAME验证通过后，在`Shoka`的`_config.yml`中找到`valine`配置组，修改`serverURLs` 为我们的域名即可。

#### 部署到GitHub自定义域名绑定

在GitHub仓库的`Settings`- `Pages`界面的`Custom domain` 填入自己的域名后`save`

![](https://image.log1992.com/uPic/image-20230518215309525.png)

去域名解析管理后台添加CNAME验证通过后就可以通过域名访问我们的博客了，但是每次更新博客，使用`hexo d`部署到GitHub，发现域名有失去绑定了，需要重新绑定，很麻烦。在`Code`标签页我们发现有一个`CNAME`文件，里面就是我们的自定义域名。

到`hexo` - `source`目录下新建`CNAME`文件，文件中写入我们的自定义域名，保存，文件如果有后缀名，记得去掉。重新`hexo clean` -> `hexo g` -> `hexo d`后，自定义域名就会自动在部署到时候关联上

![](https://image.log1992.com/uPic/image-20230518215916017.png)

最后修改：2023 年 05 月 23 日