• Stars
    star
    136
  • Rank 259,276 (Top 6 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 8 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🎎记录去过的足迹

Footprint--🐌🍄记录去过的足迹

程序员的浪漫,我女朋友蘑菇喜欢旅游,于是我做了这个,记录2015一起去过的地方,祝她圣诞快乐

如果觉得对你有帮助,麻烦去github求个star

视频教程

开发时间很短,如有bug 请轻喷,有需求提issue,我会维护这个项目
├── README.md 说明文档
├── javascript 网页版本
│   └── index.html
└── python python版本
    ├── build.py 编译生成文件
    └── config.py 你需要修改的配置文件

写配置文件,生成去过的足迹,哄妹子必备

本文集中了我的前两篇文章日志可视化配置文件生成cmdb,最终做出来的,分为网页和python两个版本,喜欢的跪求star

网页版

  1. 戳地址 基于echarts实现
  2. 左边输入标题,副标题
  3. 下面的输入框输入行程,每个输入框是一个行程,地点之间用空格间隔,可以点击添加行程按钮新增输入框
  4. 点击右侧的查看效果,右侧的图就会变成你配置的效果
  5. 新建一个html文件,点击导出代码,把弹出来的一坨代码粘进去,bingo
  6. 谢谢大家,开发时间很短,如有bug 请轻喷

不动戳大

python版本

  • 下载本项目,进入到python目录下,有两个文件,config是你需要修改的2.
  • 项目依赖于requests模块 需要pip安装
config={
	'title':'去过的地方',
	'subtitle':'北京 昆明 西北 呼和浩特',
	'foot':[
		'北京 昆明 丽江 香格里拉 丽江 昆明 北京',
		'霍营地铁站 布达拉宫',
		'北京 北戴河 北京',
		'北京 兰州 敦煌 张掖 祁连 西宁 青海湖 茶卡盐湖 西宁 银川 呼和浩特 北京'
	]
}

  • 修改上面这个配置里的title(标题),subtitle(副标题)和foot(行程)
  • foot是一个数组,每个元素是一个行程,目的地(景点)之间用空格分开
  • 执行 python build.py ,会生成一个footprint.html,大功告成,浏览器打开看效果吧
  • 谢谢大家,开发时间很短,如有bug 请轻喷

彩色版本和定制区域

  • 时间仓促,网页版还没加上
  • config加一个color变量,就会把足迹线变成彩色,如下
config={
	'title':'去过的地方',
	'subtitle':'北京 昆明 西北 呼和浩特',
	'color':True,
	'foot':[
		'北京 昆明 丽江 香格里拉 丽江 昆明 北京',
		'霍营地铁站 布达拉宫',
		'北京 北戴河 北京',
		'北京 兰州 敦煌 张掖 祁连 西宁 青海湖 茶卡盐湖 西宁 银川 呼和浩特 北京'
	]
}

  • 如果你只在北京内部玩,或者定制一个北京旅游计划,可以加一个region字段,如下
config={
	'title':'北京去过的地方',
	'subtitle':'走啊走',
	'color':True,
	'region':'北京',
	'foot':[
		'北京交通大学 霍营地铁站 古北水镇',
		'北京交通大学 八达岭 北京交通大学',
		'北京交通大学 妙峰山 潭柘寺'
		
	]
}

运维开发交流QQ群: 238757010

欢迎大家关注公共号,高品质运维开发

如果您觉得有我写的东西对你帮助,可以打赏点钱给我支付宝支付宝[email protected]或者扫二维码(10元以下),凑钱买圣诞礼物 ~~~

More Repositories

1

programmer-job-blacklist

🙈程序员找工作黑名单,换工作和当技术合伙人需谨慎啊 更新有赞
Shell
28,408
star
2

fe-advanced-interview

前端进阶面试指南
JavaScript
1,309
star
3

email-helper

Generate your business emails in seconds (by OpenAI)
TypeScript
743
star
4

it-roadmap

大圣的前端学习路线图
Python
527
star
5

vue3-vs-vue2

《前端会客厅第一期代码》和尤大聊vue3的 提升
HTML
410
star
6

self-employed-workbook

写给自己的程序员自由职业工作手册
394
star
7

woniu-cmdb

👻写配置文件生成增删改查系统
HTML
266
star
8

geektime-vue-course

极客时间代码
Vue
241
star
9

imooc-echarts

imooc的echarts入门教程
HTML
223
star
10

vue-tiny-rate

⭐️ The smallest rating component for Vue2.x , use character★ and ☆ support mpvue
Vue
181
star
11

vue3-book

vue3源码分析3.0.0-beta.12 https://www.yuque.com/woniuppp/vue3
Vue
172
star
12

file-upload

面试造火箭系列
Vue
143
star
13

algorithm-camp

javascript算法训练营
JavaScript
141
star
14

iblockchain

Learn blockchain by building one in node.js
JavaScript
134
star
15

iconjs

:trollface: favico for fun
JavaScript
97
star
16

upload

文件上传思路
Vue
96
star
17

vue-master-lesson

Vue精英训练营
Vue
85
star
18

ailemente

vite+ts的组件库演示代码,element音译 ailemente
Vue
46
star
19

weiyouyi

JavaScript
44
star
20

benben

笨笨小助理(by OpenAI)
TypeScript
42
star
21

kkb-vue3

JavaScript
41
star
22

interview

我常问的一些面试题
41
star
23

understand-preact

preact+compat源码注释
JavaScript
34
star
24

hongbaoshu

红宝书精读训练营
HTML
30
star
25

professional-javascript-for-web-developer

红宝书第四版代码
JavaScript
30
star
26

js-algorithm

学习算法的js实现
JavaScript
27
star
27

tiny-rate

The Smallest Rating Component for fun
JavaScript
25
star
28

react-tiny-rate

⭐️ The smallest rating component for React , use character★ and ☆
JavaScript
22
star
29

react_bronze_to_king

React 从青铜到王者系列教程代码
JavaScript
17
star
30

shengxinjing.cn

个人博客
Vue
17
star
31

vue-master

vue学习代码
16
star
32

pytail

python实现tail -f功能,仅供学习
Python
16
star
33

douban_spider

豆瓣图书爬虫,根据isbn查信息
JavaScript
14
star
34

angular-lite

学习es6 webpack 手写angular造个轮子
JavaScript
13
star
35

reverse-print

反转打印的88W行代码JS实现
JavaScript
12
star
36

moyu

摸鱼
Python
12
star
37

shengxinjing

关于我
9
star
38

vue-action-next

vue实战课程代码
TypeScript
7
star
39

kkb-mp

小程序公开课代码
JavaScript
6
star
40

fullstack-challenges

前端挑战题解
5
star
41

awesome-pm

教产品经理和程序员撕逼教程
5
star
42

marrow-of-javascript

前端会客厅第二期代码-爱民老师
HTML
5
star
43

react-boss

react+node最佳实践的招聘应用
4
star
44

vue3-workshop

vue3训练营
4
star
45

saoleide

TypeScript
3
star
46

cuir

toy vue3 for education
3
star
47

f2eblog

写一点前端基础教程
JavaScript
3
star
48

zhihu_zhuanhan

知乎专栏文章收集工具
Python
2
star
49

static

static files
Shell
2
star
50

fis-postprocessor-annotate

在fis里继承ng-annotate的功能
JavaScript
2
star
51

jarvis

程序员个人助理小程序
2
star
52

learn-vue3-by-build-one

学习vue3
1
star
53

blogimgs

1
star
54

sandbox-vue

sandbox wapper for vue3
1
star
55

zhixing_top10

知行十大小程序
JavaScript
1
star
56

awesome-books

读书笔记,gitbook
1
star
57

pythonmyadmin

phpmyadmin的python简易版
1
star
58

vue3-static-table

JavaScript
1
star
59

scroll-demo

HTML
1
star
60

for-debug

1
star
61

funny-frontend

HTML
1
star
62

zhixing_spider

Python
1
star
63

react-dev-to-online

目录
1
star
64

books_to_read

狗哥和蘑菇想读的书
1
star