暑假在家開通了阿里云輕量服務器星持，學生認證之后每個月只要9.5 （可以百度“云翼計劃”）绞绒。域名正在注冊中产场，阿里云的網(wǎng)站上指導說明非常詳細傻盟，可以說是傻瓜式教學了酷愧，一步步照著做完全沒問題寂殉。
開通之后可以選擇阿里云提供的這些應用鏡像蹋盆，如下圖傀缩。
選好了之后隨時都可以換的漆魔。我最開始選的是wordpress（最適合新手）坷檩，搗鼓了幾天，感覺自己在玩qq空間改抡，只能在它提供的模板上修改矢炼，寫文章、加圖片啥的阿纤。我還沒強大到能夠修改它的模板句灌，或者自己創(chuàng)建一個，所以我放棄了wp阵赠。
接著我又研究了一下其他的幾個涯塔，LAMP, Drupal, node.js,ASP/.NET都試了一遍肌稻。本小白在這里給自己掃個盲：Drupal和wordpress是一類的，都屬于CMS(content management system)匕荸，功能比wp多爹谭，也比wp難上手；Node.js是JavaScript的運行環(huán)境榛搔，讓JS可以在服務端诺凡，而不是瀏覽器端運行，它不是JS框架践惑，也不像jQuery哦腹泌；ASP.NET 是一個開發(fā)框架，用于通過 HTML尔觉、CSS凉袱、JavaScript 以及服務器腳本來構建網(wǎng)頁。我自己覺著ASP.NET 應該是最適合我學習的：有難度侦铜，而且以后我自由發(fā)揮的空間很大专甩。
然鵝我現(xiàn)在用的是LAMP(因為以前上課老師提到過LAMP所以很快我就上手了! ）。因為域名還沒注冊下來钉稍，現(xiàn)在只能拿ip地址自娛自樂一下~下面進入正題涤躲，介紹我新學會的三個美化網(wǎng)站的方法。
1.?icomoon:常見圖標大全
在主頁點"icomoon app"贡未，然后出現(xiàn)的頁面上种樱，有兩種情況可選擇：
1. 添加icomoon網(wǎng)站上沒有的圖標，比如我想加入一個簡書app的圖標俊卤，可以點擊我畫圈圈的"1"：
這個時候需要上傳svg格式的文件嫩挤，到哪去找svg格式的圖標呢？阿里圖庫? 推薦這個網(wǎng)站瘾蛋，搜索"簡書"的結果如下俐镐，下載svg格式的矫限。
2. 點擊我畫圈圈的"2"哺哼， 加入網(wǎng)站自帶的圖標，其實這個網(wǎng)站上已經(jīng)有很多好看的圖標叼风，有免費有付費的取董，如下圖所示
選好了之后，進入最后一步无宿，下載生成的字體庫茵汰，以及在html頁面的代碼的說明。
另外孽鸡，在css文件里加上
@font-face {
? font-family: 'icomoon';
? src: url("../fonts/icomoon/icomoon.eot?srf3rx");
? src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"),
? ? ? ? url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"),
? ? ? ? url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"),
? ? ? ? url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
? ? font-weight: normal;
? ? font-style: normal;
}
注意url的路徑蹂午，就是剛剛下載的壓縮包的路徑栏豺。至于在css和html頁面怎么使用，可以看壓縮包里的style.html的源代碼豆胸。
2. 修改網(wǎng)頁圖標
哈哈哈這個更簡單了但是看著好玩啊奥洼，在html頁面加入這一行代碼就行了:........（簡書粘不了html代碼？晚胡？灵奖？）
效果圖是這樣的
3. Google Fonts
又是傻瓜操作，有很多高大上的字體估盘，想用哪個就點紅色加號瓷患，然后如圖二，把代碼復制粘貼到自己的網(wǎng)站就行遣妥。我用校園網(wǎng)上google沒問題擅编，不過不知道出了學校的話還能不能用了。
最后截一張本人還在緩慢學習以及修改中的網(wǎng)站...圖標箫踩、字體均來自于本文提到的網(wǎng)站沙咏，希望本渣渣可以堅持下去成為前端小能手。
