用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=
加入风洞网的知识星球获取源码，星球会不定期分享各种网络安全干货知识！
用flask快速打造一个技术导航网站，并自动采集导航！附源码相关推荐
- 用Python打造一个AI作家为你写诗（附源码）
从短篇故事到长达5万词的小说,机器正以不可思议的方式"把玩"文字.网上已经涌现很多例子,越来越多人让机器创作文字作品. 其实,由于自然语言处理(NLP)领域的重大进步,如今计算机的 ...
- 如何提高百度指数，快速打造一个高权重网站
最近在看一小说,小说名忘了. 讲的是修道.玄幻的,内容略有不同,不是纯粹的爽文类型,条条框框的礼节道义颇多.给我的第一感觉就是,这TM也能上排名榜? 小说这一领域,十有九九都是小白文.爽文的. 追求爽 ...
- java计算机毕业设计高校教师个人主页网站设计与实现（附源码、数据库）
java计算机毕业设计高校教师个人主页网站设计与实现(附源码.数据库) 项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ E ...
- html怎么让方块自动旋转,如何使用纯CSS实现一个圆环旋转错觉的动画效果（附源码）...
本篇文章给大家带来的内容是关于如何使用纯CSS实现一个圆环旋转错觉的动画效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 效果预览 源代码下载 https://github.com ...
- java制作管理系统视频_阶段1：手把手快速做一个Java swing mysql学生信息管理系统附带完整源码及视频开发教程【猿来入此自营】...
<p> <span style="color:#666666;font-family:"font-size:16px;background-color:#FFFF ...
- java swing课程表设计_阶段2：手把手快速做一个Java swing mysql学生选课系统附带完整源码及视频开发教程【猿来入此自营】...
<p> <span style="font-family:微软雅黑;font-size:16px;color:#666666;background:#FFFFFF;line ...
- （毕业设计）mysql+php沿河农产品特卖网站的设计与实现 附源码201524
摘 要 随着科学技术的飞速发展,各行各业都在努力与现代先进技术接轨,通过科技手段提高自身的优势:对于沿河农产品特卖网站当然也不能排除在外,随着网络技术的不断成熟,带动了沿河农产品特卖网站,它彻底改变了 ...
- 百度腾讯QQ等网站注册自动提交表单源码2012最新
闲的无聊的时候研究了下delphi网络模块.就简单模仿了下自动注册或者登陆网站这么一个功能来练手.闲话不多讲,代码奉上~ 以下是腾讯QQ的填写表单和自动提交代码,直供研究学习使用,不得用于其他用途啊~ ...
- 【C语言】第一个C语言项目——“猜数字”游戏(内附源码)
君兮_的个人主页 勤时当勉励 岁月不待人 C/C++ 游戏开发 Hello米娜桑,这里是君兮_,今天又抽空为大家更新我们的主线0基础C语言啦!鉴于最近讲解了非常多的选择语句与循环语句,咱们今天就来讲讲 ...
最新文章
- CSS三大特性（CSS层叠性、CSS继承性、CSS优先级）
- 为何学习新知识这么难？因为大脑可能比你想象中更死板
- 英特尔二号人物被解雇：7nm全面落后，芯片还要外包代工
- Java入参关键字_Java基础17-成员变量、return关键字和多参方法
- python 通信中间件_apachemiddleware-有用的Python中间件，用于mod\wsgi部署-James Gardner 0.1.1 0.1.0...
- 转 安装php时报gd相关的错误(gd_ctx.c)
- HTML5学习笔记（五）：CSS基础
- 用香港服务器建收费网站,使用香港站群服务器搭建网站的好处有哪些？
- Tomcat关闭失败，SEVERE: Could not contact localhost:8005. Tomcat may not be running.
- git for windows_手把手教会舍友玩 Git （包教包会，再也不用担心他的学习）
- c语言,在主函数中输入一个整数,求该整数各位数字的乘积,[求助]求由键盘输入的任意两个整数的积...
- 怎样搞研究的一套思路
- php电子书mobi,EPUB / PDF / MOBI 電子書下載
- 威纶通触摸屏的自由口通讯
- mysql批量导出_mysql批量导出导入
- 买的鱼丸怎么做好吃 鱼丸的家常做法介绍
- 计算机卡住了怎样恢复,电脑死机按什么键恢复
- Java知识体系最强总结(2021版)
- hdu 5148 Cities(树形dp)
- 90 后的他带出7 个“师弟”，爱说话的程序员脱单更快？