博客的效果圖如下：
后台管理界面是用element-ui做的，前端vue用vscode寫，后端用idea寫。代碼已傳到github，前端代碼：https://github.com/sparerib1/blog，后端代碼：https://github.com/sparerib1/myblog，感興趣的朋友點個star吧。目前界面還不太好看，正在進行優化，過段時間更新第二版。在做這個個人博客時踩了許多坑，這里簡單記錄一下，首先在idea構建springboot項目時，剛建好，pom.xml就飄紅，錯誤提示：Could not transfer artifact org.springframework.boot:spring-boot-starter-parent:pom...，一開始以為是setting的問題，但是在修改了好幾次setting並且使用鏡像，還是報這個錯誤，其實這是證書校驗問題，打開setting里的Maven的runner，在options那里加上：-Dmaven.wagon.http.ssl.insecure=true -Dmaven.wagon.http.ssl.allowall=true。改正這個問題后spring-boot-maven-plugin還報紅，這時我們給spring-boot-maven-plugin加上版本號<version>2.2.6.RELEASE</version>。還有一個問題是連接不上數據庫，把url改成：jdbc:mysql://localhost:3306/webuser?useSSL=false&serverTimezone=Hongkong&characterEncoding=utf-8&autoReconnect=true就行
vue里需要注意路由的設置，不能同時有兩個“/”路徑，並且在寫組件時，最好別用header這樣html標簽的名字。vue里最容易出錯的還有axios，很容易就出現錯誤，這時首先檢查url是否正確，數據類型是否正確，檢查自己有沒有寫錯單詞。這里強烈建議大家使用element-ui，很好用，分頁，表格，表單都直接復制代碼就行，還比自己寫的美觀，又方便