前端笔记 Front-end Dev Engineer

建立博客

2016-10-22

写过不少博客,比如CSDN,博客园,新浪博客,网易博客,百度博客,简书等等,都不是很满意,最终还是回到github上来。

博客技术选型

github提供的博客功能,只支持静态页面,所以找了一些比如hexo一类的的静态发布工具,但是始终感觉麻烦,每次都要使用git,node,cmd等等,比较厌烦,所以最终把主意打到官方支持的jekyll上来。

主题

完全使用github自带的md功能实在是太low,而且不方便观看,所以还是需要一个漂亮的主题的,但是呢,本人这么懒惰,只注重内容,不注重外表的人,肯定是不愿意自己做主题的,从别人那边“拿”才是我的真本性。不过想拿别人的,也不容易,毕竟也不知道,别人的是不是适应jekyll制作的。幸好,我知道好多达人喜欢上知乎,所以直接在知乎搜索一下,然后,我看到第一个就是高浩阳的博客,而且他还开源了他的主题,还有很友好的中文引到,所以,ok就是它了。地址:https://github.com/Gaohaoyang/gaohaoyang.github.io

占为己有

别人的毕竟是别人的,必须 改!改!!改!!!
文本改成自己的名字,地址改成自己的博客地址,统计改成自己的统计(其实我去掉统计了),logo改成自己的logo。ok,基本上大功告成了!

优化

经过以上步骤,表面上全部完成了,其实并非如此。
自己一打开我的博客https://fan19900404.github.io,咦!怎么速度这么慢?!
仔细一看,下载字体老半天,加载js也很慢,而且有2个js,还有加载css也好慢,怎么办?优化呗,自己动手丰衣足食!!!

  • 首先,github本身访问速度很慢(国情),所以第三方的通通使用CDN服务,个人推荐使用bootscript的CDN服务:http://www.bootcdn.cn/
  • 其次,css使用了scss,每次都要服务器重新生成,所以直接静态化为css文件,并且压缩
  • 最后,合并多个js,并压缩

哈哈,这样就完美搞定博客了!!!

最后一步

剩下的就是,我们搭建博客的最重要的事情了————写博客!!!

日志

2016-10-22 创建 2016-10-23 修正文案,修正样式,修正结构


评论

Content