10min手寫（b三）：b窮逼前端趕製的聖誕節禮物

作者：shengxinjing (woniuppp) · GitHub 授權發布

程序員的浪漫，我女朋友蘑菇喜歡旅遊，於是我做了這個，記錄2015一起去過的地方，祝她聖誕快樂

shengxinjing/footprint · GitHub如果覺得對你有幫助，麻煩去github求個star

shengxinjing/footprint · GitHub視頻教程

開發時間很短，如有bug 請輕噴，有需求提issue，我會維護這個項目n├── README.md 說明文檔n├── javascript 網頁版本n│ └── index.htmln└── python python版本n ├── build.py 編譯生成文件n └── config.py 你需要修改的配置文件n

shengxinjing/footprint · GitHub寫配置文件，生成去過的足跡，哄妹子必備

本文集中了我的前兩篇文章日誌可視化和配置文件生成cmdb，最終做出來的，分為網頁和python兩個版本，喜歡的跪求star

shengxinjing/footprint · GitHub網頁版

1. 戳地址 基於echarts實現
2. 左邊輸入標題，副標題
3. 下面的輸入框輸入行程，每個輸入框是一個行程，地點之間用空格間隔，可以點擊添加行程按鈕新增輸入框
4. 點擊右側的查看效果，右側的圖就會變成你配置的效果
5. 新建一個html文件，點擊導出代碼，把彈出來的一坨代碼粘進去，bingo
6. 謝謝大家,開發時間很短，如有bug 請輕噴

shengxinjing/footprint · GitHub Python版本

• 下載本項目，進入到python目錄下，有兩個文件，config是你需要修改的2.
• 項目依賴於requests模塊 需要pip安裝

config={n title:去過的地方,n subtitle:北京 昆明 西北 呼和浩特,n foot:[n 北京 昆明 麗江 香格里拉 麗江 昆明 北京,n 霍營地鐵站 布達拉宮,n 北京 北戴河 北京,n 北京 蘭州 敦煌 張掖 祁連 西寧 青海湖 茶卡鹽湖 西寧 銀川 呼和浩特 北京n ]n}n

• 修改上面這個配置里的title(標題),subtitle(副標題)和foot(行程)
• foot是一個數組，每個元素是一個行程，目的地(景點)之間用空格分開
• 執行 python build.py ,會生成一個footprint.html，大功告成，瀏覽器打開看效果吧
• 謝謝大家,開發時間很短，如有bug 請輕噴

shengxinjing/footprint · GitHub彩色版本和定製區域

• 時間倉促，網頁版還沒加上
• config加一個color變數，就會把足跡線變成彩色，如下

config={n title:去過的地方,n subtitle:北京 昆明 西北 呼和浩特,n color:True,n foot:[n 北京 昆明 麗江 香格里拉 麗江 昆明 北京,n 霍營地鐵站 布達拉宮,n 北京 北戴河 北京,n 北京 蘭州 敦煌 張掖 祁連 西寧 青海湖 茶卡鹽湖 西寧 銀川 呼和浩特 北京n ]n}n

• 如果你只在北京內部玩，或者定製一個北京旅遊計劃，可以加一個region欄位，如下

config={n title:北京去過的地方,n subtitle:走啊走,n color:True,n region:北京,n foot:[n 北京交通大學 霍營地鐵站 古北水鎮,n 北京交通大學 八達嶺 北京交通大學,n 北京交通大學 妙峰山 潭柘寺nn ]n}n

運維開發交流QQ群： 238757010

歡迎大家關注公共號，高品質運維開發

基情授權，非授權拒絕任何形式的轉載。

推薦閱讀：