【Hexo】添加Tools页面

平时在工作的时候经常会用到一些工具，若是将这些工具集中到网页上随时访问岂不是美哉，而且还没有广告的打扰。
众所周知，Markdown是支持Html语法的，为了不过多修改主题的代码，这里采用在Makedown中编写Html代码的形式提供工具服务。
最最最重要的优点就是可以Markdown、Html、Css和JavaScript语言混合编写，十分的方便。

所以这里的工具页其实和其他页面是一样的，但是工具是为了提供一定运算的，在这里面需要插入一些网页的代码。
这里提供一个例子来说明这一操作。

操作步骤

1. 使用命令行新建一个页面

   hexo new page "Tools"

2. 打开主题根目录下的 _config.yml文件，找到 menu，在它下面添加如下语句

   Tools: /Tools

3. 生成的 Tools 用于保存所有在线工具，而里面的 Tools/index.md 就充当为所有工具的目录就行，打开该文件在最后追加以下内容

   1. [电阻串联分压](/Tools/ResVoltDiv2)

   以后每增加一个工具就像这样一样增加一个超链接
4. 在 Tools 目录下新建一个 ResVoltDiv2 文件夹，该文件夹用于存放 电阻串联分压 工具的源代码及资源
5. 在 Tools/ResVoltDiv2 目录下新建 index.md 文件，该文件用于存放 电阻串联分压 工具的源代码，代码如下

   ---
   title: 电阻串联分压
   date: 2021-06-25 14:03:21
   ---
   
   <div>
       <input type="button" onclick="click_func()" value="显示警告框">
   </div>
   
   <script>
       function click_func() {
           alert("Hello");
       }
   </script>

6. 保存，打开网页点击上面的 Tools 菜单可以看到有一个目录，点击 电阻串联分压，可以看到一个按键，点击按键可以弹出Hello就成功啦，说明在Markdown中编写的程序可以正常运行