更新html文件内容答案

【问题标题】：Update html file content更新html文件内容
【发布时间】：2018-03-29 13:14:25
【问题描述】：

我为我的浏览器开发了一些 startpage。现在我想对其进行一些更改，以便在更改时根据文本文件更新 index.html 文件。解决这个问题的有效方法是什么？

我的方法是创建一个文本文件并从中逐行读取并更新 html 文件。在文本文件中，我将存储起始页上显示的链接 - 我想可能是这样的：

|cat_media
https://mailbox.org,mail
https://netflix.com,netflix
...
http://crunchyroll.com,crunchy
https://jott-uh-be.bandcamp.com,bc

|cat_social
https://pr0gramm.com,pr0
https://stackoverflow.com,stackoverflow
https://twitter.com,twitter
https://instagram.com,insta

当行以符号 | 开头时，它会创建一个新的<div>，其中包含类类别和该行中的字符串（例如class= 'category cat_media'）。否则，如果该行以 http 开头，它将在 html 代码中添加一个 href 链接（例如 <a href='https://mailbox.org'>mail</a>）。

我使用 nginx 将这个网站托管在我的树莓派上，并将其上传到我的 github 页面。

【问题讨论】：

请更清楚您的问题是什么。
你更清楚了吗？
我认为您的问题对于这个网站来说可能过于广泛，而实际上它是“什么是从我的输入格式创建 html 页面的有效方法”。但我不确定我是否只是错过了您遇到的具体问题或问题。这里的 QA 格式更适用于具体问题，例如“当我这样做时，为什么生成的 html 中不包含最后一个链接？”和类似的问题可以有一个明确的答案，比如“你的循环运行到 size-1 而不是 size”。

标签： html automatic-updates

【解决方案1】：

您不必更新 index.html 文件。您可以创建动态内容。

你可以使用 PHP：

您可以在这里学习： https://www.w3schools.com/php/default.asp
这是读取文件的方法 http://php.net/manual/en/function.fread.php

或者如果你不能使用 PHP，你可以使用 Javascript：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$(() => {
  $.ajax({
    url:'your-config-file.xt',
    success: function (data){
      console.log(data); //this is the config file. just for loop it and modify the dom
    }
  });
});
</script>

但是你的配置文件必须包含链接应该如何显示的字符串。

例如：

|catergory one
yt: https://www.youtube.com

【讨论】：