基于Vue+node.js的个人博客

前言

作为一个年轻的程序员,而且是作为一个未来的前端工程师,怎么能没有一个属于自己的博客呢,于是乎在暑假咸鱼了一个多月后开始了我的博客的编写。

技术栈

前端 vue.js+scss  因为当时没学vuex所以没用到

后端 node.js express框架

数据库 mysql

特点

1.响应式布局,能够适应各种不同分辨率的场合,除了对低端浏览器的不兼容外就没别的,煞风景的地方了。

2.所以功能都是自己写出来的,左边导航栏的控制然后页面内容的各种样式,没有用框架,全是自己写的。

3.在文章的页面用了markdowm的转换,只要书写markdowm格式就会显示出相应的样式

项目结构

server是node.js文件,mysql里面是链接数据库文件,src是前端文件

前端

 路由用的vue-route

发送请求用的axios

组件间传输数据用的event bus

对于响应式,字体大小单位全是rem,然后如果大小可以用百分比尽量都用百分比,然后必要的时候设置一下媒体查询

后端

中文字段全部用unicode编码保存,防止乱码。

数据库编写一个配置接口,在路由的时候进行调用,当前这次用完就关掉

源码

https://github.com/WindStormrage/blog

欢迎各位star

环境:node.js+mysql

演示地址:http://www.xiedashuaige.cn/bolg2.0/#/home

页面展示

原文地址:https://www.cnblogs.com/xiedashuaige/p/7709518.html