wordpress 全站静态化输出HTML文档

wordpress 全站静态化输出HTML文档

最近使用WP重新制作了公司官网,只有几个比较少的页面,实在是不想整的太臃肿,所以想着能不能直接把WORDPRESS 输出成静态页面呢.

Wordpress 纯 HTML
需要 PHP支持 不需要
需要数据库 MySQL 不需要
耗费资源多 耗费资源少
更新方便 更新不方便

安装wp插件

  1. 搜索并安装simply static
  2. 打开simply static设置: 在输出设置中 选择离线保存.
  3. 在额外目录中 添加额外的 CSS 或者 需要额外输出的文件夹地址.
  4. 点击 生成

HTML 调试

当然simply static并不能一劳永逸,有些地方还是不尽人意的,需要手动调整.打开浏览器的调试器,看看到底哪些地方报错,然后逐一调试.

  1. 比较常见的就是文件缺失.这个在simply static插件中添加目录地址即可.
  2. wprdpress自带的emoji脚本出错,这个直接注释掉HTML文档中的 JS脚本即可.
  3. 多余的外部链接 比如 Feed,wp-embed等等,这些都可以手动删除.

部署

HTML作为静态网页,而且还是相对目录生成的,所以可以在任何地方使用.比如OSS,比如FTP服务器上.

不足

由于官网并不是经常需要调整,所以更新这个还好说.
图片和JS脚本跟HTML文件深度耦合,不方便做CDN.目前还没有特别好的办法.也许可以研究一下Webpack打包,然后分离出来图片和JS,单独链接起来.

© 2018 Ken的博客 All Rights Reserved. 本站访客数人次 本站总访问量