HTML

Question

我想在自己的网站上创建一个博客，而不使用Wordpress，Joomla等服务，这些服务从单独的目录中获取文本文件中的内容并将其显示在网页上。这就是我到目前为止所做的：

HTML

<html>
<head>
    <title>doggo.info</title>

    <link rel='shortcut icon' href='favicon.ico' type='image/x-icon' />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="http://doggo.info/stylesheet.css">
    <style type="text/css">
    </style>

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="http://doggo.info/navbar.js"></script>
</head>

<body>
<header>
  <img src="/images/navicon.png" onclick="openNav()" width="40" height="48" alt="Open Menu">
  <a href="/" title="Home Page"><em>doggo.info</em></a>
</header>
<div id="sidenav">
  <a id="current">curlink</a>
  <a href="">otherlink</a>
</div>

<div id="load" style="display:none;"></div>
<div class="content">
  <div class="container text-center">
    <div class="textbox">
      <p id="posttitle"></p>
      <p id="postdate"></p>
      <p id="postcontent"></p>
    </div>
  </div>
</div>

<footer>
  <p class="footer"><a href="/">doggo.info</a></p>
</footer>
</body>

<script>
$('#load').load("posts/post0.txt");
$('#posttitle').html($('#load').find('#title').html());
$('#postdate').html($('#load').find('#date').html());
$('#postcontent').html($('#load').find('#content').html());
</script>

</html>

0.TXT

<div id="title">Title of post</div>
<div id="date">1/1/1990</div>
<div id="content">
hi, i am blog.
<br>
<em>indeed</em>, it is true
<br>
what is <strong>life</strong>?
</div>

如果有更好的方式来格式化我的txt文件，我可以更改它们。

我希望能够在posts文件夹中包含多个文件，并让网站以降序（99.txt，98.txt，97.txt ... 0.txt）将它们加载到文本框内的页面中div的。我也想把它放到每页10个帖子的页面中。

我非常难过，所以任何帮助都会受到赞赏。您可以查看我到目前为止所获得的内容here。

Answer 1

使用JSON和AJAX访问您想要显示的信息。

JavaScriptObjectNotation或JSON是一种可以格式化文件和访问所需信息的方法。

[

sudo make

文件保存为“.json”，其内容组织为对象。

如果您不熟悉JSON，此视频非常有用

JSON and AJAX YouTube

如何创建一个从单独的txt文件发布帖子的网络博客？

HTML

0.TXT

1 个答案: