本文的目的在于科普一下网页的相关知识，如果深究，iframe 这种现在基本不用了，感谢评论区朋友的指正（现在因为没明白更新后的评论区怎么用，移除了评论区，若有问题欢迎邮箱、QQ联系）

原理

网站有前端和后端相互支持（当然本站用 GitPage 没有后端）。简单说一下前端，用户可见的界面叫前端，有三个技术

  1. HTML 标记语言，即网页内容
  2. CSS 布局，定义 HTML 元素怎么显示
  3. JS 控制网页行为
1
2
3
4
5
6
7
8
9
10
11
HTML 通过一个个标签组成，比如下面的例子

<img src="url" />     它可以引入图片

<h1>一级标题</h1>     它是标题

<iframe src="URL"></iframe>     它可以引入

<a href="example.cn">This is a link</a>     它可以写链接，如果你把它发微信里面，有“奇怪”的事情发生

博客支持解析 HTML

以上若有错误，还请斧正。

开始

于是上 GitHub 下载这个捉小猫游戏后，把这仨文件放到 htdocs 文件夹里面（前提是装上 ksweb 这个软件，安卓上面的一个服务器软件），访问正常。把它放在\blog\source\catch-cat（这个文件夹要新建，你会发现传上去后此文件夹出现在服务器里面）,下面用 iframe 引入：

1
<iframe src="https://limingbo2008.github.io/catch-cat/index.html"></iframe>

不难发现方法有个漏洞，hexo 会渲染，于是跳过渲染，站点配置文件:（那两个文件是以前是之前搜索引擎的验证文件，如果你没有就不用填）

1
skip_render: [baidu_verify_code-Mn4RxB0yry.html, BingSiteAuth.xml, catch-cat/*]

显示因为没调整有点问题，访问 https://limingbo2008.github.io/catch-cat/index.html 正常。