我的博客建站使用技术[2]

小灰@博客基于GitHub Pages以及Jeklly技术编写。


Jeklly


1.什么是jekyll

Jekyll是一种简单的、适用于博客的、静态网站生成引擎。它使用一个模板目录作为网站布局的基础框架,支持Markdown、Textile等标记语言的解析,提供了模板、变量、插件等功能,最终生成一个完整的静态Web站点。说白了就是,只要安装Jekyll的规范和结构,不用写html,就可以生成网站。[jekyll介绍][jekyll on github] [jekyllbootstrap]

Jekyll使用Liquid模板语言,我的博客建站使用技术[2]表示文章标题,`<div class="page-header">

我的博客建站使用技术[1]

</div>

我的博客建站使用技术[1]

小灰@博客基于GitHub Pages以及Jeklly技术编写。


GitHub Pages


1.Git简介

  • Git是一个开源的分布式版本控制系统,用以有效、高速的处理从很小到非常大的项目版本管理。

  • GitHub可以托管各种git库的站点。

  • GitHub Pages免费的静态站点,三个特点:免费托管、自带主题、支持自制页面和Jekyll。


2.为什么使用Github Pages

  1. 搭建简单而且免费;

  2. 支持静态脚本;

  3. 可以绑定你的域名;

  4. DIY自由发挥,动手实践一些有意思的东西git,markdown,bootstrap,jekyll;

  5. 理想写博环境,git+github+markdown+jekyll;


3.创建Github Pages

3.1 安装git工具

winddows安装

mac安装

3.2 两种pages模式

  1. User/Organization Pages 个人或公司站点

    • 使用自己的用户名,每个用户名下面只能建立一个;

    • 资源命名必须符合这样的规则username/username.github.com;

    • 主干上内容被用来构建和发布页面

  2. Project Pages 项目站点

    • gh-pages分支用于构建和发布;

    • 如果user/org pages使用了独立域名,那么托管在账户下的所有project pages将使用相同的域名进行重定向,除非project pages使用了自己的独立域名;

    • 如果没有使用独立域名,project pages将通过子路径的形式提供服务username.github.com/projectname;

    • 自定义404页面只能在独立域名下使用,否则会使用User Pages 404;

    • 创建项目站点步骤:

        $ git clone https://github.com/USERNAME/PROJECT.git PROJECT
      
        $ git checkout --orphan gh-pages
      
        $ git rm -rf .
      
        $ git add .
      
        $ git commit -a -m "First pages commit"
      
        $ git push origin gh-pages
      
  3. 可以通过User/Organization Pages建立主站,而通过Project Pages挂载二级应用页面。


点击GitHub Pages查看关于GitHub Pages官网的介绍。


转自:http://www.cnblogs.com/purediy/archive/2013/03/07/2948892.html



王晓飞

做一个安静的美男子


</article>
`表示文章内容。我们可以用两种Liquid标记语言:输出标记(output markup)和标签标记 (tag markup)。输出标记会输出文本(如果被引用的变量存在),而标签标记不会。输出标记是用双花括号分隔,而标签标记是用花括号-百分号对分隔。[*[Liquid模板语言]*](https://github.com/shopify/liquid/wiki/liquid-for-designers) [*[Liquid模板变量参考]*](https://github.com/mojombo/jekyll/wiki/Template-Data)。 jekyll与github的关系:GitHub Pages一个由 GitHub 提供的用于托管项目主页或博客的服务,jekyll是后台所运行的引擎。 --- #### 2.Jeklly安装 查看[官方安装文档](http://jekyllrb.com/docs/installation/)。 --- #### 3.Jeklly启动 启动命令: jeklly serve 当看到如下信息时表明启动成功 XxxMBP:xxxx.github.io xxx$ jekyll serve Configuration file: /Users/xxx/xxxx/xxxx.github.io/_config.yml Source: /Users/xxx/xxxx/xxxx.github.io Destination: /Users/xxx/xxxx/xxxx.github.io/_site Generating... done. Auto-regeneration: enabled for '/Users/xxx/xxxx/xxxx.github.io' Configuration file: /Users/xxx/xxxx/xxxx.github.io/_config.yml Server address: http://0.0.0.0:4000/ Server running... press ctrl-c to stop. --- #### 4.Jeklly调试 该服务为自动热重启,当有文件改变时自动重启,刷新页面即可生效。 --- 具体详细请点击[Jeklly](http://jekyllrb.com)查看关于Jeklly的介绍。 ---

王晓飞

做一个安静的美男子