页面处理方法、页面处理装置、电子设备和计算机可读介质制造方法及图纸

本发明专利技术公开一种页面处理方法，包括：输入markdown文本文件；选择后台服务脚本，进行基础http服务搭建；收集有效的.md文件组成文件夹或目录；配置config文件，以确定配置.md文件和服务路由规则关系，根据配置创建路由，解析对应的.md文件生成.html；把对应的.html文件生成到指定的目录下，根据生成的.html目录产生新的站点进行服务器配置。本发明专利技术还公开页面处理装置、电子设备和计算机可读介质。

【技术实现步骤摘要】
页面处理方法、页面处理装置、电子设备和计算机可读介质
本专利技术涉及计算机网络技术，具体属于数据处理

技术介绍
随着业务需求的变化和扩展，网站内容越来越多的页面需要运营人员来维护和编辑。但是运营人员对于网页制作和开发都是一窍不通，学习的话又需要很高的成本。通常运营使用后台传统的文本编辑器只能完成类似单个页面文章的提交和修改。对于一个新类型的需求文档说明网站或者合作资料文档网站，后台和前端开发人员需要设计开发各种类型的目录和配置结构才能满足一个新站的需求。迭代速度慢，而且人员成本很高。部分运营和客服人员在现有已经成型的后台和前台界面下，通过文本编辑器文本入库，然后前端再根据接口进行数据渲染。新站点产品收集需求出产品原型，运营和客服人员整理组织文本文档，开发人员根据普通的文档编写html页面。上述方式中，过度依赖各个开发工种，开发周期过长。运营需要新建站点文档，并且修改文章也需要不同开发人员进行介入。如果是后台编辑器，也有很大的样式兼容问题，需要多次调整和修改，很不灵活。申请人发现：目前还没有通过其它文本文件就能直接解析成html，并且最终落地建成网站的解决方案。如何根据markdown文本文件生成html页面，并且最终能够让运营人员不学习代码技术，技术人员不编辑运营的文本文章就能展示出漂亮的网站，是本领域技术人员亟待解决的问题。
技术实现思路
本专利技术能够根据运营和客服人员给出的markdown文本文件，生成html页面，进行快速建站。运营或客服人员可通过任意第三方markdown文本编辑器，编写文章或文案即可，运营或客服人员不需要了解html语言，也不需要过多的开发人员，运营人员仅仅需要把编辑好的makrdown文档编辑整理好，保存成.md后缀的文本文件，统一放到一个文件夹，打包发给开发人员，开发人员根据文件夹的目录结构和代码基础配置，就可以输出生成一个html页面站点。markdown文档建站，其流程包括:第一步：运营人员用markdown文本工具把文档保存成.md文件，打包发给开发人员；第二步：开发人员用nodejs+koa进行http服务搭建，把运营人员给的文档放到项目/docs目录下；第三步：开发人员根据/docs的.md文件，进行文件和路由的匹配关系，编写config.js配置文件；第四步：nodejs读取config.js文件，根据配置创建对应的路由，解析对应的.md文件生成.html；第五步：把对应的.html文件生成到/dist目录下；第六步：根据生成的.html目录产生新的站点进行服务器配置。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图做简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。图1为本专利技术的http服务搭建流程图；图2为本专利技术的.md转化成.html流程图；图3为本专利技术的读取config配置对于路由对应html文档流程图；图4为本专利技术运营人员编辑的markdown文档文件截图；图5为本专利技术图4中markdown文档转换为html页面的效果截图；图6为本专利技术get请求接收的实现；图7为本专利技术路由基本代码；图8为本专利技术路由基本代码；图9为本专利技术定义Markdown和HTML标签文档的对应关系；图10为本专利技术marked部分代码截图；图11为本专利技术marked部分代码截图；图12为本专利技术marked部分代码截图；图13为本专利技术marked部分代码截图；图14为本专利技术marked部分代码截图；图15为本专利技术配置config文件；图16为本专利技术解析对应的.md文件生成.html；图17为本专利技术把对应的.html文件生成到指定的目录下；和图18为本专利技术把对应的.html文件生成到指定的目录下。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清除、完整的描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。参照附图详细说明根据本专利技术的一个实施例。参照图1所示，详细说明本专利技术的http服务搭建流程图。选择nodejs作为基础服务语言，然后选择KOA2作为开发框架，进行开发环境配置；然后组织动态路由生成配置，设置静态资源模板和主题存放规则、.html读取静态资源规则、路由匹配静态文件.html规则；进行测试/生成环境配置，设置服务日志生成规则，最后完成服务端口进程管理。参照图2所示，详细说明本专利技术的.md转化成.html流程图。根据配置读取.md文件，整理markdown元素，编写markdown元素转换成.html元素的规则；正则匹配markdown元素，套.html标签；编写.html全局CSS样式；根据配置输出.html到指定目录。参照附图3所示，详细说明读取config配置对于路由对应html文档流程图。读取config分解路由；Fs读取路由匹配的.md文件；如果有文件，则读取.md生成html到路由规范的目录下，Fs读取文件目录，Fs读取html目录再跟config路由配置做对应关系；如果无文件，则报错写入日志；如果.md文件解析失败，则报错写入日志。参照图4所示，详细说明运营人员编辑的markdown文档文件截图。运营人员需要向客户展示如何开通抖音分享商品功能，仅需要编辑的markdown文档文件。运营人员在markdown文档文件中输入如下类似文字：一、要成为抖音淘客，商品分享功能先开通在[我]的页面里点[设置]，点击[商品分享功能]立即开通。关于商品分享开通，需要做到几件事：1.该功能对于粉丝量没有要求，所以各位老铁不用担心；2.已发布的视频必须≥10条；3.账号实名认证。一般说来，申请商品分享功能，当天就能审核通过。二、如何在个人主页[商品橱窗]添加商品？步骤：点击[商品橱窗]，添加商品，点击[商品橱窗管理]，选择[添加商品]。三、如何在视频中添加商品？在10天内为橱窗添加至少10件商品，才可以开通视频电商功能解锁商品橱窗后，即可成功解锁视频电商功能，所获权益，可为视频添加商品解锁完成之后，就可以在视频中添加购物车商品了。参照图5，图5为本专利技术图4中markdown文档转换为html页面的效果截图；如图5所示，图4中markdown文档中的文字已经转换为html页本文档来自技高网...

