https://github.com/gaoyoubo/hexo-client
是一个写hexo博客的客户端,很好用
安装与配置
先安装Hexo:https://hexo.io/zh-cn/
npm install hexo-cli -g
- 到某个路径XX下,执行
hexo init .
- 下载安装hexo-client
- 打开后选择之前的那个路径XX
使用
点击按钮进入编辑界面写的时候用的是markdown
写完后运行,到自己的hexo路径,执行hexo server
就行
部署
https://www.jianshu.com/p/39562a0d8eb6
在_config.yml
文件里面配置好deployment和最上面的名称等,即可进行generate和deploy
自定义域名
https://blog.csdn.net/xfdywy/article/details/79720070
注意里面把CNAME文件跳过(设置skip_render: CNAME
)
数学公式
我试了 https://www.jianshu.com/p/7ab21c7f0674 不太行
最后用https://www.jianshu.com/p/e8d433a2c5b7
摘录一下:
第一步: 使用Kramed代替 Marked
hexo
默认的渲染引擎是marked
,但是marked
不支持mathjax
。kramed
是在marked
的基础上进行修改。我们在工程目录下执行以下命令来安装kramed
.npm uninstall hexo-renderer-marked --save npm install hexo-renderer-kramed --save
然后,更改<your-project-dir>/node_modules/hexo-renderer-kramed/lib/renderer.js,更改:
// Change inline math rule function formatText(text) { // Fit kramed's rule: $$ + \1 + $$ return text.replace(/`\$(.*?)\$`/g, '$$$$$1$$$$'); }
为:
// Change inline math rule function formatText(text) { return text; }
第二步: 停止使用 hexo-math
首先,如果你已经安装
hexo-math
, 请卸载它:npm uninstall hexo-math --save
然后安装 hexo-renderer-mathjax 包:
npm install hexo-renderer-mathjax --save
第三步: 更新 Mathjax 的 CDN 链接
首先,打开<path-to-your-project>/node_modules/hexo-renderer-mathjax/mathjax.html
然后,把
<script>
更改为:<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>
第四步: 更改默认转义规则
因为
hexo
默认的转义规则会将一些字符进行转义,比如_
转为<em>
, 所以我们需要对默认的规则进行修改.
首先, 打开<path-to-your-project/node_modules/kramed/lib/rules、inline.js,然后,把:
escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,
更改为:
escape: /^\\([`*\[\]()# +\-.!_>])/,
把
em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
更改为:
em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
第五步: 开启mathjax
在主题
_config.yml
中开启 Mathjax, 找到mathjax
字段添加如下代码:mathjax: enable: true
这一步可选,在博客中开启
Mathjax
,, 添加以下内容:--- title: Testing Mathjax with Hexo category: Uncategorized date: 2017/05/03 mathjax: true ---
通过以上步骤,我们就可以在
hexo
中使用Mathjax
来书写数学公式。
jquery改为国内源
修改 \themes\landscape\layout\_partial\after-footer.ejs
里面的jquery路径为//apps.bdimg.com/libs/jquery/2.0.3/jquery.min.js
网友评论