Question

我为浏览器工作了一点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-link（例如<a href='https://mailbox.org'>mail</a>）。

我使用nginx在我的raspberry pi上托管了这个网站，并将其上传到我的github页面。

Answer 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

更新html文件内容

1 个答案: