1 你需要準備什麼（包括軟體和服務）：

• IntelliJ IDEA2017.1 旗艦版（非常重要，因為社群版(IntelliJ IDEA CE)沒辦法新增tomcat Service 由於JetBrains破解器的存在大家可以比(si)較(wu)順(ji)暢(dan)使用官網下載的版本—>當然還是請大家支援正版！）
• Tomcat 7.0.78
• 萬域網上購買的一個域名（還沒用到）–>幾乎沒用，因為伺服器很貴！
• 暫時是這些…

1.1 IntelliJ IDEA 2017.1 web開發的前期配置

在這個部分，windows和mac基本操作一樣，具體的流程可以參看大師兄的IntelliJ web開發教程

2開始寫一個網站

藉著課程的東風，我終於把一個非常簡易的網頁寫出來了。（所以如果不是作業要求，自己寫一個網頁果然是不現實的…）
這是我的網站，因為是課程作業，所以確實是比較僵硬一點，多媒體也是我亂選的…

2.1 設計

設計上可以參考Hexo主題，挑選一個自己喜歡的風格
我選擇的是next主題的性冷淡風格，在標誌上選擇了peanut（應某位同學要求…）

2.2 語言

2.2.1 HTML

此處推薦的是W3School，從入門的html到html5都有，可以自學，html相對還是比較簡單的。
HTML只有幾個注意點：
1. 一定要用最新的規範，由於HTML規範的更新，原有的html4語言很多都被淘汰了，諸如frameset之類的一定要用iframe替代；
2. 語言格式要統一，style放到css裡，塊的放置要規則，這樣維護起來才方便；
3. head部分要嚴謹，儘量把元資訊都著錄進去。

2.2.2 CSS

勉強用了點，不是很懂，之後再更新

2.2.3 js

還沒學，之後在更新

3 釋出網站

域名其實還挺便宜，主要是為一個個人部落格支付一年好幾百的伺服器費用實在是對我們窮學生的財政打擊。因此我決定搭建一個本地伺服器，看看後期可不可以把域名掛過去。
17.8.15更新：這個網址現在用在hexo部落格上了，暫時先把github倉庫當做我的伺服器體驗一下吧。
17.12.8更新：coding.net作為中國的github真的挺好用，為了不和我的hexo撞，我把自己寫的放在coding.net上了，而且可以給每個專案都生成靜態頁面哦~

4 Tip

tip1:

5 一個偷懶的做法（Hexo+Github）

如果你要配置git，你可能會用到這個流程，可能出現的問題都寫的比較詳細了，就是最後連線[email protected]的部分直接yes就好，不用考慮是不是和你的祕鑰匹配。

利用Github和Hexo已經完成了，還沒放內容。
流程可以參看Grok，如果遇到問題可以查詢hexo常見問題解決方案，但是解決方案裡有個小錯誤，下載git-deployer的時候用的命令列應該是

$npm install hexo-deloyer-git --save

更新hexo部落格的方法

hexo部落格建立好就自帶了一個更新方法，但是那個要等server響應有點慢，圖形介面的操作流程如下：
1. 在本地的_posts資料夾下建立一個Markdown
Mac上推薦Macdown，Win下推薦作業部落的線上編輯器，作業部落的md自帶mac預覽目錄欄非常適合交作業。
2. 放到GitHub上的使用者名稱.github.io倉庫裡
3. generate+deploy

$hexo generate
$hexo deploy

如果你要刪除，那麼在本地_posts資料夾和倉庫裡刪掉這個檔案重新generate&deploy，很快就可以重新整理頁面看到新的內容啦~

hexo文章插入圖片

簡單來說只需要按照github倉庫裡的路徑描述你的圖片檔案地址就可以，for example：

![圖片的名字](圖片的路徑，如images/smirk.jpg)

插入以後的圖片是預設居中的，如果有別的要求…umm…直接修改一下css吧

hexo修改域名