banner

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插件相关功能;


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

留言评论

暂无留言