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

博客地址:程序猿劉川楓

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

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

歡迎給個(gè)star鼓勵(lì)一下~

1.寫(xiě)前感悟

自打工作以來(lái)感昼,一直就想著搭建一個(gè)屬于自己的個(gè)人博客網(wǎng)站涩金,可以記錄工作中遇到問(wèn)題的解決辦法突雪,可以記錄學(xué)習(xí)的一些新技術(shù),亦可以記錄自己工作生活中的隨筆感悟等等。說(shuō)了這么多晤锹,其實(shí)就是有了個(gè)人博客以后會(huì)感覺(jué)很牛钻趋,哈哈哈哈弹灭,一般大佬都有個(gè)人博客(優(yōu)秀的人總是樂(lè)忠于分享)州疾。之前在知乎上看過(guò)一條段子【程序猿也是可以有女朋友的】辜限,看完后感觸挺深,具體內(nèi)容如下:

標(biāo)題:寫(xiě)博客對(duì)程序員很重要嗎严蓖?

之前開(kāi)了公眾號(hào)裝逼寫(xiě)技術(shù)博客薄嫡,更新了一段時(shí)間沒(méi)人看就不寫(xiě)技術(shù)寫(xiě)一些情感、生活颗胡、旅游毫深、吃喝玩樂(lè)的內(nèi)容, 反正只要能寫(xiě)的就都寫(xiě)毒姨。

后來(lái)相親認(rèn)識(shí)了一妹子哑蔫,沒(méi)多久就好上了,主要是那妹紙?zhí)鲃?dòng)了弧呐,我沒(méi)守住底線闸迷,淪陷了

問(wèn)妹紙為什么主動(dòng)追我,妹紙說(shuō):你的每篇文章我都看了泉懦,字里行間感受到了正能量稿黍,應(yīng)該不是那種靠不住的男人,我年紀(jì) 也不小了崩哩,機(jī)會(huì)不容錯(cuò)過(guò),于是就使了點(diǎn)套路言沐。

我之前一直單身邓嘹,始終找不好女朋友,對(duì)我有意思的我不喜歡险胰,我喜歡的對(duì)我沒(méi)感覺(jué)⌒谘海現(xiàn)在能找到個(gè)令我滿(mǎn)意的女朋友還沒(méi)費(fèi)多少 事我想應(yīng)該有寫(xiě)博客一部分功勞吧。所以我覺(jué)得寫(xiě)博客對(duì)程序員來(lái)說(shuō)挺重要的起便。

好吧棚贾,重點(diǎn)不在于怎么找女朋友。作為一名程序猿榆综,寫(xiě)博客是很好的一種體現(xiàn)妙痹,雖然我現(xiàn)在還是菜鳥(niǎo)一枚,但還是想分享些文章鼻疮,不管有沒(méi)有人看怯伊,堅(jiān)持就好,也是一種態(tài)度判沟。相信多年以后耿芹,你會(huì)感謝曾經(jīng)的自己所付出的努力崭篡,最終你也會(huì)成為那個(gè)優(yōu)秀的人。

2.搭建個(gè)人博客的選擇

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

但我并沒(méi)有直接選擇包蓝,因?yàn)橛X(jué)得自己動(dòng)手搭建一個(gè)會(huì)更好,增長(zhǎng)自己項(xiàng)目經(jīng)驗(yàn)的同時(shí)又能隨時(shí)DIY各種功能绽淘,亦可以在博客項(xiàng)目上實(shí)踐一些沒(méi)用過(guò)的技術(shù)涵防,何樂(lè)而不為呢?但博主只是后端開(kāi)發(fā)沪铭,簡(jiǎn)單的樣式還能調(diào)一調(diào)壮池,那些炫酷的樣式主題還真做不來(lái),就想著網(wǎng)上找一個(gè)不錯(cuò)的來(lái)進(jìn)行二次開(kāi)發(fā)杀怠。于是我在GitHub和碼云上苦苦尋找了一番椰憋,終于找到了個(gè)不錯(cuò)的,前端頁(yè)面的盡力修改赔退,后端代碼的簡(jiǎn)單重構(gòu)以及功能增加橙依,便形成了現(xiàn)在的這個(gè)博客,點(diǎn)此進(jìn)入我的個(gè)人博客 個(gè)人感覺(jué)還是不錯(cuò)的硕旗,以后還會(huì)陸續(xù)完善功能窗骑,增加使用體驗(yàn)。

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

