互联网资源多样化分享，丰富的计算机技术分享 - 吱吱工具箱butterPig

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

阅读文章详情

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

阅读文章详情

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

阅读文章详情

使用svg来画正五角星，主要是使用svg的path功能，通过画出五个角的坐标以及连接线，来组成一个实心的五角星形状。实现效果可以参考butterPig的在线印章设计功能里面的正五角星形状。

阅读文章详情

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

阅读文章详情

讲解一下VUE中路由的几种方式：router.replace() router.push() router.go()的区别和使用方法,以及编程式和申明式的书写方法。

阅读文章详情

直接上代码，其中end是生成的连续数组的最后一个元素的数值，start是生成的连续数组的起始数值。主要原理是因为数组类型中，其实也隐含着连续的key值，对应着数组中的每个value。

1

Array.from(new Array(end + 1).keys()).slice(start)

阅读文章详情

因为第一次写markdown，在网上各种百度，想看看到底哪些专门的markdown编辑器好用，下载了好几种。但是真正的使用体验完全没有文章里说的那些惊艳激动人心。最终想回归到平时使用最多的开发环境IDE中寻找答案。

阅读文章详情

nginx开启gzip压缩功能， 可以使网站的css、js 、xml、html 等文件在传输时进行压缩，提高访问速度, 进而优化nginx性能!

阅读文章详情