天天看點

你不知道的事-建站始末1【準備篇】

閱讀目錄

建站四部曲:

  • 你不知道的事-建站始末1【準備篇】
  • 你不知道的事-建站始末2【架構篇】
  • 你不知道的事-建站始末3【實作篇】
  • 你不知道的事-建站始末4【總結篇】

本篇目錄:

  • 寫在前面
  • 為什麼要建站?
  • 建站計劃
  • 前端總結
  • 知識點總結
  • 域名和伺服器
  • 關于開源
  • 未完待續

  本篇内容會有些長,希望各位看官可以認真的閱讀下去,我相信肯定會有收獲。

蝴蝶眨幾次眼睛,才學會飛行,夜空灑滿了星星,但幾顆會落地。  --你不知道的事

  蝴蝶眨眼睛?星星會落地?當然很多人會認為這是無稽之談,但是有些人卻認為這是一種自身的情感表達,有些事不是說的明白,就明白,說不明白就不明白,伯牙和子期就是如此。從本篇開始,請跟我一起走進:你所不知道的事-我的建站始末。

  很多人寫自己的項目或是架構,會分很多篇來分析總結,我覺得沒必要,還是化繁為簡,多寫一些精華的東西反而會更有效,但也不是随便寫寫就可以的,就像第一曲-準備篇,其實在兩個多月之前就開始準備了:

你不知道的事-建站始末1【準備篇】

  為什麼到現在才開始寫第一曲,因為準備的不夠充分,其實我覺得現在準備的也不是很充分,很多人會覺得不就是建個站嗎?一個準備工作為什麼還要搞這麼久?準備工作花的時間,我都可以建好幾個站了。關于這個問題,這邊就不做過多解釋,如果你能接着讀完整篇文章,或許你可以從中找到答案。

  如果大家去看本人最近這段時間寫的部落格,會發現都是一些理論的知識點,最多也就是根據理論結合技術搞個小Demo,沒有針對具體的業務場景來寫一些東西,也就是具體的項目,下面摘自一位園友在某一篇博文中的評論:

你不知道的事-建站始末1【準備篇】

  關于知識點的整理,其實都是在計劃中,這也就是建站的目的。為什麼要建站?可以這樣說明:就好比驢友騎行去西藏,其實到達西藏不是目的,而是騎行的過程,并享受其中,以此為快樂。建站的目的就是如此,建站不是目的,建站的過程才是目的。

  一開始計劃建站是部落格建站,因為業務比較熟悉,而且可以随意按照自己的想法去擴充,複雜的業務場景建構不出來,隻能用些簡單的業務去描述。這個“部落格站”隻是作為自己的“試驗場”,可能并不會真正的去應用,它隻是作為技術的“試驗”,比如有一些好的技術點或想法,就會加到其中,以供自己去摸索。關于部落格維護,上面也說了,“部落格站”隻是一個“試驗場”,本人也隻會去維護部落格園中的文章。

  其實在去年的時候,就一直有個想法,想搞點東西做做,一開始的時候就去網上接一些單子去做,但是後來發現,接單子做其實沒什麼意思,一是感覺學不到什麼東西,客戶改需求也比較煩人,二是時間成本和回報不成正比,是以後來就不再接單子做了。過了一段時間有同學說想搞個商業項目做做,但我覺得也隻是說說,畢竟剛畢業,技術和經驗都不行,肯定搞不了。再後來就思考了很久,接下來的路該怎麼走,既然選擇了程式設計這個行業,自己也蠻熱愛的,就要一直堅定的走下去,菜鳥怎麼蛻變成大牛?不是靠别人,而是靠自己,一步一步的去學習,去進步,明白了這個道理,也就有了下面這個建站計劃,這也就是建站的目的,你懂得。

2014-03-01-------2014-03-09

  1. 熟悉wordpress,學會其建站過程,并在主機建立demo
  2. 收集一些wordpress的模闆
  3. 寫一篇關于wordpress建站的文章

  (完成:95%)

2014-03-10-------2014-03-16

  1. 熟悉git使用,并在vs配置
  2. 寫兩篇關于git配置的相關文章
  3. 在github建立xishuai項目
  4. XiShuaiUI前端前台界面設計,建立和實作一個前端前台的簡單Demo

  (完成:100%超額哦

   補充:添加左部div懸浮效果;

      前端前台調整。

    )

