Обновить содержимое HTML-файла

Question

Я работал над маленькой стартовой страницей для моего браузера. Теперь я хотел бы внести в него некоторые изменения, чтобы он обновлял файл 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://stackru.com,stackru
https://twitter.com,twitter
https://instagram.com,insta

Когда строка начинается с символа | создает новый <div> с категорией класса и строкой в ​​этой строке (например, class= 'category cat_media'). В противном случае, если строка начинается с http, она добавит ссылку href (например, <a href='https://mailbox.org'>mail</a>) к html-коду.

Я разместил этот сайт на моем Raspberry Pi с помощью nginx и загрузил его на мои страницы 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