【從零搭建個人博客】之搭建規(guī)劃(提供源碼)

博客地址:程序猿劉川楓

博客gitHub源碼地址:https://github.com/liujianview/myBlog

博客gitee源碼地址:https://gitee.com/liuchuanfengview/myBlog

歡迎給個star鼓勵一下~

1.寫前感悟

自打工作以來,一直就想著搭建一個屬于自己的個人博客網(wǎng)站,可以記錄工作中遇到問題的解決辦法,可以記錄學習的一些新技術,亦可以記錄自己工作生活中的隨筆感悟等等。說了這么多,其實就是有了個人博客以后會感覺很牛,哈哈哈哈,一般大佬都有個人博客(優(yōu)秀的人總是樂忠于分享)。之前在知乎上看過一條段子【程序猿也是可以有女朋友的】,看完后感觸挺深,具體內容如下:

標題:寫博客對程序員很重要嗎?

之前開了公眾號裝逼寫技術博客,更新了一段時間沒人看就不寫技術寫一些情感、生活、旅游、吃喝玩樂的內容, 反正只要能寫的就都寫。

后來相親認識了一妹子,沒多久就好上了,主要是那妹紙?zhí)鲃恿耍覜]守住底線,淪陷了

問妹紙為什么主動追我,妹紙說:你的每篇文章我都看了,字里行間感受到了正能量,應該不是那種靠不住的男人,我年紀 也不小了,機會不容錯過,于是就使了點套路。

我之前一直單身,始終找不好女朋友,對我有意思的我不喜歡,我喜歡的對我沒感覺?,F(xiàn)在能找到個令我滿意的女朋友還沒費多少 事我想應該有寫博客一部分功勞吧。所以我覺得寫博客對程序員來說挺重要的。

好吧,重點不在于怎么找女朋友。作為一名程序猿,寫博客是很好的一種體現(xiàn),雖然我現(xiàn)在還是菜鳥一枚,但還是想分享些文章,不管有沒有人看,堅持就好,也是一種態(tài)度。相信多年以后,你會感謝曾經(jīng)的自己所付出的努力,最終你也會成為那個優(yōu)秀的人。

2.搭建個人博客的選擇

在真正確定搭建本博客網(wǎng)站之前,搜索了很多關于搭建個人博客的方式和思路。譬如現(xiàn)在大部分個人博客網(wǎng)站用的 Wordpress和Hexo框架,這兩款博客框架封裝的很好,網(wǎng)上教程也很多,分分鐘就能搭建好,主題也很多,非常適合新手搭建使用。

但我并沒有直接選擇,因為覺得自己動手搭建一個會更好,增長自己項目經(jīng)驗的同時又能隨時DIY各種功能,亦可以在博客項目上實踐一些沒用過的技術,何樂而不為呢?但博主只是后端開發(fā),簡單的樣式還能調一調,那些炫酷的樣式主題還真做不來,就想著網(wǎng)上找一個不錯的來進行二次開發(fā)。于是我在GitHub和碼云上苦苦尋找了一番,終于找到了個不錯的,前端頁面的盡力修改,后端代碼的簡單重構以及功能增加,便形成了現(xiàn)在的這個博客,點此進入我的個人博客 個人感覺還是不錯的,以后還會陸續(xù)完善功能,增加使用體驗。

3.博客功能規(guī)劃

主要功能實現(xiàn)

  • 首頁有最新文章排版,最新評論留言,每日一言,標簽云,網(wǎng)站信息等等

  • 文章模塊有文章分類,歸檔,標簽等功能,支持點擊進入相應文章,都支持評論留言

  • 友鏈支持一些大佬博客鏈接以及留言互相添加友聯(lián)等功能

  • 更新模塊主要記錄網(wǎng)站更新的記錄,支持留言

  • 照片墻模塊根據(jù)日期展示博主后臺上傳自己喜歡的圖片或游記照片等

  • 關于我模塊主要介紹博主本身的經(jīng)歷和感悟等

  • 登錄注冊模塊:支持QQ一鍵登錄,可用郵箱注冊賬號登錄本博客,忘記密碼等

  • 個人用戶模塊:編輯個人資料修改密碼,以及評論留言管理,支持悄悄話

  • 管理員后臺模塊:儀表盤展示網(wǎng)站訪問信息,文章管理,點贊分類友鏈圖片反饋悄悄話等功能管理

ps:目前實現(xiàn)了這些功能,后續(xù)文章也會著重介紹相關功能的實現(xiàn),以及我在完善功能時遇到的一些坑和對應解決辦法。

4.博客頁面展示

博客首頁展示

image-20210114163913709

個人主頁展示

image-20210114164121694

博客后臺管理展示

image-20210114164219881

5.博客項目總體設計

本項目中用到的技術框架:

  1. web框架:SpringBoot

  2. 數(shù)據(jù)庫框架:Mybatis

  3. 數(shù)據(jù)庫連接池:阿里Druid

  4. 數(shù)據(jù)庫:MySql

  5. 分頁插件:PageHelper

  6. 項目構建工具:Maven

  7. 項目緩存選型:Redis

  8. 文章編寫展示:Editor.md

  9. 前端模板:Thymeleaf

  10. 安全框架:SpringSecurity

本項目所用環(huán)境:

  1. 開發(fā)工具:IDEA

  2. 編程語言:JDK1.8,HTML,CSS,JS

  3. 數(shù)據(jù)庫:mysql5.6

  4. 項目框架:SSM

  5. 部署服務器:騰訊云Centos7

  6. 圖床:七牛云對象存儲

  7. CDN加速:七牛云CDN

本地開發(fā)流程:

在文章開頭鏈接下載源碼導入IDEA后,修改配置文件中數(shù)據(jù)庫連接信息后,導入項目附帶數(shù)據(jù)庫的SQL文件生成所有表結構,項目中用到的七牛云功能需要去七牛云官網(wǎng)實名認證后開通。

6.總結

既然決心搭建博客網(wǎng)站了,就一定好好做,堅持更新,給自己一個目標吧,希望借此能養(yǎng)成認真記錄的好習慣。

接下來會陸續(xù)更新搭建博客功能的教程,for example: 使用郵箱注冊發(fā)送驗證碼,接入QQ登錄,本地圖片上傳到"七牛云OSS對象存儲"圖床,增加每日一言功能,增加博客背景鼠標繪制多邊形,點擊出現(xiàn)愛心功能,增加阿里druid連接池監(jiān)控功能,增加nginx反向代理,配置網(wǎng)站CDN加速等等功能,歡迎大家拍磚~

更多精彩功能請關注我的個人博客網(wǎng)站:http://liujian.cool

歡迎關注我的個人公眾號:程序猿劉川楓

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容