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