基於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

頁面展現