從零開始搭建個人博客站

大概在2016年7月份,在看別人的個人博客系統時,腦子裡產生了一個想法,作為程序員出身,為什麼不自己開發一個博客系統,檢驗並鍛煉下自己的編程水平,就這樣一言不合就開始了開發個人博客系統不歸之路,好在最後小有成果,沒有留下遺憾。閑話少說,下面開始談談我是如何從零開始搭建個人博客系統的。主要準備工作主要有:

  1. 註冊域名
  2. 購買主機
  3. 域名解析
  4. 域名備案
  5. 系統開發
  6. 系統部署

註冊域名

國內的域名服務提供商比較靠譜的阿里雲的萬網(域名註冊_虛擬主機_雲伺服器_企業郵箱-萬網-阿里雲旗下品牌),騰訊雲的新網(域名註冊 - 騰訊雲)等。我是在阿里雲的萬網上註冊了一個域名huding.name。

購買主機

因為之前做項目的時候使用過阿里雲的主機,對阿里雲的印象還是蠻好的,所以我開始打算使用阿里雲的,但是後來發現太貴了,學生黨實在負擔不起。後來發現騰訊雲推出了學生機,鏈接地址為:雲+校園計劃 - 騰訊雲,值得信賴,每個月只需1元。雖然阿里雲也有學生機,但是申請過程較為麻煩,而且費用也比騰訊雲貴,因此果斷選擇騰訊雲。

域名解析

域名解析主要是在域名服務提供商那裡將自己註冊的域名解析到主機的IP地址。寫到這裡我就笑了,我居然已經使用國內互聯網三大巨頭中兩家提供的服務了,即使用了阿里的域名服務和騰訊雲的主機服務。還有更可笑的是,我開發系統的時候為了方便統計訪客數,又使用了百度的百度統計,我也是跪了這次,第一次搞一個簡單的博客系統就使用了BAT三巨頭的不同服務。

域名備案

域名備案主要是主機服務提供商那裡提交材料進行域名備案,至於怎麼備案,主機服務提供商都會提供詳細的教程的。PS:只要是在中國大陸的主機都要備案才能正常訪問。

系統開發

做好前面的準備的開發工作後,我就開始進行實際的代碼開發了。我本身對Java比較熟悉點,因此使用Java作為後端開發語言,前端開發語言為:html,js,css等。由於我的前端水平不高,讓我從頭開始編寫代碼,不知道要寫到猴年馬月去了。因此我就找了幾款框架,在框架的基礎上進行開發,能夠達到事半功倍的效果。這幾款框架分別是:

  1. Java框架:JFinal

  2. 前端框架:amazeui(中國首個開源 HTML5 跨屏前端框架),layui(layui - 經典模塊化前端框架)。使用amazeui的特性實現屏幕適配,使用layui的特性實現前端腳本處理邏輯,實現與後台的交互。

開發方式是前後端完全分離,因此我藉助Nginx伺服器實現連接前端和後端,實現前後端通信。

最終的開發效果為:

前端的博客內容展示:

  1. PC端效果

2.移動端效果

3.後台管理系統

系統部署

這部分暫略。大體上是在伺服器端安裝JDK,Nginx,Tomcat等相關部署軟體,設置相應的配置後,將自己開發的系統部署到相應的目錄下就好了。

結束語

最終經過自己不斷地搗鼓,我的個人博客青菜蘿蔔胡丁程序員技術分享博客,最終在2017年2月10日上線了。雖然我的代碼寫的不是很好,但本著開源精神,我將這個博客系統的代碼開源在GitHub上了,鏈接為:github.com/hujianhong/b。有需要的童鞋可以到這裡去下載。
推薦閱讀:

HEXO+Github搭建個人博客

TAG:博客網站 | 博客 | 個人博客 |