Hello World

Author Avatar
Trace 8月 01, 2017
  • 在其它设备中阅读本文章

终于跳进Blog的坑

基于Jekyll的Blog搭建

其实,拥有一个Blog的想法在脑子里已经很久了,但是并没有学过前端等等,只会写点python,想过用Django或者其他python web框架,但是一直没有时间做。一个偶然的机会看到Github Pages,百度之后发现也许这是个合适的时机和方法了。本来在github上搜到了Hux的主题,这个是基于Jekyll的,查了一些资料,感觉自己修改起来会比较方便,于是就拿过来用了。配置还是比较简单,直接按照作者的readme来就好,在电脑上架好模板之后,就是自己定制的一些东西了,主要有以下几点:

  • 修改图片 模板是比较文艺、简洁的,在Unsplash找了几张喜欢的图替换上,修改了ico,修改了模板作者的头像,换上自己的挫照。
  • 修改页面图标 因为不玩知乎等等,所以直接把footer里的图标改成了RSS和e-mail,也改了一下copyright等的写法。
  • 增加Categories页面 在看其他blog的时候,发现了大部分的Blog都有Categories页面,于是参考Bruce Zhao’s Blog加入Categories页面。
  • 增加Search 也是在看别人的Blog时(哈哈,自己做东西也要参考一下别人的嘛)发现有很多Blog都有Search的功能,我也觉得这是必要的,本想参照Bruce Zhao’s Blog直接加一个Search页面,但是觉得不方便,后来看到码志,觉得在侧边栏加Search就好,又觉得码志的不太简洁,于是结合以上两个Blog,在侧边栏加入Bruce Zhao’s Blog风格的Search。
  • 增加back-to-top按钮 个人觉得回到top的功能还是比较重要的,所以查了一些方法,加入成功。
  • Home页面增加缩略图 觉得原作者只展示缩略文字比较单调,想加入缩略图来丰富一下主页,自己查了查加上了,感觉还行。
  • 针对移动端设备优化显示效果 主要是上一条加入缩略图之后,在手机页面上比较难看,后来发现原作者也是对网页在移动端展示做了优化,比如移动端是不展示侧边栏的,于是找了源代码,参照着把首页缩略图以及侧边栏Search进行了同样的优化,比较满意。
  • 注册域名 自己在万网上注册了一个域名oyeblog.com,然后找了重定向教程,把域名绑定,到这一步总算是把Blog搭好。

    到上一步,其实已经把Blog搭得差不多了。但是谁叫我爱折腾呢,在网上看到一个Blog的相册特别好看,然后心痒痒想自己也搞一个,毕竟咱也是半个文艺青年嘛。然后开始查基于Jekyll的相册模块,实在没有我喜欢的,想移植又没有技能,最后转向Hexo,因为之前找到的Blog是基于Hexo的,又开始一顿折腾。

转移到Hexo

本来想想直接用上文提到的Blog Theme,然后发现他是从ins上直接拿图,而且其他方面又不喜欢。接着开始一轮Hexo的主题搜索,找到一个比较心仪的Theme,也有比较好的相册模块,对移动端阅读支持也比较好,接下来就是根据作者的文档一步一步配置,不得不说作者的文档真的超级详细,超级具体。以下是自己的几点变化:

  • 修改图片 作者的风格是Material,所以一些默认的header图片也是同样风格,但是我还是喜欢之前Unsplash的风格,所以把很多图片都替换了,换了自己的挫照和Logo。
  • 增加图床 在网上搜索的时候发现大部分博主都会把自己的图片上传到图床,以便CDN加速。于是为了长远考虑,我自己也注册了七牛,把相册的图片传上去了。然后在想加入CDN加速的时候,发现域名必须备案才能加速,然而我部署在github上又不能备案,最终只能作罢,不绑定我的域名到CDN加速了。
  • 部署在Coding.net 个人感觉访问比较慢,网上搜了一些加速的方法,发现部署在Coding.net上可以加快访问速度,于是按照网上教程部署了一下,并且绑定了域名。

希望以后可以多写写画画,不浪费自己搭的Bolg

后记

经过两种不同框架搭建Blog,发现Hexo的逻辑比Jekyll复杂一点,毕竟有theme模块,但是这样也就移植性也会比较好。其实感觉有了Blog之后,就会有一种小小的使命感,想把东西都放进来,虽然估计也不会有人看,但是毕竟自己做的,有事没事自己刷刷,耗耗流量,哈哈!希望养成记录生活,记录学习,记录工作的好习惯。


本文标题: Hello World
原始链接: https://oyeblog.com/2017/hello_world/
发布时间: 2017年08月01日 - 19时11分
最后更新: 2017年12月18日 - 16时19分
版权声明: 本站文章均采用CC BY-NC-SA 4.0协议进行许可。转载请注明出处!