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

頁面展示


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM