“操縱” html文件（服務器端），並將其內容插入html主頁（*無* PHP）

Question

上下文：我正在一個在我大學的服務器（IIS，而不是Apache）上運行的網站上工作，無法使用PHP。

我希望網站如此簡單，以至於只有很少的HTML / CSS / js知識的人可以在完成新內容后就添加新內容。 我是健康科學專業的研究生，並且幾年以來我一直獨自學習HTML，CSS等（所以我絕對不是專業人士），所以請問我的問題是否有點天真。

我真的需要一些腳本/工具來允許我：

• 從服務器上的外部文件（博客文章）中獲取內容（假設位於服務器文件夾中的“ .html”文件列表，例如文件夾“ / blog-posts /”，其中包含一堆名為“ jan-15.html”，“ feb-15.html”等）
• 選擇最后4個文件（最近4個）
• 將此內容精確插入HTML文件中
• （可選，但這的確不錯）將文件的最后編輯日期拉出，將其放入字符串中，並在主頁的博客文章之前插入所述字符串。

因此：

• 有人知道這樣的東西是否已經存在嗎？
• 如果不是，你們是否認為可以使用某些js / jQuery這樣“操縱”外部文件？
• 如果可能，任何提示如何:)？

感謝百萬次，我知道我要問的很多，但是最近幾個月我一直在尋找一個可行的解決方案……這是我第一次在這里寫作，但是自從很長時間。

祝你有美好的一天 ！

Answer 1

您可以將簡單的博客配置存儲為JSON對象，並在添加新帖子時對其進行更新。 假設您的blog-posts文件夾中有jan.html和feb.html文件。

現在，在主文件夾中，創建文件content.json ，如下所示：

{
    "posts": [
        { "uri": "feb.html", "date": "2/12/15" },
        { "uri": "jan.html", "date": "1/3/15" }
    ]
}

現在，您可以使用來自JavaScript的AJAX請求來獲取博客內容。 例：

 <script> function Init(posts) { var e = document.getElementById('content'); var s = ''; posts.forEach(function(post) { console.log(post.content); s += '<div><h2>Date: ' + post.date + '</h2><p>' + post.content + '</p></div>'; }); e.innerHTML = s; } function LoadContent(config) { var remain = config.posts.length; var posts = []; config.posts.forEach(function(post) { var req = new XMLHttpRequest(); req.open('GET', 'blog-posts/' + post.uri, true); req.onload = function() { remain--; posts.push({ content: req.responseText, date: post.date }); if(remain === 0) { Init(posts); } }; req.send(null); }); } function LoadConfig() { var req = new XMLHttpRequest(); req.open('GET', 'content.json', true); req.onload = function() { LoadContent(JSON.parse(req.responseText)); }; req.send(null); } window.addEventListener('load', LoadConfig); </script> <div id="content"></div>