2014-03-17-------2014-03-23

  1. 完善XiShuaiUI,可以用于開發的前端前台html
  2. 學習easyui,并建立前端背景html
  3. 注冊gravatar,實作一個配置使用的Demo
  4. 如果可以,寫一些關于gravatar/easyui的使用配置的文章

  (完成:80%

     補充:首頁添加canvas顆粒js效果;

      靈感部分頁面,及攝影單車頁面布局顔色調整;

      計劃有誤,實作有誤,第二步沒完成(下周完成)。

        )

2014-03-24-------2014-03-30

  1. 學習easyui,一步一步建立一個簡單新聞釋出背景系統demo(asp.net、ef)
  2. easyui集合kindeditor
  3. 完善新聞釋出背景系統demo(mvc、ef)
  4. 1、2、3完成各寫一篇相關文章
  5. 學習設計模式第五篇-控制反轉(ioc),完成文章編寫(不能偷懶)

  (完成:90%

     補充:這周任務較重,加油哦;

      額外學習Code First;

      新聞釋出背景系統Demo,改成使用者管理Demo(mvc、ef),放到下周;

      設計模式學習放到下一周,不是不寫,而是實在寫不出來;

2014-03-31-------2014-04-06

  1. 完成使用者管理Demo(easyui、mvc、ef)
  2. 寫一篇使用者管理Demo相關文章
  3. 學習設計模式第五篇-控制反轉(ioc),完成文章編寫
  4. 了解ioc相關技術點,比如:依賴注入

  (完成:70%

     補充:這周主要學習設計模式及相關技術;

      不了解則至,一了解則。。。

       )

2014-04-07-------2014-04-13

  1. 初試MVC API文章編寫
  2. 學習隐式類型、Linq、lambda、控制反轉/依賴注入
  3. 學習老子(道德經)
  4. 如果有時間寫一篇道德經中的程式人生

  (完成:60%

     補充:這周主要是程式設計思想的學習;

2014-04-14-------2014-04-20

  1. 繼續上一周的2、3
  2. 主要學習控制反轉/依賴注入

     補充:雖然了解的不是很深,但是主要任務完成了,後面加深學習;

2014-04-21-------2014-04-27

  1. 學習.Net中Repository概念
  2. 學習Entity Framework之領域驅動設計實踐-系列
  3. Dto,Automapper
  4. 道德經

     補充:學海無涯苦作舟

2014-04-28-------2014-05-04

     補充:因有51假期,時間耽誤,初步完成Automapper學習

2014-05-05-------2014-05-11

  1. Entity Framework結合Automapper

     補充:有待深究

2014-05-12-------2014-05-18

  1. Entity Framework之領域驅動設計實踐-系列
  2. 初試UnitTest-單元測試

     補充:單元測試及NUnit初步學習完成,EF之DDD放在下周繼續學習。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>分割線<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

  上面建站計劃部分内容來自GitHub(下面有說明)中的“建站計劃.txt”檔案,因為有計劃,這樣才會去督促你去完成,每周的建站計劃是每周一寫-本周計劃,後面那個完成度和補充會在每周日做-本周總結,這些内容寫完都會送出到GitHub中。如果這周真的沒有去按照計劃去完成,自己周末寫的時候也會不好意思,是以必須得強制去要求自己,這樣才會有所效果,從三月一号開始到現在,差不多兩個多月了,我自己覺得效果還是蠻好的,至少讓自己充實。

  關于建站計劃實施,有的寫了一些文章,大家可以檢視:[13]小菜學習程式設計-建站始末,但是也隻是一部分,有的并沒有歸納在這個Tag标簽中,比如一些架構知識。寫博的好處就是如果你不懂的東西你不會寫出來,如果你想要寫出來,那麼你一定要把它搞懂,是以也是一種強制性的學習,但這種方式我還蠻喜歡的。

  其實從上面這個Tag标簽就可以看出一些建站計劃的影子,比如:Wordpress->js/css->Windows配置Git->VS配置Git->Gravatar->JqueryEasyUI->EF CodeFirst->MVC.....

  一步一個腳印,重要的是腳印,就像上面的每一個節點,有人可能會說:我上班沒有時間去做這些,去學習。但是時間就像海綿裡面的睡,擠擠總會有的,如果去掉逛淘寶、逛街、追劇、玩遊戲、還有一些無用功等等,時間其實還是蠻多的,有人說:除了上班,我不寫代碼。雖然這是一種健康的生活方式,但是我個人覺得,既然選擇了做程式員,就要去熱愛它,現在年輕就多做些事,不要讓未來的自己惡心現在的自己,就像個人簽名所說:程式設計不隻是工作,而是所熱愛的一切。

  先貼一些部落格站部分截圖:

one

你不知道的事-建站始末1【準備篇】

two

你不知道的事-建站始末1【準備篇】

three

你不知道的事-建站始末1【準備篇】

  部落格站的原始模闆是我在學習Wordpress的時候,無意間發現的一個模闆,覺得還蠻小清新的,就拿來改改,但是是Wordpress模闆,是以都是一個一個浏覽後另存為修改的(花了很多時間,你懂的)。因為本人使用此模闆不做商業用途,隻是研究學習之用,希望作者看到不要見怪。這個隻是原始模闆,後來添加了很多的子產品:比如首頁加載的“canvas”效果(從園友做的示例修改而來)、靈感子產品(包含動态、音樂和電影)、攝影子產品、單車子產品、圖檔3D浏覽等等。

  關于部落格站的前端基本上是完成的,還有一些小細節需要處理。建站計劃重點并不是前端,我也不是前端工程師,隻是做一個自己可以看得過去的頁面就行,關于前端知識:比如JavaScript、Jquery、Css、Html等等,我覺得對于程式員(非前端程式員)來說,隻要熟悉就好,如果遇到一些問題,知道怎麼去簡單修改和設計,并不需要精通。

  建站計劃的知識點,有的寫博文記錄下來了,這邊就稍微整理下目錄:

Wordpress配置:

  • 【經驗之談】Windows環境下配置WordPress

Git配置:

  • 【經驗之談】Git使用之Windows環境下配置
  • 【經驗之談】Git使用之TortoiseGit配置VS詳解

JS/CSS:

  • position:fixed和scroll實作div浮動【示例】
  • js簡單操作Cookie

Gravatar配置:

  • gravatar配置和使用【讓你的網站使用全球通用頭像】

Jquery EasyUI:

  • 初試JqueryEasyUI(附Demo)
  • 關于JqueryEasyUI集合Kindeditor 

EF/MVC:

  • 初試Code First(附Demo) 
  • EasyUI+MVC+EF簡單使用者管理Demo(問題及解決)
  • ASP.NET MVC中使用Unity Ioc Container

  還有一些關于DDD和設計模式的這邊就不列了,等到下篇(架構篇)再深入探究,當然還有一些其他知識點沒有寫博文記錄,也沒辦法和大家分享了,這也就展現出寫博文的好處了,是以以後還是多寫點博文,多總結些知識點,利人利己啊。

  先說域名:xishuaiblog.com,在萬網(阿裡雲旗下)注冊的,現在正在備案中,需要半個月的時間審批,是以現在隻能通過外網IP通路。關于萬網的備案流程,我個人覺得還是蠻好的,一步一步來,備案起來很簡單也很友善。

域名為什麼是“xishuaiblog.com”?其實準确的說為什麼是“xishuai”?這個代号源于我的QQ昵稱,大概7年前從我一個老表那要來的一個QQ,昵稱就是“蟋蟀”,後來也一直沒有更改過,注冊一些網站使用者也就用的“蟋蟀”這個代号,為什麼部落格園中是“田園裡的蟋蟀”?很簡單,因為“蟋蟀”被人注冊了。使用”蟋蟀“這個代号沒什麼多大含義,如果說喜歡,也就是那種田園的氣息,也就是為什麼叫”田園裡的蟋蟀“。

  關于伺服器,可能有人會說:一個小小的網站要獨自用一個伺服器嗎?豈不是大材小用。一開始我也這樣想的,覺得買個網站空間足夠了,但是仔細想了想,我的目的不是”建站“啊,以後如果研究一些技術,做些試驗,網站空間根本搞不了,是以決定還是搞個伺服器,作為自己的”試驗場“,為此以後自己要少抽幾包煙了,呵呵。

  決定買伺服器,下面就是看買哪家的了?我考慮的主要是三種:美橙互聯、萬網輕雲、阿裡雲。一開始考慮的是美橙互聯,主要覺得價格便宜,但是看了其官網就不想買了;萬網輕雲伺服器,說是58元/月,但是仔細一看隻支援靜态檔案,支援ASP.NET的要99/月,有點超預算;阿裡雲伺服器原本是沒做考慮的,首先部落格園的“黑色系列”對阿裡雲有些陰影,其次想來萬網輕雲就這麼貴了,那“真雲”就更貴了,但是發現其實還是蠻便宜的(最低配),雖然是最低配,但是好歹也是“雲”,雖然有”黑色系列“,但這也是我正想要的,沒有問題就沒有學習。

  貼一下伺服器配置:

你不知道的事-建站始末1【準備篇】

  這個Windows伺服器配置是低的不能再低了,有人說不是還有個512MB記憶體嗎?我當時想選擇呢,畢竟記憶體高一倍,價格就翻一番,奈何512MB記憶體Windows系統根本跑不起來,就隻好選擇1GB記憶體,當時選擇的Windows系統是Windows Server 2008 64位版本,但是買過之後裝SQL Server 2008報”記憶體溢出“錯誤,我的天,沒辦法隻好換了下32位系統,屌絲的節奏傷不起啊。

開源(Open Source,開放源碼)被非盈利軟體組織(美國的Open Source Initiative協會)注冊為認證标記,并對其進行了正式的定義,用于描述那些源碼可以被公衆使用的軟體,并且此軟體的使用、修改和發行也不受許可證的限制。

  開源即是開放源碼,建設部落格站的所有檔案一開始都是托管在GitHub中的XiShuaiBlog庫中,也會一直托管下去,友善大家檢視、學習和交流,如果你可以提一些建議,本人将不勝感激,檢視GitHub庫,可以點選部落格右上角的”GitHub彩帶“,或者直接通路:https://github.com/yuezhongxin,現在GitHub中的主要一些檔案是:UI、Demo和文檔檔案,因為架構還沒确定,是以程式檔案暫時沒有,後面會補充。下面列舉下GitHub中XiShuaiBlog庫的文檔結構目錄。

主目錄:

你不知道的事-建站始末1【準備篇】

Doc目錄(主要放一些文檔,像建站計劃,還有一些臨時整理的文檔,友善查閱):

你不知道的事-建站始末1【準備篇】

Demo目錄(Project檔案夾下,主要放一些知識點整理的Demo):

你不知道的事-建站始末1【準備篇】

  具體的文檔資訊,請浏覽GitHub的XiShuaiBlog庫,或者下載下傳ZIP壓縮包,當然這個庫會一直更新下去。

  多說一點,有時候園中的兩種現象我個人覺得很不好:

  • 給自己産品做廣告(不放源碼)
  • 放源碼,但是需要留郵箱索要

  首先聲明:關于這兩點隻對事不對人,大家也切勿對号入座哈,我隻是說現象。第一種經常是寫出一個系列,文章内容大部分都是一些可有可無的東西,但是内容必不可少的會加入部落客的産品資訊,最後還不放出源碼供大家學習交流,我覺得如果是這樣的出發點,就大可不必寫。第二種一般會上”最多評論“首頁,而且内容多是幾張”很炫“的截圖,就像汪峰”我要上頭條“一樣,為什麼?因為評論中都是大家索要源碼的郵箱位址,這種主要是心态問題,沒有一個真正分享的心,發郵箱别人不覺得麻煩,自己還覺得麻煩呢,為什麼不在文章後面提供”下載下傳連結“,友善自己,也友善他人,如果要做得更好就托管到GitHub中,如果項目好的話,大家都可以學習、讨論,何樂而不為?

  原本計劃建站結束是在6月,但是從三月份開始到現在,兩個多月過去了,架構還沒有出來,有點失算。其實在前端完成後,準備做架構的時候,就發現并不是想象的那麼簡單,因為涉及的每個知識點都要去探究,但這也是我建站的目的,是以也沒有急着去做架構,而是把每個知識點都吃透,畢竟路要一步一步,飯要一口一口吃。

  關于架構搭建,我真正收集相關資料,比如關于DDD,其實說到這,可能有人會說,你學那麼多技術點幹嘛?就為了實作一個簡單部落格站,這樣做會”為了設計而設計“,而并不是針對具體的項目,最後這個項目肯定是失敗的。你可能不知道,其實我要的就是這個”失敗“,準确的說是這個”失敗的過程“,有時候公司不能滿足你,沒辦法,就隻能拿自己”開刀“,雖然到頭來注定是 ”失敗的“,但是我覺得還是值得的。

  這也就是我為什麼一直強調”建站不是目的,過程才是目的“,你所不知道的事而已,未完待續。

  如果你覺得本篇文章對你有所幫助,請點選右下部“推薦”,^_^

作者:田園裡的蟋蟀

微信公衆号:你好架構

出處:http://www.cnblogs.com/xishuai/

公衆号會不定時的分享有關架構的方方面面,包含并不局限于:Microservices(微服務)、Service Mesh(服務網格)、DDD/TDD、Spring Cloud、Dubbo、Service Fabric、Linkerd、Envoy、Istio、Conduit、Kubernetes、Docker、MacOS/Linux、Java、.NET Core/ASP.NET Core、Redis、RabbitMQ、MongoDB、GitLab、CI/CD(持續內建/持續部署)、DevOps等等。

本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接。

分享到:

QQ空間

新浪微網誌

騰訊微網誌

微信

更多

繼續閱讀