hexo-blog中配置个人简历
近期在整理个人简历的时候，突发奇想，准备将我自己的简历放到github-pages上部署的blog里。所以就研究了一下如何在hexo中配置个人简历，一番折腾下来，确实配好了，但是却达不到完全通过markdown就可以实现我想要的效果。
最终的结果就是在markdown里面增加了许多的html相关的配置，才达到了一个简单的效果。
折腾过程就记录在这里，方便后续查阅吧。
最终效果
1. 前期准备
为了实现我想要的简历效果，最主要的难点在于如何通过markdown控制简历中各类型信息的排版问题，最常见的方法就是通过表格。但是markdown中的表格无法自由的控制单元格宽度和表格宽度，最终只能通过空单元格解决。
1.1 表格排版
通过空单元格对信息排版进行控制
正常的单元格配置
|name1|name2| |---|---| |age1|age2|name1 name2 age1 age2 具有空单元格的表格
|name1||name2| |---|---|--| |age1||age2|name1 name2 age1 age2 通过增加一个空单元格的方法，可以让简历中的信息不用都聚集在屏幕的左侧，但是当前表格的边框影响了么美观，为了将单元格的边框去掉，只好通过当前页面的自定义style信息配置实现。
<style> td, th, tr { border: none!important; } </style>在文档的开始部分增加如上配置，可以使当前页面的所有表格隐藏边框，提升信息排版的美观度。
1.2 图标配置
在上面的简历图片中可以看到使用了很多的矢量图图标，提升了简体整体的丰富度。因为我觉着再web端不需要像纸质简历那么严肃，可以加一些有趣的东西在里面，所以我在简历中将本来用文字描述的部分增加了一些图标。
在图标的选择上，可以根据个人喜好来定，常见的iconfont、makrdown-emoji都可以，我这里选用了font-awesome来用，因为我觉这款图标比较符合我的审美，而且使用简单。
- 使用方法：
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.css"> - 在文档开始部分增加如上配置，就可以在文档里随时使用font-awesome的矢量图标
将图中的html标签复制下来，就可以在文档里显示了，就像这样
2. 增加页面
在hexo中增加简历页面有两种方法：
- 正常的把简历当成一个普通文档插入到blog中
- 把简历当做一个独立页面配置到blog中
2.1 正常插入
正常插入的方法很简单，直接在_posts文件夹下你指定的位置建一个存放简历markdown文档的位置即可。
但是这样的配置方法会面临一个麻烦的问题——无法再你希望的位置进行展示，为了解决这个问题，只好在一些常见页面上配置通过简历页面的超链接，比如配置在about页面上：
这里要注意超链接的配置方法：
- 最简单的配置方法当然是将blog发布后复制简历页面的web端超链接配置，但是当你调整了页面或者是blog的一些配置后就有可能会影响到当前超链接的位置导致失效。
- 另外一种相对比较稳定的方法就是配置简历页面在blog里的相对位置，这里推荐大家看一下hexo生成页面的逻辑。
当你通过hexo g生成blog的时候，hexo会根据你的文章元信息生成文章对应的html的存储位置，主要信息就是date这个参数，比如你文章的配置是date: 2022-02-22，那么你的文章就会存储在/public/2022/02/22/文件夹下面。
如果你同时在元信息中也配置了categories信息，比如categories: ['resume']，那么生成的文章就会存储在/public/2022/02/22/resume/下面
那么你配置的超链接只要是${date}/${categories}/${title}就好了，注意public不需要配置
2.2 独立配置
独立配置就是在source文件夹下生成一个独立文件夹，将resume文档放到这个文件夹下，这样做的好处是更自由。
注意，默认独立文件夹下的文档的正文没有markdown样式，为了实现和文章相同的样式的话，需要增加如下配置：
<div class="markdown-body">
正文
</div>3. 结束
好了，如何在hexo下配置个人简历的方法是记好了，如果你也感兴趣的话，可以自己动手试一下了。