AfarX

A Rookie of R.

使用Github Pages展示自制html网页

前言

其实这篇真的很想叫做“我是如何面对智障的自己的”……
为搜索了半天“hexo如何插入网页”,“hexo嵌入html网页”去研究了iframe结果一窍不通的我默哀三分钟。
有时间还是学习下html基础吧……不然真的看教程如同看天书……

就是我电脑上有一个html网页,名字叫a.html我想把它放到网上展示,现在我的个人域名是afarx.com,这是一个基于Hexo博客系统和Github pages搭建的个人博客,现在我希望通过afarx.com/a.html这个网址就能打开我电脑上的这个网页。

解决办法

  1. 找到本机hexo根目录/themes/当前主题下的source文件夹;

  2. a.html这个文件粘贴进去;

  3. hexo d -g,部署到Github上。

现在已经可以通过 http://afarx.com/a.html 访问这个界面了。

原理

hexo根目录/themes/当前主题下的source文件夹里面的文件会原封不动传到Github上,所以已经编译好的html文件直接放在这个文件夹下,传上去就行了,就不会被hexo重新编译了。
创建404界面同理,在这个文件夹下面新建404.html就行了。

用处

  • 随心所欲造html,可以用来展示个人项目,或者某些想展示的网页。

关于Github Pages

  • GitHub Pages 的源代码仓库大小推荐的上限为 1GB。
  • 公开的 GitHub Pages 站点推荐的大小同样限制为 1GB。
  • GitHub Pages 站点的带宽每个月限制为 100GB 或者 100,000 次请求。
  • GitHub Pages 站点的搭建每小时不超过 10 个。
    如果你的站点超出了上述的使用限额,你将收到一封来自 GitHub Support 的温馨提示邮件,提供建议以减少你的站点对服务器的负荷。其中,会包括迁移到其他不同的主机服务上,以更好地适应你的需求。
    (来源:http://lemonc.me/create-github-pages-for-github-projects.html)

搜索过程中联想到的,觉得以后可以摸索一下的功能:

  • 通过对index.md的改造应该可以搞个性化的入场效果(开局就送屠龙宝刀
  • 添加外部网页跳转链接(跳转到社交网站啦balabala)
  • 插入Echarts动态图表