主要功能實(shí)現(xiàn)

  • 首頁(yè)有最新文章排版漆枚,最新評(píng)論留言创译,每日一言,標(biāo)簽云墙基,網(wǎng)站信息等等

  • 文章模塊有文章分類(lèi)软族,歸檔,標(biāo)簽等功能残制,支持點(diǎn)擊進(jìn)入相應(yīng)文章立砸,都支持評(píng)論留言

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

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

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

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

  • 登錄注冊(cè)模塊:支持QQ一鍵登錄痘拆,可用郵箱注冊(cè)賬號(hào)登錄本博客仰禽,忘記密碼等

  • 個(gè)人用戶(hù)模塊:編輯個(gè)人資料修改密碼,以及評(píng)論留言管理,支持悄悄話(huà)

  • 管理員后臺(tái)模塊:儀表盤(pán)展示網(wǎng)站訪問(wèn)信息吐葵,文章管理规揪,點(diǎn)贊分類(lèi)友鏈圖片反饋悄悄話(huà)等功能管理

ps:目前實(shí)現(xiàn)了這些功能,后續(xù)文章也會(huì)著重介紹相關(guān)功能的實(shí)現(xiàn)温峭,以及我在完善功能時(shí)遇到的一些坑和對(duì)應(yīng)解決辦法猛铅。

4.博客頁(yè)面展示

博客首頁(yè)展示

image-20210114163913709

個(gè)人主頁(yè)展示

image-20210114164121694

博客后臺(tái)管理展示

image-20210114164219881

5.博客項(xiàng)目總體設(shè)計(jì)

本項(xiàng)目中用到的技術(shù)框架:

  1. web框架:SpringBoot

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

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

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

  5. 分頁(yè)插件:PageHelper

  6. 項(xiàng)目構(gòu)建工具:Maven

  7. 項(xiàng)目緩存選型:Redis

  8. 文章編寫(xiě)展示:Editor.md

  9. 前端模板:Thymeleaf

  10. 安全框架:SpringSecurity

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

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

  2. 編程語(yǔ)言:JDK1.8,HTML,CSS,JS

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

  4. 項(xiàng)目框架:SSM

  5. 部署服務(wù)器:騰訊云Centos7

  6. 圖床:七牛云對(duì)象存儲(chǔ)

  7. CDN加速:七牛云CDN

本地開(kāi)發(fā)流程:

在文章開(kāi)頭鏈接下載源碼導(dǎo)入IDEA后,修改配置文件中數(shù)據(jù)庫(kù)連接信息后凤藏,導(dǎo)入項(xiàng)目附帶數(shù)據(jù)庫(kù)的SQL文件生成所有表結(jié)構(gòu)奸忽,項(xiàng)目中用到的七牛云功能需要去七牛云官網(wǎng)實(shí)名認(rèn)證后開(kāi)通。

6.總結(jié)

既然決心搭建博客網(wǎng)站了揖庄,就一定好好做栗菜,堅(jiān)持更新,給自己一個(gè)目標(biāo)吧蹄梢,希望借此能養(yǎng)成認(rèn)真記錄的好習(xí)慣疙筹。

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

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

歡迎關(guān)注我的個(gè)人公眾號(hào):程序猿劉川楓

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市望迎,隨后出現(xiàn)的幾起案子汰瘫,更是在濱河造成了極大的恐慌,老刑警劉巖擂煞,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異趴乡,居然都是意外死亡对省,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)晾捏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蒿涎,“玉大人,你說(shuō)我怎么就攤上這事惦辛±颓铮” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)玻淑。 經(jīng)常有香客問(wèn)我嗽冒,道長(zhǎng),這世上最難降的妖魔是什么补履? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任添坊,我火速辦了婚禮,結(jié)果婚禮上箫锤,老公的妹妹穿的比我還像新娘贬蛙。我一直安慰自己,他們只是感情好谚攒,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布阳准。 她就那樣靜靜地躺著,像睡著了一般馏臭。 火紅的嫁衣襯著肌膚如雪野蝇。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,079評(píng)論 1 285
  • 那天位喂,我揣著相機(jī)與錄音浪耘,去河邊找鬼。 笑死塑崖,一個(gè)胖子當(dāng)著我的面吹牛七冲,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播规婆,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼澜躺,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了抒蚜?” 一聲冷哼從身側(cè)響起掘鄙,我...
    開(kāi)封第一講書(shū)人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嗡髓,沒(méi)想到半個(gè)月后操漠,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡饿这,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年浊伙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片长捧。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嚣鄙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出串结,到底是詐尸還是另有隱情哑子,我是刑警寧澤舅列,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布,位于F島的核電站卧蜓,受9級(jí)特大地震影響帐要,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜烦却,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一宠叼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧其爵,春花似錦冒冬、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至摇幻,卻和暖如春横侦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背绰姻。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工枉侧, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人狂芋。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓榨馁,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親帜矾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子翼虫,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容