用Echart框架在hexo博客中加入神经网络图

早在6月份学习深度学习的时候就有想在自己的博客中加入一张神经网络图记录学习的知识体系，一直拖到现在（主要是看门狗2太好玩了，不是）。这篇文章将详细的介绍如何在hexo博客中加入一张神经网络图。

访问我的blog查看具体效果
https://fazzie-key.cool/nn/

在博客中加入新页面

在博客中加入新页面的方式有两种，一种是直接创建html文件，自己做一个网页，令一种是新建一个md格式的page，，最后考虑到博客的整体性，我选择了后者，下面是两种方法的具体过程

加入新html子页面

• 首先，在博客根目录的source文件夹下，新建文件夹用于存放HTML文件

hexo会对source文件夹中所有的页面进行渲染，所以我们自己的HTML文件需要跳过渲染。

• 在博客根目录的配置文件_config.yml文件里，跳过渲染

  #跳过文件夹下所有文件
  skip_render:
  - “文件夹名/*”

新建一个page

cmd+win调出命令行，在博客对应目录输入

hexo new page "页面名称"

hexo 会在source文件夹下创建一个对应的文件夹，里面有一个index.md的文件，在配置文件_config.yml中的menu下加入/创建页面名称，这样就创建好了新页面。

# Header-菜单
menu:
Home: /
Archives:  /archives/index.html
Categories : /categories
Knowledge nn : /nn

Echart框架下载

第二步我们需要建立我们的神经图，这里我选择的JS的图表框架Echart，一个功能非常强大的框架，图表非常的美观
在这里我们总共需要两个js文件

• echarts.min.js 主要的js文件，echart的压缩版本
  • 因为我们只用到关系图，所以也可以在官网通过定制只下载关系图的代码
• jquery.js 当要用jquery调用json文件时加入

下载地址

echarts.min.js：https://echarts.apache.org/z