我爱编程

Hexo使用

2018-05-26  本文已影响0人  TechGraver

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

上一篇下一篇

猜你喜欢

热点阅读