Hexo 使用总结

在博客中引用自己的博客

  • 在 _config.yml 中设置属性

    1
    permalink: :title.html

  • 引用方式

    1
    2
    3
    # 引用文档，以引用论文为例
    # 引用的应该是生成时使用的文件路径或者title,后面跟上.html,但是还要根据不同设置来修改,总之就是访问时的链接
    [引用示例](/Notes/Hexo/Hexo——使用总结.html "/Notes/Hexo/Hexo——使用总结.html")

引用示例

导入图片

  • 在同目录下新建与Markdown文档文件名相同的文件夹，将图片存入文件夹中
  • 在Markdown文档中使用特殊语法导入 
    1
    {% asset_img picture.png descreption %}

插入LaTex公式

LaTex公式

借助工具插入公式

MathJax引擎(推荐)
  • 这种方式只需要在是实现时首先添加引擎代码,后面就可以完全像是Latex一样写公式
头部添加

  • 添加头部如下

    1
    2
    <!-- <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"  type="text/javascript"></script> -->
    <script src="https://cdn.jsdelivr.net/npm/mathjax@2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
    1
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
    • 说明:
      • 第一个头部可用,在各种浏览器均能正确加载
      • 第二个涉及到https的安全性问题,在部署到GitHub时,某些浏览器上不能正确加载

  • 测试说明:

    • yilla主题下Chrome和Firefox浏览器中不添加上面的头部当前文档也能识别出公式, 其他浏览器未测试
    • next主题下必须加上这个头部才行
写公式
  • 行内公式 
    1
    公式如下: \\(\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\\) 所示

公式如下: \(\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\) 所示

  • 行间公式 
    1
    公式如下:$$\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$所示

公式如下:$$\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$所示

  • 公式等号对齐

    • 公式如下:

      1
      2
      3
      4
      5
      6
      7
      8
      $$
      \begin{align}
      Q(\theta, \theta^{i}) &= \mathbb{E}\_{Z}[logP(Y,Z|\theta)|Y,\theta^{i}] \\\\
      	&= \mathbb{E}\_{Z\sim P(Z|Y,\theta^{i})}[logP(Y,Z|\theta)] \\\\
      	&= \sum_{Z} P(Z|Y,\theta^{i})logP(Y,Z|\theta) \\\\
      	&= \sum_{Z} logP(Y,Z|\theta)P(Z|Y,\theta^{i})
      \end{align}
      $$

      $$
      \begin{align}
      Q(\theta, \theta^{i}) &= \mathbb{E}_{Z}[logP(Y,Z|\theta)|Y,\theta^{i}] \\
      &= \mathbb{E}_{Z\sim P(Z|Y,\theta^{i})}[logP(Y,Z|\theta)] \\
      &= \sum_{Z} P(Z|Y,\theta^{i})logP(Y,Z|\theta) \\
      &= \sum_{Z} logP(Y,Z|\theta)P(Z|Y,\theta^{i})
      \end{align}
      $$

Google Chart服务器
  • 引用方式 
    1
    2
    # <img src="http://chart.googleapis.com/chart?cht=tx&chl=Latex公式" style="border:none;">
    <img src="http://chart.googleapis.com/chart?cht=tx&chl=\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}" style="border:none;">
forkosh服务器
  • 引用方式 
    1
    2
    <img src="http://www.forkosh.com/mathtex.cgi? Latex公式">
    <img src="http://www.forkosh.com/mathtex.cgi?\Large x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}">

给文字加颜色

  • 给文字添加颜色示例

    1
    <span style="color:red">红色文字</span>

    红色文字