原创

Github+Jekyll —— 创建个人免费博客(六)jekyll结构优化和Skinny-Bones主题的使用

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://linsh-tech.blog.csdn.net/article/details/51162719

摘要:

        本文中我将介绍一下如何在github上搭建个人Blog(博客),也顺便让我们掌握一下github Pages功能,另外还涉及到Jekyll技术。


===============================分割线====================================

 静态博客 Jekyll入门 网站建设


        之前的文章我们已经顺利把自己的jekyll页面发布到GitHub上了,但是你不会真的满足于那么点点的成就感吧,我们的目标当然是把这个页面变成我们个人博客,至少不能太丑,所以我们有必要了解一下jekyll的原理和工程结构,从而优化我们的页面。


一、jekyll结构:

        说到jekyll,其实它的真正强大之处在于可以将很多例如:markdown、textlie等模板语言转化成HTML,还能像PHP/Django框架那样使用模板,它能引入模板,其default.html模板相当于Django的base.html模板。其工程结构:

|-- _config.yml
|-- _includes
|-- _layouts
|   |-- default.html
|   `-- post.html
|-- _posts
|   |-- 2007-10-29-why-every-programmer-should-play-nethack.textile
|   `-- 2009-04-26-barcamp-boston-4-roundup.textile
|-- _site
`-- index.html

每部分的功能:

_config.yml:配置文件,主要用于设置基本信息和效果

_includes:存放可复用的小模块,方便通过“{% include file.ext %}”调用,此命令调用includes中的file.ext文件

_layouts:模板文件的存放位置,这里的模板需要通过YAML front matter来定义

_posts:动态内容,一般博客正文存放在这个文件夹,命名有严格的规定:2016-04-15-artical-title.MARKUP,MARKUP就是你所使用标记语言的文件后缀名,根据_config.yml中设定的链接规则,所以可以灵活修改,文章的日期和标记语言后缀你与文章的标题是独立的

_site:jekyll生成的最终文档,可以放在.gitignore文件中忽略它


        常用的编辑器Prose(所见即所得),通过打开http://prose.io/打开编辑器:

        

        点击AUTHORIZE ON GITHUB验证github账号,然后便可以导航到相应的站点:

   

        在工程列表中选择我们的博客工程,进入工程可以看到工程文件列表:


        直接点击我们要进行修改的文件即可进入编辑模式,在编辑模式左侧有编辑器的一些工具选项:

  


二、拓展功能:

1.评论管理:使用Disqus

2.代码高亮插件:DlHightLight插件:支持语言少

        Google Code Prettify插件:支持语言多

3.使用专用的编辑MarkDown的编辑器:MardownPad


三、简单快速:

        若要简单快速地搭建自己的博客主题,我们可以下载GitHub上面别人优秀的结构,然后再自己修改内容,这显然更为高效,这里我参考的是Hux博客的主题,博主使用的是Skinny Bone的主题自行修改的,然后自己再进行内容修改,这里我修改后的结果:何乐不为~ Blog

        注意:添加新的博客时,在_posts目录下添加符合命名要求的.markdown文件即可

文章最后发布于: 2016-04-25 20:08:05
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览