博客地址:程序猿劉川楓
博客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è)展示
個(gè)人主頁(yè)展示
博客后臺(tái)管理展示
5.博客項(xiàng)目總體設(shè)計(jì)
本項(xiàng)目中用到的技術(shù)框架:
web框架:SpringBoot
數(shù)據(jù)庫(kù)框架:Mybatis
數(shù)據(jù)庫(kù)連接池:阿里Druid
數(shù)據(jù)庫(kù):MySql
分頁(yè)插件:PageHelper
項(xiàng)目構(gòu)建工具:Maven
項(xiàng)目緩存選型:Redis
文章編寫(xiě)展示:Editor.md
前端模板:Thymeleaf
安全框架:SpringSecurity
本項(xiàng)目所用環(huán)境:
開(kāi)發(fā)工具:IDEA
編程語(yǔ)言:JDK1.8,HTML,CSS,JS
數(shù)據(jù)庫(kù):mysql5.6
項(xiàng)目框架:SSM
部署服務(wù)器:騰訊云Centos7
圖床:七牛云對(duì)象存儲(chǔ)
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):程序猿劉川楓