前臺預覽地址:https://blog-web.jiangly.com
后后管理地址:https://blog-web.jiangly.com/home
作為一個前端工程師、能擁有一個自己的博客用來記錄日常所學知識橘蜜、做做筆記迈喉、儲存一些自己的文件都尤為方便丢早、因為有了nodeJs
的存在八回,讓我們獨立開發(fā)一個小小的個人全棧項目變得尤為簡單帖旨、來為自己打造一個定制化開發(fā)的個人博客吧找田。
技術選型
前端主要以vue
為主不恭,同時分為一個對外展示頁叶雹,和一個管理員管理后臺财饥,使用到了包含vue
,vuex
,vue-router
,scss
,svg
,element
,echarts
、等等一些小的技術棧折晦。
后端當然就是使用我們上手最快的node
了钥星,使用了輕量的express
框架(后期準備變更為koa或者egg)、數(shù)據(jù)庫使用了mysql
數(shù)據(jù)庫满着、操作數(shù)據(jù)庫使用了 ORM
模型sequelize
谦炒、前后端交互認證使用了jwt
、jsonwentoken
风喇、也包括使用一些好玩的cheerio
進行爬蟲操作宁改。
職責分布
前臺展示部分:我希望對外的展示專注于做內(nèi)容記錄分享,以及互動魂莫,對內(nèi)就希望可以定制化開發(fā)透且,配置一切可以配置的東西,包括配置內(nèi)容豁鲤、模塊、主題鲸沮、動態(tài)添加一些可掛載的功能琳骡、去管理文章、分類讼溺、標簽楣号、狀態(tài)等等東西、目前剛剛開始開發(fā)怒坯,對文章炫狱、分類、標簽剔猿、這些部分內(nèi)容已經(jīng)完成
后臺管理部分:這里就是一個管理中心视译,當然也可以在前臺開放注冊功能,同樣注冊后有權進入后臺归敬,在這里酷含,我們主要用于管理自己文章,管理內(nèi)容汪茧,管理整個展示頁面的配置椅亚。包括審核留言、評論等等東西
后端接口部分:因為是個人博客舱污,接口的訪問量并不大呀舔,這里就只是基礎的提供接口訪問即可.
項目部署
這是一個一年前寫的東西,一直沒有在繼續(xù)寫了扩灯,最近又想重新繼續(xù)媚赖,目前就搭建了私有gitlab
霜瘪、集成了CICD
、通過docker
容器化快速部署省古、目前可以支持git push
即可自動部署粥庄、有興趣的朋友可以滴滴我利用業(yè)務無聊的時間一起來完善這個小小的項目。
項目比較簡單豺妓、大佬求放過惜互、后續(xù)還想增加一些好玩的功能、項目地址在github
和gitee
都有琳拭、想用node
開發(fā)一個自己的個人博客的朋友训堆、可以在上面二次開發(fā)。
項目地址
在預覽頁關于可以看到