2018年,打造我的全新技术博客

经过两周时间的设计与撸码,终于撸出这款新的主题。虽然目前来说,还有一些功能需要完善,但目前的功能已经比以前多了很多了。

这次更新的博客主题我采用Vue 2为前端框架,所有的前台页面设计与架构,都我自己一手打造的。根据相关的管理条例,增加了手机注册功能,实现实名制留言的要求。为了方便用户的登录,同时加入了社交登录,QQ与微博的接入。因为申请微信登录需要有企业认证资格,所以暂时放弃了微信登录。但对微信登录,我不是没有一些其它想法,有可能后期接入小程序,通过小程序的解码功能,实现微信登录,同时还能在小程序中绑定用户。

在实现这些基本的需求以后,我抛开了华而不实的各种CMS布局构想,着重用户体验与文章阅读优化。因为是SPA(单页应用)架构,所以用户切换页面的时候,仅需获得数据,就可以快速打开想要浏览的页面。而页面本身所需的静态资源,除了之前老文章所牵涉的资源,全部托管在阿里云的OSS服务中,并开启了CDN加速服务。

这说到SPA页面,就会考虑到一个问题,搜索引擎该怎么办?以目前国内的百度、搜狗等这些搜索引擎的爬虫能力来看,他们是不会解析页面上的Javascript的。为此,我添加了对UA的识别,让搜索引擎的爬虫访问网站时,系统调用另外一套模板,也就是我之前一直使用的模板,以此来应付搜索引擎带来的问题。

同时,浏览器中曾经的神器,如今的毒瘤,IE浏览器在SPA应用中,也是一个巨烦的问题。更重要的是,我在新的主题中采用了CSS3代码和Flex布局,低版本IE已经无法正常渲染。因此,也将IE的UA纳入了识别范围,让IE浏览器打开网站的时候,也是之前的主板。

OK,就简单说到这儿,本身应对2018年的新主题模板的结构如下:

前台:

VUE 2.0 \ Flex布局 \ CSS3过渡与动画

后台:

izbp插件(我开发的一款集成插件,目前还未完成),提供头像上传、QQ登录、微博登录、文章缩略图等功能;

阿里云OSS插件(也是我开发的一款插件,目前可以使用,但未正式发布),提供附件上传只OSS的功能,同时兼容izbp插件相关功能;


阅读: 25221
在同意共创许可协议(CC BY-NC-SA-4.0)的前提下,您可以转载本文。
橙色阳光
https://oss.so/article/90

留言评论

暂无留言
关于各种NPM问题,推荐使用Yarn,安装速度快,没用各种奇葩的错误,方便快捷。
收集的NodeJS代码片段: NodeJS Tools

最新留言

  • soshine 在《ZBlogPHP外链插件免费送!独家免费插件!》中留言
    很好的插件,如果能更自动化一点就好了,自动将淘宝客外链转换成对应的文章ID形式。
  • 橙色阳光 在《纯Javascript实现淡入淡出效果》中留言
    讲真,我现在的淡入淡出都是用css3+setTimeout了,用这个方案也是当年的一些想法。
  • 橙色阳光 在《基于jQuery的简易幻灯插件 - OsSliderJS》中留言
    讲真,这段JS大家不要看了……
  • BeautifulDays 在《三年了,我依然还在》中留言
    兴趣变工作,工作成为一种乐趣。这也蛮好的啊,工作之余可以在优化自己的博客,在博客上分享自己的一些心得、知识,毕竟,博客,现在已经越来越多的被今日头条,新浪微博,腾讯微博、微信公众号等第三方自营体APP取代了。能坚持下去的真不容易。给你一个赞!
  • 柒柒 在《移动端Touch事件preventDefault以后影响click事件触发的不科学解决方案》中留言
    先赞再说
  • 大谋 在《Chrome内核对css中rem大小单位文本font-size处理BUG参考解决方案》中留言
    还是你这里好看