一起學(xué)習(xí)nodejs多人博客第14章增加頭像-blog wiki

1、13-10-25nswbmw / N-blog92387245CHomePagesHistory第14章 增加頭像現(xiàn)在來(lái)給博客添加用戶頭像，Edit PagePage HistoryClone URL的用戶根據(jù)時(shí)的郵箱獲取 gravatar 頭像，未的用戶則根據(jù)留言填的郵箱獲取 gravatar 頭像。gravatar ？戳：http:設(shè)定：在主頁(yè)和用戶頁(yè)的文章標(biāo)題右側(cè)顯示作者頭像，在文章頁(yè)面留言的人的頭像顯示在留言板左側(cè)。需要用到 Node.js 中的 crypto 模塊，之前已經(jīng)引入過(guò)，所以這里可以直接使用。添加已用戶的頭像打開(kāi) user.js ，在最上面添加一行代碼然后將 Usrotot

2、ype.save 內(nèi)的var user = name: , password: this.password,: this.;修改為var md5 = crypto.createHash(md5),_MD5 = md5.update(this. head = http:/要存入數(shù)據(jù)庫(kù)的用戶信息文檔var user = name: , password: this.password,.toLowerCase().digest(hex),/avatar/ +_MD5 + ?s=48;: this.head: head,;這里在用戶文檔里添加了鍵，方便后面使用。head打開(kāi) index.js ，將 a

3、pp.t(/t) 中的t = newt(currentU, req.body.title, tags, req.body.t);修改成：t = newt(currentU, currentUser.head, req.body.title, tags, req.body.t);注意：需要把轉(zhuǎn)化成小寫(xiě)再編碼。修改t.js ，將functiont(name, title, tags,t) = name; this.title = title;this.tags = tags;this.t =t;修改為：functiont(name, head, title, tags,t) 1/3var cryp

4、to = require(crypto); P S INegeJ Fork Star5 WatchrSearch or type adExplore Gist Blog HelpMacro-Bin mThis reitory13-10-25將vart = name: , time: time, title:this.title, tags: this.tags,t: this.t,comments: , pv: 0;修改為：vart = name: , head: this.head, time: time, title:this.title, tags: this.tags,t: this.

5、t,comments: , pv: 0;最后，修改 index.ejs 和 user.ejs ，在 后添加一行代碼：a href=/u/img src= class=r_head /至此，實(shí)現(xiàn)了給已的用戶添加頭像。添加未用戶的頭像修改 app.t(/u/:name/:day/:title) ，將：var comment = name: ,: req.body.,website: req.body.website, time: time,content: req.body.content;修改為：var md5 = crypto.createHash(md5),_MD5 = md5.update

6、(req.body.toLowerCase().digest(hex),head = http: var comment = name: , head: head,: req.body./avatar/ +_MD5 + ?s=48;,website: req.body.website, time: time,content: req.body.content;打開(kāi) comment.ejs ，將a href= 回復(fù)于 2/3 = name; this.head = head; this.title = title; this.tags = tags; this.t =t;13-10-25第14章 增加頭像 nswbmw/N-blog Wiki修改為：img src= class=l_head /a href= 回復(fù)于 最后，在 style.css 中添加兩行樣式：.l_headfloeft;margin-left:-4em;box-shadow:0px 1px 4px #888;.r_headfloat:right;margop:-2.5em;box-shadow:0px 1px 4px #888;現(xiàn)在，給博客添加了頭像顯示的功能。Last edited by nswbm