feat(docs): add Giscus comments and Furo layout fixes

Author: OasisPioneer

README.md

@@ -2,11 +2,11 @@
     <img src="https://readme-typing-svg.demolab.com?font=Fira+Code&size=32&letterSpacing=&pause=1000&center=true&vCenter=true&width=1024&height=100&lines=Modern+C%2B%2B+Full-Stack+Tutorial" alt="Typing SVG" />
 </div>
 
-<!-- <div align="center">
-    <a href="https://github.com/YOUR_USERNAME/YOUR_REPOSITORY/actions/workflows/ci.yml"><img src="https://github.com/YOUR_USERNAME/YOUR_REPOSITORY/actions/workflows/ci.yml/badge.svg" alt="Build Status"></a>
-    <a href="https://github.com/YOUR_USERNAME/YOUR_REPOSITORY/blob/main/LICENSE"><img src="https://img.shields.io/github/license/YOUR_USERNAME/YOUR_REPOSITORY" alt="License"></a>
-    <a href="https://github.com/YOUR_USERNAME/YOUR_REPOSITORY/commits/main"><img src="https://img.shields.io/github/last-commit/YOUR_USERNAME/YOUR_REPOSITORY" alt="Last Commit"></a>
-</div> -->
+<div align="center">
+    <a href="https://github.com/OasisPioneer/Modern-CPP-Full-Stack-Tutorial/actions/workflows/ci.yml"><img src="https://github.com/YOasisPioneer/Modern-CPP-Full-Stack-Tutorial/actions/workflows/ci.yml/badge.svg" alt="Build Status"></a>
+    <a href="https://github.com/OasisPioneer/Modern-CPP-Full-Stack-Tutorial/blob/main/LICENSE"><img src="https://img.shields.io/github/license/OasisPioneer/Modern-CPP-Full-Stack-Tutorial" alt="License"></a>
+    <a href="https://github.com/OasisPioneer/Modern-CPP-Full-Stack-Tutorial/commits/main"><img src="https://img.shields.io/github/last-commit/OasisPioneer/Modern-CPP-Full-Stack-Tutorial" alt="Last Commit"></a>
+</div>
 
 <div align="center">
     <h2>

source/Language Core/Chapter-1/Section-03.md

@@ -49,13 +49,7 @@ Hello World!
 
 在计算机编程中只会照葫芦画瓢可不行，接下来我们逐行来认识每一段代码为我们后续的学习打下基础。
 
-首先来看第一行:
-
-```CPP
-#include <iostream>
-```
-
-我们将这行代码拆分为两个部分学习，首先是左侧的 `#include` 这是 C++ 中的预处理指令，预处理器在编译器真正编译代码之前运行，在上方代码中的作用是告知编译器，在编译过程中需要将我们在代码中所用到的一些头文件/工具库包含到当前的程序当中。
+首先来看第一行我们将这行代码拆分为两个部分学习，首先是左侧的 `#include` 这是 C++ 中的预处理指令，预处理器在编译器真正编译代码之前运行，在上方代码中的作用是告知编译器，在编译过程中需要将我们在代码中所用到的一些头文件/工具库包含到当前的程序当中。
 
 接下来是右侧部分 `<iostream>` 它是 C++ 中的一个标准库头文件，它包含了输入/输出流（Input/Output Stream）等功能，在上方代码中的作用是告诉编译器，我们需要使用 iostream 库中定义的功能，以便在程序中进行输入和输出操作。
 

source/_templates/page.html

@@ -0,0 +1,25 @@
+{% extends "!page.html" %}
+
+{% block content %}
+    {{ super() }}
+
+    <hr />
+
+    <script src="https://giscus.app/client.js"
+        data-repo="OasisPioneer/Modern-CPP-Full-Stack-Tutorial"
+        data-repo-id="R_kgDOQ0uvPA"
+        data-category="Announcements"
+        data-category-id="DIC_kwDOQ0uvPM4C0rb_"
+        data-mapping="pathname"
+        data-strict="0"
+        data-reactions-enabled="1"
+        data-emit-metadata="0"
+        data-input-position="top"
+        data-theme="preferred_color_scheme"
+        data-lang="zh-CN"
+        data-loading="lazy"
+        crossorigin="anonymous"
+        async>
+    </script>
+
+{% endblock %}