这些开源项目都是优秀的静态网页构建工具，适合各种需求和技术栈。它们提供了简单易上手、可定制化、多语言支持等关键功能，并且具有快速构建、自动优化前端性能、SEO 友好等特点。...middleman/middleman[6] Stars: 7.0k License: MIT Middleman 是一个静态站点生成器，使用现代 WEB 开发的所有快捷方式和工具。...可以使用自己喜欢的资产管道 (WebPack、Babel、Sprockets 或其他)。 支持 ERb 和 Haml 等简单模板引擎。...Middleman 为独立开发者提供了许多强大的工具，包括静态网站生成器和各种插件。它可以帮助您快速构建出色且高效率的网站，并支持灵活定制样式和布局。...GetPublii/Publii[7] Stars: 5.5k License: GPL-3.0 Publii 是一个为了 SEO 优化和注重隐私的网站而设计的最直观的静态站点内容管理系统。
漏洞发现阶段：对收集到的资产进行划分，然后针对不同的目标执行不同的测试方案 报告编写阶段：将之前的所有成果进行汇总，将测试的方法、流程、结果以及漏洞修复建议体现在报告中 其中可以使用脚本自动化完成的步骤为信息收集和漏洞发现...，再基于站点哈希值进行去重，最后排除掉存在WAF站点，即可获取最终的目标站点列表，然后可以根据需求进行站点指纹识别，为NDay漏洞的利用做准备 站点信息收集工具 使用 httpx 收集站点返回信息的工具...：使用网站爬虫的方式寻找公开的接口信息，用到的工具是gospider，这款爬虫工具为动态爬虫，利用无头浏览器，可以动态加载网页中的 JavaScript 脚本，相比静态爬虫可以获取 POST 请求中的参数...，以及可以利用 API 进行数据交互 在收集完网站接口数据之后，可以利用uro工具对数据进行去重，避免重复操作 总结 至此，信息收集步骤已经全部完成，我们再来回顾一下 —— 收集目标站点资产范围，通常为域名范围...子域名收集 WEB端口收集，汇总为URL数据 URL去重、验活以及排除存在WAF的站点 站点指纹识别，信息入库 站点接口数据收集 0x03 自动化测试 在之前的信息收集步骤中，我们获取了目标站点的URL
需求三：为未来自动化加油机设备做数据准备 获取所有用户和车辆的信息来实现自动化加油的管理 具体需求 运营分析：呼叫中心服务单数、设备工单数、参与服务工程师个数、零部件消耗与供应指标等...，申请服务：安装/巡检/维修/改造加油机 呼叫中心会记录这个申请信息：来电受理事务事实表 step2：呼叫中心联系对应服务站点，分派工单：联系站点主管，站点主管分配服务人员...工单信息记录在：服务单信息表、工单信息表 step3：服务人员确认工单和加油站点信息 具体工单信息表：安装单、维修单 step4：服务人员在指定日期到达加油站，进行设备检修 step5：...如果为安装或者巡检服务，安装或者巡检成功，则服务完成 step6：如果为维修或者改造服务，需要向服务站点申请物料，物料到达，实施结束，则服务完成 step7：服务完成，与加油站站点服务商确认服务结束，完成订单核验...【join】 尽量选用有Map端聚合的算子：先分区内聚合，再分区间聚合 尽量将不需要join的数据过滤，或者实现Broadcast Join 结构优化：文件存储类型、分区结构化 分区表：静态分区裁剪 select
最近业余时间利用hexo为自己搭建一个高度自定义的个人站点，站点发布在github上，访问地址为：https://cqhaibin.github.io/。本博客简单介绍实现此站点的过程。...效果图如下 构建此站点最初的目的主要方便自己使用本人开发的tomato time这个小工具。然后在实施的过程中加入的自己自己琢磨写的vueManager。...hexo的介绍和常用内容总结 hexo实现了通过markdown生成静态站点的能力，提供了高度定制化的能力。...hexo的模板解析，以layout.ejs为入口，所有静态页面（如：文章、页面、首页、标签、归档、分类等）都会以layout.ejs为模板。...此文件夹下的.js文件，作为hexo插件 的一种扩展存在，在编译过程中起作用 source 此文件下的文件或文件夹，在编译过程中会保持不变，供开发者使用 languages 多语言包 _config.yml
本文选自《web安全攻防渗透测试实战指南（第2版）》 信息收集的综合利用 1、信息收集前期 假设攻击者的目标是一家大型企业，目前已经获取目标的网络拓扑图，如图1-38所示。...（1）公司组织架构和人员等级架构，重点收集CEO、大股东、CSO、服务器提供商、IT部门经理、IT部门负责安全的团队、人事部门经理、前台服务人员等重要位置的成员信息。...— 目标重要节点员工、CEO、大股东、IT部门、安全部门及周边服务人员的信息画像，以备进行社会工程学攻击或者水坑攻击等。...文化圈子 目标常用的文化交流圈子、网站、社交平台 信息来源分析 可靠性 是否来自日常观察和收集 时效性 收集到的信息是否为近期活动信息 稳定性 收集到的信息是否来源于当前活动区域 唯一性 是否经过多重比较确定信息的唯一...ARL资产侦察灯塔系统旨在快速侦察与目标关联的互联网资产，构建基础资产信息库，协助甲方安全团队或者渗透测试人员有效侦察和检索资产，发现存在的薄弱点和攻击面，这个系统既可以进行自动化信息收集，也可以将收集到的信息进行集成
Hugo 是用 Go 编程语言编写的静态网站生成器。它将 Markdown 文件和其他静态资源（如图片和样式表）转换为完整的静态网站。...这些静态网站可以托管在任何提供静态文件托管的服务器上，如 GitHub Pages、Netlify、Vercel 等。hugo是一个开源的博客程序项目，github上有73K的star。...多语言支持：Hugo 支持多语言网站的生成，方便管理和发布多语言内容。 内容管理：Hugo 通过使用 Markdown 文件管理内容，使得内容创建和维护变得简单直观。...按照提示我们切换到站点的目录。 cd /hu/test. 可以看到hugo生成的以下文件和目录。hugo.toml是站点的URL和语言设置信息，themes是主题。...hugo内置了一个web服务器，所以我们没有额外安装别的服务器，以及启动hugo 服务的时后的路径一定要在站点目录下面。执行完后，页面会输出 这样的内容。
相反，它结合了数据文件、i18n 包、配置、布局模板、静态文件和资源文件，支持多语言、图像处理、资源管理和自定义输出格式等功能，为开发者提供了一个强大而灵活的网站生成平台。...2、强大的内容管理 无论是简单的博客，还是复杂的企业站点，Hugo 都能轻松应对。 它支持无限制的内容类型、分类法、菜单和动态 API 驱动内容等功能，这些特性让内容管理变得更加高效和灵活。...3、短代码功能 Hugo 的短代码为 Markdown 赋予了新的生命。无论是嵌入视频、图像，还是处理复杂的布局，短代码都能让你轻松实现，并且保持代码的简洁性。...例如，SEO、评论、分析等功能模板应有尽有，帮助你快速搭建功能齐全的网站。 5、多语言支持与国际化 如果你需要构建一个多语言网站，Hugo 也是一个理想选择。...它内置全面的多语言支持，帮助你轻松管理不同语言版本的内容。 6、自定义输出格式 除了生成传统的 HTML，Hugo 还支持 JSON、AMP 等多种格式，甚至可以自定义输出格式，满足不同场景的需求。
VuePress 和 Docusaurus 都是非常流行的开源静态站点生成器，特别适用于构建技术文档和知识库。它们都提供了美观的预设主题、易于使用的Markdown语法支持以及自动生成的导航和侧边栏。...简介 VuePress 是由 Vue.js作者尤雨溪开发的一个轻量级静态网站生成器，它利用 Vue.js 的组件系统和 Markdown 渲染来创建文档站点。2....简介 Docusaurus 是 Facebook开发的静态站点生成器，主要用于构建开源项目的文档网站。2....多语言支持：内置多语言切换功能。版本管理：轻松管理不同版本的文档。社区插件：有丰富的社区插件，如 Algolia 搜索集成。3....功能集：Docusaurus 的版本管理和多语言支持可能是某些项目的关键特性。选择哪一个取决于你的具体需求、团队技能和偏好。
## 静态站点生成 (SSG)静态站点生成（SSG）是预先生成HTML页面的过程，以便在不需要服务器端渲染（SSR）或客户端渲染（CSR）的情况下立即向用户提供服务。...随之而来的是，您可以从内容交付网络（CDN）（如Netlify的CDN）提供网站，该CDN从最接近请求的服务器节点位置提供静态文件和资产，使您的网站非常非常快速。...要更新内容，请触发站点的重新构建，新预生成的资产将在构建过程完成后准备好从CDN提供服务。...## 边缘渲染（ESR）这里是真正令人兴奋的地方。还记得我们谈论的 CDN 模型吗，其中静态页面和资产从最接近用户的地理服务器位置传递给用户吗？...ESR 是个性化、本地化、国际化等的绝佳选择，为您的网站访问者在全球范围内提供了一种超级 SSR。我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！邀请人：zayyo
Nuxt 是一个基于 Vue.js 的轻量级应用框架，可用来创建服务端渲染(SSR)应用，也可充当静态站点引擎生成静态站点应用，具有优雅的代码结构分层和热加载等优势。...你可以查看它的 GitHub和官网了解更多。 6.Docusaurus star 数 42K+。 Docusaurus 是一个有趣的开源静态网站生成工具，为搭建文档类网站量身定制。...支持多语言：Pelican 支持多语言网站生成，您可以使用不同的语言编写网站内容。 Pelican 可以用于个人博客、文档网站、静态网站等多种用途。...Gridsome 是一个基于 Vue.js 的静态网站生成器，它使用 GraphQL 来获取数据并生成静态页面。...简单易用 - Brunch 的配置和使用非常简单，只需要几个命令就可以开始构建站点。 多语言支持 - Brunch 支持多种前端语言和框架，可以处理不同类型的项目。
Jetpack 的Site Accelerator站点加速器（前身为 Photon，注意：“Photon”现在是站点加速器的一部分）允许 Jetpack 优化图像并通过他们的全球服务器网络CDN提供图片和静态文件...静态文件 我们以内容分发网络 (CDN) 的形式，从我们的服务器上托管 WordPress 核心、Jetpack 和 WooCommerce 随附的静态资产（例如，JavaScript 和 CSS），从而为您的服务器减轻负载...它会过滤每个 WordPress 页面加载的资产 URL。 它目前只适用于 WordPress 核心、Jetpack 和 WooCommerce 随附的资产。目前尚不支持主题和其他插件资产。...局限性 没有缓存失效 – 目前，图像会“永久”缓存，并且静态资产仅适用于您所使用的 WordPress、Jetpack 或 WooCommerce 的公共版本。...我们只会从侦听端口 80 (HTTP) 和端口 443 (HTTPS) 的服务器上获取、调整和提供 gif、png 和 jpg 图像。这大约覆盖了全球 99.99% 的 Web 服务器。
VitePress 是一个静态站点生成器 (SSG)，专为构建快速、以内容为中心的网站而设计。...简而言之，VitePress 获取用 Markdown 编写的源内容，为其应用主题，并生成可以轻松部署在任何地方的静态 HTML 页面。...Vue.js官方文档也是基于VitePress构建的，但使用了一个自定义主题，用于多语言版本之间的共享。...快速加载后导航 更重要的是，SPA模型在初始加载之后为用户提供了更好的用户体验。在站点内进行后续导航将不再导致完整的页面重新加载。相反，将获取并动态更新进入页面的内容。...无损交互性 为了能够对静态Markdown中嵌入的动态Vue部分进行水合（hydration），每个Markdown页面都会被处理为一个Vue组件并编译为JavaScript。
德国Contentful公司成立于2013年，提供一种基于api的无头CMS。Contentful的RESTful API为开发人员提供了对内容、数字资产和翻译的完全编程控制。...基于Craft CMS是一种“内容优先”的无头CMS，允许用户围绕他们的内容创建体验。 Craft CMS具有自定义字段、拖放布局管理、多站点管理、本地化、资产管理、实时内容预览和内置的图像编辑器。...它还提供了许多用于创建和管理内容的工具，包括文本编辑器、资产管理、工作流、用户角色和多语言支持。 可用性:免费、高级和企业计划可用。 13. Cosmic JS ?...成立于2014年，Quintype的内置编辑界面允许协作内容生产和功能可配置的工作流管理，自动出版，卡片为基础的组织和支持多语言和多格式的内容。...Netlify CMS——由开源贡献者社区构建——是在React之上构建的可扩展CMS。该平台为内容作者提供了编辑友好的界面和直观的工作流。 该平台还带来了静态站点的速度和可靠性。
一、背景 Trip与Ctrip为独立运行的两个站点，虽存在各自品牌化的差异，其业务功能有着极高的一致性。...而针对Ctrip站点，不需要向shark平台请求翻译结果，所有内容都已包含翻译键值对的默认翻译中，则直接跳过获取翻译这一步，并取消加载态进入后续的页面渲染。...针对于多语言环境，我们执行在Trip站点用例时会分情况进行判断。...而若此用例需要考虑进测试多语言翻译结果的正确性，则可以给予标识打开翻译流程，实时获取翻译内容进行校验。 ?...原先发布就一个需求而言，全平台上线需要先后于MCD平台分别发布IOS、Android版本，于Ares打包发布H5的静态资源，于PAAS平台将H5打包结果发布生产站点。
Salesforce已经官方宣布对于企业版和绩效版本的Service Cloud用户已经可以开始使用Lightning现场服务功能，License的起价为135美金。...这种信息的缺失是导致服务人员重复拜访致使成本高昂，员工气馁以及客户不满意的首要原因。...智能：Lightning现场服务为每个现场服务任务提升了一个新的智能级别。调度是基于技能，可用性和位置，允许公司优化现场服务。...Lightning 现场服务可以让所有的服务人员访问客户信息以及问题的变更请求信息，并可在任何时间任何地点以及任何设备上更新工作进程。 ?...同时工单可与客户，联系人，资产，个案，权利以及服务合同等关联。 管理复杂的资产 通过资产来管理所有客户购买的产品。另外，你可以利用资产层级在一个视图内去跟踪由不同配件组成的产品。
//插件版本号 "version": "1.0.0", //插件描述，Plugin_Desc是多语言的key，chrome插件支持多语言配置，__MSG_xxx__ "description...": "__MSG_Plugin_Desc__", //默认语言(如果当前浏览器设置的语言不存在多语言配置文件，则默认中文)，Chrome插件的多语言只能根据当前浏览器设置的语言来设定，无法通过代码更改语言...原文：此政策涵盖您的扩展程序中的页面，包括 html 文件和服务人员；具体不是很明白，但是参数值得是self，即当前自己 "extension_pages": "script-src 'self...//这些 API 在引入时扮演了不同的角色，但随着时间的推移它们变得多余，因此在 Manifest V3 中，我们将它们统一为单个 `"action"` API； //配置上action:{}，可以是空对象...首先，需要增加配置 externally_connectable:{matches:[“https://*.xxx.com/”]}指定允许哪些网站可以给当前插件发送消息，相当于白名单，只有在白名单中的站点发送的消息
从资源管理、任务管理、告警规则、权限管理、用户管理、日志收集等 4、中间件用redis用于缓存和消息队列、kafaka用于日志收集 5、部署用docker+k8s 业务架构设计： 传统模块：终端、机器资产.../guide/why.html 这里比较下webpack和vite的区别： 1、vite采用原生ESM导入，可以充分利用浏览器的静态模块解析功能而webpack不支持原生ESM，需要babel解析，启动时间比较长...│ └── vite # vite配置 ├── mock # mock文件夹 ├── public # 公共静态资源目录 ├── src # 主目录 │ ├── api # 接口文件 │ ├──...布局文件 │ │ ├── default # 默认布局 │ │ ├── iframe # iframe布局 │ │ └── page # 页面布局 │ ├── locales # 多语言...│ │ ├── projectSetting.ts # 项目配置 │ │ └── siteSetting.ts # 站点配置 │ ├── store # 数据仓库 │ ├── utils
但是，在当今的网络环境中，需要创建内容并将其分发到多个渠道：单页应用程序、移动设备、可穿戴设备、社交媒体站点以及内容联合平台。这就是无头CMS 的目的。...它可以与任何类型的前端应用程序集成，无论是静态网站、响应式网站、还是单页面应用（SPA），甚至是小程序或AI驱动的应用程序。...4.API优先：Headless CMS通常以API为中心。这意味着它们通过HTTP请求（如GET、POST、PUT、DELETE等）来与前端应用程序交互，以获取、创建、更新或删除内容。...这样可以大大简化内容管理的流程，提高内容的复用性和一致性。 资产管理：无头CMS可以帮助企业管理各类数字资产，包括图片、视频、文档等。...通过无头CMS的API，开发人员可以方便地获取和管理这些资产，实现在不同平台上的展示和应用。 有哪些优秀的无头CMS Contentful：Contentful是一款功能强大且易于使用的无头CMS。
(ISR) 是 Next.js 的一项强大功能，可以在后台逐步更新静态页面，而无需重新构建整个站点。...这种方式结合了静态站点的性能优势和动态数据更新的灵活性。 ISR 的优点： 动态更新：允许静态站点的部分内容按需更新，确保内容实时性。...与 SSR 和 SSG 完美兼容：代码分割与服务端渲染和静态站点生成无缝协作。...pages 目录中的文件会自动映射为应用的路由。 特点： 简单直观：通过文件结构管理路由，简化了路由的定义和维护。 文件即路由：文件名与路径一致，易于理解和导航。...，可以轻松实现多语言应用。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
实时音视频
