静态页托管到Coding Page上的小技巧

尚寂新
2018/01/26 20:38

Coding
Coding

之前接到Wiki站的任务的时候,我做了很多对比。最先想到的当然是单独的vps或虚机,可是这次任务零经费,就是义务性的帮忙。然后又想到了Github Page,结果发现需要配置HTTPS的话还需要另套一层CDN,Wiki站的域名还没走备案不能用国内CDN资源,且Github Page不仅ban了百度的访问,而且在部分地区访问不畅,对体验大打折扣。然后经过友链里一位大佬的一个链接,发现了他主题的Wiki页就是在Coding Page的,二话不说直接把效果图给他们看,他们都说行。于是才有下文。

我先是Fork了他的项目,进行好一顿魔改css,结果他说他也是用一个开源项目——docsify,但看到这里已经晚了,因为已经改的差不多了,然后Wiki站就顺着原来的结构改就完事了

什么?你以为这篇文章就到这里就结束了?nonono,还有一些细节还需要处理的

favico.ico图片的处理

如果这个不处理的话,Title旁边那个小图标会显示为一只小猴子,当然为了美化,当然要把小猴子换下来换成自己的图标
进入每个html页面,在head标签内包裹以下标签(meta待的那个位置)

<link rel="icon" type="image/ico" href="favico.ico">

然后在项目根目录(或别的位置,改变位置要同时改上面href里的链接)上传名为favico.ico的图标,然后就OK了

内容更新频率

因为他是自动部署的嘛 次数过多肯定会对服务器造成压力 所以免费版的每个小时只能部署十次 当部署第十一次的时候页面内容就不会跟着动了 这就需要再等一小时后再提交一次页面才会改变 这个需要注意一下

Hosted by Coding Pages

这个也需要注意一下 免费版的如果不放的话会有一个Coding的宣传跳转页 为了防止出现这种情况 我们就需要在首页放猴子或者链接锚文本 具体要求在Page服务里有说明 确保正确放置之后勾选一下确定放置 审核过了之后跳转页就消失了
至于我嘛...当然是选文字锚文本喽 猴子占地大又没有合适的地方去规划...

自有域名

绑定也很简单 没备案也能绑 我这边是绑定了三条记录 一个@解析 一个www解析 一个wiki解析 解析完毕之后我是把wiki解析勾上首选 然后其余两个勾上跳转至首选 这样能正确引导一下流量吧 另只要解析不断 HTTPS证书就会自动到期申请 不用操心证书续期问题

使用 Jekyll 生成网站

在Github那一套直接可以搬过来直接用 Coding在香港的主机速度在国内是很不错的 百度收录那边没有做具体测试 因为我这页是js生成的 对SEO势必不友好 一直都没收录 具体百度对Coding页的收录效果未知 HEXO在这块用也是可以的 看有好多人介绍了这里也不重复了 动态页的话也有个动态Page服务,跑个Typecho完全不成问题 但安装的时候把自动部署关掉 项目设成私有的 这样就可以了 但更新一些文件貌似要重新部署 程序要进行重装...

最后的总结

如果页面不需要PHP什么的推荐直接用Coding的Page 他们手机上也有端 更新内容相当方便 只要你有网
作为一个折腾党 我还是更倾向于把我博客折腾到虚机上来 两者也各有利弊吧...

魔改时的一些过程?

看到不对的地方 直接F12审查元素 选中div直接擂上display:none 这方法超方便也推荐你们去用 如果不行就再来一发在后面加上!important(手动滑稽)

本文参与 Coding 征文计划

已有 0 条评论 (旧评论在前)
  1. 暂无评论 / 0 Comment
添加新评论 (Markdown Supported)
(ノ°ο°)ノ
未验证,请点击此处跳转到 Github 进行游客身份验证。