最近在网上发现一些将普通的图片转换生成圆形图片的需求，这里说的圆形图片是类似网络头像的那种圆形，而不是圆形的四个角，是一个正圆形的图。所以就想自己实现一下这个生成圆形图片的功能。制作原图功能链接如下，大家可以去体验一下：圆形图片生成器,照片制作圆图工具
总而言之，只需要选择上传一张图片就可以开始制作了，基本上也没有任何参数选项，这个功能用起来非常的简单。导出之后的图是直接对原图进行裁剪的，所以画质不会有任何损失，裁剪之后的尺寸和你的选择框大小有关，如果你的选择框和原图一样大，也就是说选择框100%大小，那么裁剪出来的图也是100%大小，简单点说，画质和尺寸在转换过程中不会因为算法而损失。最重要的是，我们一边移动裁剪框，另一边就能实时的预览圆图的生成效果，使用很方便。
当然我们还可以点击跳转到图片转圆角图功能，这个功能就不是将图片变成圆形了，而是把图片的四个角变成圆形的，也就是圆角图，并且圆角的大小还能自己控制，还能控制某个角是否需要转换等等。
大家可以点击上面的地址去体验一下呢，个人认为是非常好用的，功能也很全面呢!下面是这个在线圆图生成器的使用界面。
hexo博客的next主题基本是使用最广泛的主题之一，它简洁的界面以及丰富的内置插件集成，吸引了很大一部分使用hexo搭建博客的用户。不过，有时候next主题的页面样式过于朴素简洁也并非全是好事，想要部分页面更加炫酷一些，就要我们自己动手撸代码了。今天教大家如何让next主题的所有分类显示页面稍微好看一些。
最近在研究吱托邦的SEO和收录问题，感觉非常力不从心；偶然在网络上遇到一位SEO大神，讲诉他如何在三个月时间内，将一个网站的权重从1提高到4的过程所总结的经验，感觉受益匪浅。因此将他总结的网站优化经验，以及他对SEO的理解分享在此。
最近项目有一个需求：根据用户角色权限，前端通过接口从后台动态获取到该用户的多层级菜单内容并在前端的侧边栏显示。这里需要注意的是，该菜单的层级可以是无限的，并没有从需求层面限制菜单只能是两级或者三级。我们项目使用的是vue+elementui，vue作为一个先进的现代化框架，特色就是数据绑定，我们来看一下如何使用vue框架来通过递归的方式来动态渲染无限层级的菜单列表，这是更优雅的方式！
起因首先说明一下，这里所指的hexo中两个source文件夹，一个是hexo根目录中自带的，一个是安装的主题的文件夹中的，比如对于next主题，路径就是theme/next/source。起初，根据我的这篇nginx+next添加404页面方法的文章的步骤，我完美实现了hexo访问不存在页面时跳转到自定义的404页面功能。根据当时的步骤，我是把自己新建的404.html文件放入到了next主题的source文件夹中，然后执行hexo clean和hexo g指令，此时访问一个不存在的页面，就会跳转到我自定义的这个404.html页面中，页面中内容是腾讯公益。但是众所周知，不管是hexo的source文件夹，还是主题中的source文件夹，我们在对hexo博客进行编译生成的时候，都会自动将这两个source文件夹中的所有内容传送到hexo的public文件夹中的。所以按理来说，我不管是把404.html放到hexo的source还是主题的source文件夹中，最终的实现效果应该都是一样的啊！！！然而现实并不是，根据实践我发现，把404.html放到hexo根目录的source中时，如果我打开一个不存在的页面，就会闪现出hexo博客的页面然后再进入到404页面中，而且布局也乱了。如果把404.html放到next主题的source文件夹中，那么我访问一个不存在的页面时，就会直接跳转到404.html页面，根本没有闪现出hexo网页。一开始真是让我百思不得其解，毕竟hexo只是静态博客啊。
hexo博客的next主题的配置是非常丰富的，本人使用的是next主题的7.x版本。并且在next主题的_config.yml文件中的motion区域打开了动画功能。此时，每次进入页面或者刷新页面，都会呈现出一定的动画效果。这样让博客整体显得更有活力一些。不过很多人会觉得默认的动画效果太慢了，每次刷新之后感觉总要等待那么一小会儿。因此想要自己调整next主题全局动画效果的快慢。下面我们来研究一下怎么方便的调整动画快慢。
先说句题外话，我的hexo网站使用的是next主题，整个hexo是存放在我购买的xx云的轻量应用服务器中，轻量应用服务器安装的是windows系统，之所以没有安装linux系统镜像，主要是因为windows系统的云服务器是有界面的，就和我们平时用的windows系统的电脑一模一样，这样一来进行各种操作就方便得多。然后我是通过nginx作为http服务器对hexo生成的public文件夹中的静态文件进行映射。但是目前存在一个问题，只要我通过浏览器访问hexo中不存在的页面时，就会自动跳转到个人网站的首页了。根本无法跳转到404页面中。因此我们现在要想办法添加跳转404页面的功能。于是在网上参考了很多其他网友写的教程，我的评价是：互相复制粘贴，都是无效代码。所以还是自己动手研究一下吧。
