Github Pages+ Jekyll 博客初步搭建经验总结分享.

这个周搭建了自己基于Github Pages + Jekyll的博客 , 写个总结第一阶段告一段落,顺便分享一下经验.

本文阅读指南

个人认为博客搭建的方式和处理方法跟自己的预期使用方式有很大关系, 所以还是先交代一下本文适用人群, 如果觉得符合就继续阅读, 我尽量能给大家分享一点经验. 但是如果不是我描述的这种情况可能就对不住了😂😂😂.

• 想在网上找个地方安安静静地记录自己的一些学习轨迹, 感受
• 网页开发小白,想接触一点又不想在当下花大量时间Blog like a hacker.
• 想搭建基于Jekyll的网站正在寻找方向.

上面几条有满足的那么恭喜你🎉, 这篇文章适合你.

本人博客搭建初步想法.

我是从去年寒假发现写博客真的是学习CS这类需要大量阅读、自己学习的知识非常好的方式( 当然博客本来的分享属性功能不变), 暑假正式决定加入写作大军, 既记录学习轨迹,通过表达梳理知识又给同是学习者的我们一点经验分享, 何乐而不为? CSDN这种现成的平台当然是不错. 可是还是有局限性. 个人搭建博客是为了集合自己写作的内容( 学习,感悟 ), 还想借写作练习英文表达 ( 不练不行啊 , 某些领域的表达用时恨晚啊 ), 又不想Blog like a hacker 这时候就找到了GitHub+Jekyll.

本人踩坑经验

• 关于如何使用GitHub+pages+Jekyll, 英语如果👌的话, 建议阅读官方文档. 中文推荐Github+Jekyll 搭建个人网站详细教程(Windows平台).如果是Mac用户在Github repository建好之后建议阅读Jekyll官方文档
• Mac需要用sudo的时候慎重, 但如果按照官网对照好了就可以放心用,不过大概率用不上,terminal有报错信息的时候静下心来读读提示.

主题选择

大家可以在搭建的时候就选一选官方主题看有没有想要的, 如果觉得有可以的或者对这方面没什么要求, 那么就选个差不多的就行了,试试各种各样的没问题,不喜欢删了就是.

如果产生了纠结着就要分情况讨论了.
如果你不是在时间很充裕的情况下搭了这么个网站,那么我强烈建议你先放放主题这码事,想写文章就直接在_posts文件夹里面新建.md写就是了, 因为主题这个东西真的不是个很快就能解决的问题(如果你对这方面有点想法的话). 我搭建网站第一阶段的时间有98%都是花在主题上( html小白…). Jekyll有大量的主题模版可以选的你眼花缭乱.
如果你的博客目标跟我一样简单并且有精力时间折腾一下, 那么我建议用默认的主题(minima)自己客制化, 大家可以先看一下大概的情况, 如果有兴趣的还可以去我的博客看一下( 没做域名分地区解析,有可能会慢, 欢迎大家在issues里面交流哦), 关于这种方式,个人总结了几个优点.

1. 不用费时间找主题.
2. 文档结构清晰,便于小白看明白大概结构是怎么回事,方便进一步操作
3. 可自定义程度大.
4. 能做到移动端的良好适配(我这小白注意不到啊😂)

下面的内容就基于minima主题说一下自己总结的一些经验

客制化minima

初识GitHub-pages

• 当我们根据教程(没有走完教程)在GitHub上面建好自己博客基于的库并在Settings里面形成下面的类似的内容的时候( 主要是有绿色那一行 )其实这个网站已经生成了,可以先看一下.这个时候库里面或许只有Readme.md一个文件, 而Jekyll的有一个优势就在于GitHub-pages通过Jekyll可以将这种markdown文件转化成网页.
  
  这时候pages中Readme.md就是主页. 其识别成主页的优先级如下: index.html > index.md > readme.md. (.md和.markdown平级)大家可以各自加文件看一下.有时候会发现内容跟我们加的文件内容不完全一致, 这里就不用纠结了, 那就是Jekyll的基本模版里有相关设置.后续提到.
• 当我们跟着教程走完( clone到本地并在库中添加了Gemfile之类的)文件之后,push
  到远程库之后网站就使用了minima这个主题.远程库中文件夹只有_posts这一个文件夹, 这是因为其余的都由GitHub自动生成了(由_config.yml中大概第10行可以看到引入minima).如果要客制化就要用bundle show minima或者bundle info minima来找到主题, 或者Mac中直接访达Goto搜索Jekyll找到含有minima的文件夹把/assets /_layouts /_includes /_sass拖到自己的本地目录中.这就可以自己客制化了.具体的文件结构参照Jekyll官方文档.
  我简单总结一下:
• _includes中的文件是网页一些组成部分( footer``header)
• _layouts把_includes中的有选择的掐在一起形成一些基本架构
• _posts中是你的博文,_sass中是css配置文件,定义一些字体呀之类的.
• assets中的main.scss可以完成几乎所有字体的自定义(在不改变其他文件的情况下)(有些字是同一种标签(类)下, 会跟着一起变).其他的文件几乎可以不用管
  再需要改的是gemfile的图片中的部分要注释掉.下面就可以开始客制化了😇.
  (发现这个简历模版很不错)
  因为个人需求不同,个人又是小白,经验不足,就不能提供什么技术上的支持csdn有很多相关的大佬. 这篇文章就到此了,如果有问题,欢迎大家在CSDN评论区交流( 或者在我的GitHub仓库 Issues中提问), 如果我能解决就尽可能帮忙解决, 本文完.
  🎉🎉🎉🎉🎉🎉撒花🎉🎉🎉🎉🎉🎉
  如果有兴趣可以watch一下我的博客哦,更新频率应该在1篇/1周吧. 后期会再加上感悟部分,如果速度问题解决了可能会加上摄影部分内容.
  🎉🎉🎉🎉🎉🎉预祝大家搭建Blog顺利🎉🎉🎉🎉🎉🎉