【技术保护点】
1.一种页面处理方法，包括：/n输入markdown文本文件；/n选择后台服务脚本，进行基础http服务搭建；/n收集有效的.md文件组成文件夹或目录；/n配置config文件，以确定配置.md文件和服务路由规则关系，根据配置创建路由，解析对应的.md文件生成.html；/n把对应的.html文件生成到指定的目录下，根据生成的.html目录产生新的站点进行服务器配置。/n

【技术特征摘要】
1.一种页面处理方法，包括：
输入markdown文本文件；
选择后台服务脚本，进行基础http服务搭建；
收集有效的.md文件组成文件夹或目录；
配置config文件，以确定配置.md文件和服务路由规则关系，根据配置创建路由，解析对应的.md文件生成.html；
把对应的.html文件生成到指定的目录下，根据生成的.html目录产生新的站点进行服务器配置。


2.根据权利要求1所述的页面处理方法，其中，选择nodejs作为基础服务语言。


3.根据权利要求1所述的页面处理方法，其中，选择KOA2作为开发框架。


4.根据权利要求1所述的页面处理方法，其中，正则匹配markdown元素，配套.html标签，编写.html全局css样式，并且根据配置输出.html到指定目录。


5.根据权利要求1所述的页面处理方法，其中，还包括：
组织动态路由生成配置，静态资源模板和主题存放规则；
.html读取静态资源规则。


6.根据权利要求1所述的页面处理方法，其中，读取config分解路由包括：读取路由匹配的.md文件，如果有文件，则读取.md生成html到路由规范的目录下；读取文件目录；读取html目录再跟config路由配置做对应关系。

【专利技术属性】
技术研发人员：刘明，
申请(专利权)人：北京值得买科技股份有限公司，
类型：发明
国别省市：北京;11