GithubPagesの同ディレクトリにあるHtmlファイルの情報を取得したい

前提・実現したいこと

GithubPagesを使ってウェブサイトを作成しようと思っています。(未完成のためまだ非公開)
ある種のブログのような物で、ページ内のそれぞれの記事に、「前の記事」「次の記事」のようなリンクを追加したいです。
具体的に言うと、記事を構成するhtmlファイルを一つのフォルダにまとめ、その記事の前に書かれた記事の情報と、次の記事の情報を取得したいです。
取得したい情報は、記事のタイトル、記事の内容の冒頭部、記事に含まれる一番最初の画像(ない場合は取得しない)、更新時刻の4つです。

###ソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3    <head>
4        <meta charset="UTF-8">
5        <title>Poteto143's diary</title>
6        <link rel="stylesheet" href="style.css">
7        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
8        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
9        <script src="add_tenplate.js"></script>
10    </head>
11    <body>
12        <header></header><!--Jqueryでのヘッダー挿入用-->
13        <div class="main">
14            <article>
15                <div class="block">
16                    <h1>aaa</h1>
17                </div>
18            </article>
19            <div class="sidebar"></div><!--Jqueryでのサイドバー挿入用-->
20            <footer></footer><!--ここに情報を挿入したい-->
21        </div>
22    </body>
23</html>