最近學習到如何利用Leaflet製作簡單的地圖。儘管利用CodePen可以產出地圖，但是要如何將完成的地圖放至網路上，以增加曝光度，抑或是進一步嵌入地圖至自己的網頁中？因此，本文建立相關流程供讀者參考。
產生地圖
首先先在CodePen中設計地圖，範例如下：
將程式碼全部複製，若以簡單的方式，可以將程式碼貼上 「記事本」，存檔的時候在後面加入 「.html」 ，範例如下：
加入地圖至GitHub
- 登入GitHub ，建立新的 「repositary」 ，記得要勾選下方的 「Add a README file」。
- 加入先前建立的 「html」 檔案。加入之後，可以發現檔案已經建立於下方了。(將html檔案名稱改成 「index」)
建立GitHub page
- 於頁面中點選 「settings」，並下滑至 「GitHub Pages」 ，更改其source，然後儲存之。
- 當更改完成後，上方會顯示已publish的網址，該網址即是map的網址。
- 之後複製網址到 「README.md」 檔案內，即可完成Pubilsh。當點按網址之後，可以連結至地圖。
將地圖加入hexo
使用html語法，將甫建立的地圖網址嵌入網站中，就完成了！