前言
作為一個年輕的程序員,而且是作為一個未來的前端工程師,怎么能沒有一個屬於自己的博客呢,於是乎在暑假咸魚了一個多月后開始了我的博客的編寫。
技術棧
前端 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
頁面展示







