用flask极快打造技术导航网站,并自动采集导航附源码
洞悉安全,风洞网,认准官方网站!
版权声明:本文由风洞网原创文章,未经博主允许不得转载!
首发声明
1. 静态部署
到 https://github.com/WebStackPage/WebStackPage.github.io 将作者写的导航代码 clone 下来。
下载到本地后,删除掉404.html
、en
文件夹。将cn
里面的index.html
替换掉根目录的index.html
,删除cn
文件夹。
上面的步骤是因为我不需要中英文切换,懒。完成后你的目录下应该只剩下assets
文件夹和index.html
文件。
打开index.html
应该能看到如下图所示的初始界面。
注意这里我是在 pycharm 里面拖动文件的,pycharm 会自动调整代码中的文件路径,如果是手动移动的话,需要自行修改,否则会出现静态文件找不到的情况。
你可以自行修改标题,图标等等,这里我修改后的效果是这样的(这里用最终效果的图片)。
2. 使用flask管理
由于不可能每次添加一个导航都要去修改代码和重启程序,所以使用flask
来动态管理。不过由于懒得写后台什么的,干脆直接用json
文件来当导航的配置文件吧。
左侧导航栏的配置文件格式
右侧导航项的配置文件格式
模板渲染出左侧导航栏,右侧的实现效果类似
3. 总结
当然导航都是采集来的,一个一个去收集的话实在太麻烦了,写个爬虫脚本就搞定。整个项目并没有什么难度,还是要感谢WebStackPage
作者提供的导航源码!
4. Demo
制作完毕,请看风洞网安全导航演示站:aHR0cHMlM0EvL25hdi5iZXdpbmR3YXJkLmNvbS8=
加入风洞网的知识星球获取源码,星球会不定期分享各种网络安全干货知识!
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgahekc
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01