生产力工具——【CHM制作】如何将网页制作成离线的CHM文件

文章目录

    • 需求驱动
    • 制作环境和工具
    • 制作步骤
    • 制作成果

需求驱动

对于一些语言、框架和工具的使用,常常需要参考API或者一些手册,没有离线文件,都需要去查阅书本或者网站,太过繁琐,直接将一些网页制作成离线的手册,提高工作效率,学习的知识也更为系统、全面,这里就记录一下如何使用相关的工具软件制作成CHM格式的离线手册。

制作环境和工具

1. 制作环境
win10
2. 制作工具
a. Teleport Ultra
用来爬取网页相关文件的,比如一些html文件、图片等
b. EasyCHM
用来将下载好或者本地的文件制作成CHM

制作步骤

  1. 扒取网页
    a.打开Teleport Ultra, 点击File–New Project Wizard ; 选择第二个选项,‘复制网页,包括目录结构’
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第1张图片
    b. 输入你要爬取的网站地址,比如 www.baidu.com,点击下一步(next)
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第2张图片
    c.根据自身的需求,选择要爬取的数据类型,我在这里选择全部,点击下一步,会提示‘设置完成’的界面,点击Finish即可。
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第3张图片
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第4张图片
    d. 选择文件保存名称和路径
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第5张图片
    e. 自动回到Teleport Ultra的主页面,点击蓝色的三角形按钮,即‘开始’按钮,就开始扒取数据了
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第6张图片
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第7张图片
  2. 制作CHM手册
    a. 文件下载完毕后,项目自动保存,打开EasyCHM,点击‘新建–浏览’,找到我们保存的文件的路径,点击‘确定’;
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第8张图片
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第9张图片
    b. 软件经过搜索,建立好树形目录,点击‘编译’
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第10张图片
    生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第11张图片
    这里可以自定义保存路径,设置完毕后,直接点击左下角的‘生成CHM’即可

制作成果

生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第12张图片
生产力工具——【CHM制作】如何将网页制作成离线的CHM文件_第13张图片

你可能感兴趣的:(生产力工具)