【问题标题】:Post-processing multiple HTML files: Copy <h1> contents to <title> tag后处理多个 HTML 文件:将 <h1> 内容复制到 <title> 标签
【发布时间】:2016-04-20 11:00:13
【问题描述】:

假设我有一些来自静态站点生成器 Harp 的已编译 HTML 文件。

我的问题:

如何对多个 HTML 文件进行后处理,在每个文件中自动将

标记的内容复制到 标记?

我想知道,Gulp 是否适合这项工作(如果适合,如何?),或者 Sublime Text 3 是否有这样的功能内置功能?

【问题讨论】:

    标签: html gulp sublimetext3 post-processing harp


    【解决方案1】:

    如何动态加载页面?

    var newtext = $("h1").text();
    $("title").text(newtext);
    

    【讨论】:

    • 谢谢,但是,我更喜欢在“运行时”静态的文件,因此不依赖于 JS(可能在用户的浏览器中关闭)。此外,如果标题标签是动态填充的,搜索引擎网络爬虫/SEO 可能存在问题?
    【解决方案2】:

    嗯...你可以使用 gulp 或 grunt 或任何其他构建工具来做到这一点。

    您还可以使用其他一些文本查找和替换工具,例如 sed。

    如果您需要对文件执行更多操作(打包、后处理、移动、重命名等),使用 gulp/grunt 是有意义的。

    如果您最终使用 gulp/grunt,您需要定义一个任务来读取这些文件的内容,然后执行替换并写入文件。 (需要一点nodejs知识+javascript基础)

    【讨论】:

      猜你喜欢
      • 2017-09-22
      • 1970-01-01
      • 1970-01-01
      • 2021-11-02
      • 1970-01-01
      • 2022-12-31
      • 1970-01-01
      • 2017-04-13
      • 1970-01-01
      相关资源
      最近更新 更多