全栈开发—博客前端展示（Nuxt.js）

个人博客开发系列文章：

• 博客前端展示总结：https://www.jianshu.com/p/1348bcd1e716
• 后台管理系统总结：https://www.jianshu.com/p/53c75476be44
• 服务端总结：https://www.jianshu.com/p/c25b5432d6f5
• Travis CI持续集成：https://www.jianshu.com/p/4e7a06e18bd5
• 使用Nginx配置HTTPS和反向代理：https://www.jianshu.com/p/c779e54c9f85

全栈开发—博客前端展示（Nuxt.js）

这个开发的想法是这样来的，大概两个月前，腾讯云的工作人员打电话给我，说我的域名没有解析到腾讯云的服务器上，而且页脚也没有备案号。我当时就震惊了，居然会打电话给我，然而我的大学时代买的服务器已经过期了...于是为了拯救我的域名，拯救我申请了很久的备案号，决意要全栈打造一个属于自己的博客系统。

• 博客地址：shirmy
• 项目地址：smile-blog-nuxt

主要技术

• Nuxt.js
• Axios
• marked + highlight.js
• scss

项目特点

• 适配多个分辨率，移动端到桌面端无缝切换
• 支持白昼黑夜主题切换（试试点击shirmy的太阳或月亮）
• 文章图片懒加载
• 评论、留言、搜索、点赞、多个作者
• SSR服务端渲染（seo）

技术总结

什么是服务端渲染(server side render)？

服务端渲染则把Ajax请求放到服务端，页面加载到浏览器或客户端前就已经把数据填充到页面模板行程完整的页面。

优势

• 减少首次http请求，在服务端请求首屏数据，直接渲染html
• 利于SEO，网络爬虫可以抓取到完整的