Hexo使用

hexo在使用过程中有很多地方还是需要排坑的，我把排过的坑记录📝一下

首先推荐一个主题，真的很赞https://www.haomwei.com/technology/maupassant-hexo.html
稀饭！

hexo插入图片问题

（1）主页配置文件_config.yml:

post_asset_folder: true

（2）在hexo文件夹下执行命令：

npm install hexo-asset-image --save

//安装一个可以上传本地图片的插件

（3）生成markdown

hexo new "xxxx" 

（4）在/source/_posts生成一个和markdown “xxxx”同名的文件夹

（5）直接将图片插入到相关位置即可：

a. 需要修改成相对文件位置

b. 用html语言格式可以修改图片大小：

<img src="xxxx/xxxx.png" width="400px" />

hexo公式问题

（1）更换hexo的markdown公式渲染引擎，在hexo文件夹下执行命令：

npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save

（2）在博客根目录下，找到node_modules\kramed\lib\rules\inline.js，将escape参数和em参数做如下修改：

//  escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,
  escape: /^\\([`*\[\]()#$+\-.!_>])/
  
//  em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
  em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/

（3）在主题中开启hexo开关，在主题themes对应目录下，找到_config.yml配置文件，做如下修改：

mathjax:
  enable: true
  per_page: true

（4）在文章的front-matter打开mathjax开关：

---
title: 
date: 
tags:
mathjax: true
--

（5）重启hexo：

hexo c

hexo g

hexo d

我不会说我其实更换了一个支持公式渲染的主题 嘻嘻

hexo跨域访问问题

我最近用的主题，可爱的程序员在设计的时候引入了cdn，这样会加快访问，但是会造成不稳定因素，比如，刚刚fix的一个问题就是：cdn不稳定，导致很多css样式被chrome拦截（存在跨域访问的问题）。我将对应主题下 /layout/_partial/head.pug下引入的cdn换了一个更稳定的版本，成功解决。

Reference：

1.https://github.com/CodeFalling/hexo-asset-image

2.https://blog.csdn.net/sugar_rainbow/article/details/57415705

3.https://www.jianshu.com/p/7ab21c7f0674