最近动态

前端技术

实现了椭圆形印章的在线设计功能,一开始误以为椭圆有点麻烦,就只实现了圆形的

之前就把圆形印章的在线设计功能完全做好了,用SVG和JS实现的。然后就惰性大发,觉得椭圆的印章实现起来肯定很麻烦,就不要做了。光有一个圆形的就ok。结果最近网站一直没有被收录,就想充实一下网站内容。结果发现把圆形印章的代码改成椭圆印章极其的容易,因为svg画椭圆,相较于画圆,仅仅是多了一个Y轴半径这个参数而已。因此在圆形代码上,将Y轴相关的参数修改一下,马上就形成了椭圆印章。上面的文字路径也都是正确的,再稍微调整下文字的高度就搞定了。从此又多了一个功能哈哈哈哈。

阅读剩下更多

前端技术

spa单页面应用(vue react angular)通过预渲染实现seo优化

最近用Vue写的个人网站butterPig上线有一段时间了。但是一直没有被收录,经过苦思冥想,发现会不会是seo没有优化的原因。果然百度之后,发现这种单页面应用的对seo极其的不友好,百度的爬虫并不会等到js文件加载渲染完成页面后再爬内容。因此单页面网站的内容对于百度爬虫来说,就是空的,基本上啥也没有。相当蛋疼的事情。
vue react angular等框架的单页面应用,想彻底解决seo问题,还是要实现SSR服务端渲染。但是对于一个已经做好的网站,再去改成服务端渲染,实在是劳民伤财。所以只有使用一个折中的方案,就是prerender预渲染。将部分或者全部页面预先渲染成html静态文件保存着。然后有用户请求的时候就传输过去。
因此只要是webpack的项目,就可以使用prerender-spa-plugin插件来实现预渲染,非常方便。

阅读剩下更多

前端技术

网站迟迟不被收录的原因分析

SEO优化人员或站长想要网站有关键词排名,有流量,第一个重要的工作便是促进网站文章内容被百度,360等搜索引擎收录;有收录就有可能有排名,没有收录就连排名的机会都没有。很多新站或者一部分老站,总是会遇到网站文章百度不收录的问题,在此,剖析网站文章百度不收录的原因,以及相应的解决办法。

阅读剩下更多

前端技术

给vue项目设置动态的title标题description描述keywords关键词,实现seo优化

想要网站每个页面的描述更加准确,让搜索引擎更好的进行seo,网站更好的被收录。需要对每个页面设置单独的标题,关键词和描述文字。在vue单页面项目中,我们可以通过在路由表中的路由对象中添加属性,并通过router.aftereach()或者router.beforeeach()钩子函数来实现路由变化的监听,每次路由变化后,将新的title,description和keywords更新到当前的页面。

阅读剩下更多

前端技术

hexo博客使用不蒜子添加访问量和阅读量功能

hexo最终生成静态网页,一般是引入不蒜子来实现记录和展示博客总访问量总访客数以及每篇文章的阅读量。不蒜子是一个极其简洁的网页计数器,因为自己做的静态博客需要用到就把他的js给集成进去,简单说下原理,总访问量和总访客数基于网站的域名一一对应,通过远程的js集成,将数据通过/busuanzi.ibruce.info/busuanzi的访问持久化,即便再次生成文章或者网站,只要链接路径没有变,浏览量还是可以在原有的基础上继续累积。

阅读剩下更多

butterPig网站

图片在线智能压缩工具使用介绍

在我们的日常生活与工作中,经常遇到需要在各类网站中填写资料进行上传审核等类似的场景,其中免不了要按照各种要求对照片尺寸进行裁剪压缩等。例如某网站要求上传登记照的宽度要小于200像素,高度要小于400像素,照片大小要小于500Kb等。这时候我们就要想尽办法,尝试使用各种APP将图片进行修改,以图达到最终要求。对于没有P图经验的人而言,这是个痛苦而且繁琐的任务,很多图片处理软件太过于专业,描述也过于晦涩难懂。因此现在实现一种可以一键智能压缩图片的工具,能够瞬间将图片压缩裁剪至符合要求的尺寸大小,非常的方便快捷。首先该功能网址是butterPig下面介绍使用方法。

阅读剩下更多

返回顶部