[3].jekyll的基础

时间:2022-09-13 18:00:17

一、创建新项目

以下是一个获取最简单 Jekyll 模板并生成静态页面的方法。:

Administrator@FANGPENG /e
$ jekyll new myblog      # 创建名为 myblog的项目
New jekyll site installed in e:/myblog.

Administrator@FANGPENG /e
$ cd myblog/            # 切换到该项目中

Administrator@FANGPENG /e/myblog
$ ls                   # 可以查看jekyll为其生成的一些文件
_config.yml  _layouts  _posts  css  index.html

Administrator@FANGPENG /e/myblog
$ jekyll serve         # 启动服务,就可以看看这个最简单的页面
Configuration file: e:/myblog/_config.yml
Source: e:/myblog
   Destination: e:/myblog/_site
  Generating... c:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/posix-spawn-0.3.8/li
b/posix/spawn.rb:162: warning: cannot close fd before spawn
'which' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
done.
Server address: http://0.0.0.0:4000
  Server running... press ctrl-c to stop.

[3].jekyll的基础

那么接下来我们就以这个项目进行后续学习。

二、基本用法

jekyll的基本用法可以参考这里

三、目录结构

1、Jekyll的惊奇:
初次使用jekyll时感觉很神奇,它的强大之处就是可以将markdown/textlie等模版语言(或纯文本)转换成HTML格式,还能如PHP/Django框架一样使用模版,它的default.html模版就相当于Django的base.html模版;它能引入模块,比如一些公共模块;使用插件等等,尤其是其模版语言,简直更Django一模一样。

但又不同于wordpress,它的优点有:

1.空间免费,github托管,稳定又安全

2.允许本地服务器调试,脱离网络写文章毫无压力,因为可以使用git命令同步来管理文章,版本控制妥妥的,对技术人员来说,一键恢复,实在是神物;

3.能绑定域名

4.文章编排细致

2.目录结构:

jekyll文档中说【Jekyll原理:】:

Jekyll 的核心其实是一个文本转换引擎。它的概念其实就是: 你用你最喜欢的标记语言来写文章,可以是 Markdown,也可以是 Textile,或者就是简单的 HTML, 然后 Jekyll 就会帮你套入一个或一系列的布局中。在整个过程中你可以设置URL路径, 你的文本在布局中的显示样式等等。这些都可以通过纯文本编辑来实现,最终生成的静态页面就是你的成品了。

一个基本的 Jekyll 网站的目录结构一般是像这样的:

参考这里

参考:
1.使用github+jekyll搭建blog环境,完美替代wordpress

2.jekyll中文

[3].jekyll的基础的更多相关文章

  1. 【二】jekyll 的使用

    本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...

  2. 用jekyll制作高大上的网站(二)——实际应用

    最近公司要制作个文档库,直接就可以将jekyll应用到实际中. 模版使用了Jekyll Clean,这么模版相对内部简单一点,学习成本不会很大,而复杂的Minimal Mistakes就当作参考. 模 ...

  3. 使用jekyll在GitHub Pages上搭建个人博客【转】

    网上有不少资源,但大多是“授人以鱼”,文中一步一步的告诉你怎么做,却没有解释为什么,以及他是如何知道的.他们默认着你知道种种专业名词的含义,默认着你掌握着特定技能.你折腾半天,查资料,看教程,一步步下 ...

  4. [2]. jekyll安装与应用

    一.ruby安装 这里在win下安装ruby,对应自己电脑的操作系统位数,如我的是64位,对应下载Ruby 2.0.0-p353 (x64)这个版本的ruby.然后安装过程就很简单了: 命令行下输入r ...

  5. 重新执笔,已是大三!Jekyll自定义主题开发

    前言 “一转眼忘了时间 丢了感觉 黑了世界 再逞强 再疯狂 也会伤 不知 不觉 后知 后觉 然后 发现 失去 知觉 ”——<一吻不天荒> 感言 时间是把双刃剑,什么解决不了,忧烦的,慢慢变 ...

  6. jekyll 的安装

    静态网站生成器Jekyll 是一个简洁的.特别针对博客平台的 静态网站 生成器.它使用一个模板目录作为网站布局的基础框架,并在其上运行 Textile . Markdown 或 Liquid 标记语言 ...

  7. 使用GitHub Pages&plus;Jekyll搭建个人博客

    GitHub Pages 免费无限容量的站点数据托管工具(国内访问速度较慢),内置Jekyll服务,能将特定名称的代码仓库动态编译为静态网页 Jekyll 基于Ruby的静态网页生成系统,采用模板将M ...

  8. 使用jekyll和Github搭建个人博客

    一.使用jekyll和Github三步搭建个人博客 在 Github 上建一个库,库的名字是xxx.github.com,其中的xxx是你的github的账号名(图中标注的不要勾选) 注:如果没有Gi ...

  9. jekyll建站详细教程

    Jekyll是一款静态博客生成器,也是github page支持的后台引擎,所以如果你有以下需求,极力推荐使用jekyll搭建博客,>>浏览我的博客 个性化的展示界面,站点逻辑 个性化的域 ...

随机推荐

  1. 特殊字符转义&amp&semi;时间格式化&amp&semi;获取URL参数

    /*特殊字符转义*/ function htmlspecialchars (str) { var str = str.toString().replace(/&/g, "&& ...

  2. iOS 随记

    UIImage 走缓存 + (UIImage *)imageNamed:(NSString *)name; 不走缓存 + (UIImage *)imageWithContentsOfFile:(NSS ...

  3. iOS 让启动页面延迟的方法

    <1> 利用多线程的方法:[NSThread sleepForTimeInterval:300];

  4. jQuery中append&lpar;&rpar;与appendto&lpar;&rpar;用法分析

    本文实例分析了jquery中append()与appendto()的用法.分享给大家供大家参考.具体分析如下: 在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同 ...

  5. 配置文件——WebApp&period;config文件读取和修改

    using System; using System.Collections.Generic; using System.Configuration; using System.Linq; using ...

  6. Simple Factory vs&period; Factory Method vs&period; Abstract Factory【简单工厂,工厂方法以及抽象工厂的比较】

    I ran into a question on * the other day that sort of shocked me. It was a piece of code ...

  7. Mecanim动画系统

    序言:Mecanim动画系统是Unity4.0之后退出的新版动画系统,非常适合人类动画系统.本文是作为自己的学习来讲解的, 可能会有些啰嗦,但尽量把自己的坑都为大家列出来,让大家理解透彻. 一.文件的 ...

  8. CKEditor 4&period;5 filetools&comma; XHR&period;withCredentials &equals; true&comma;

    var editor = CKEDITOR.replace( 'editor1', { extraPlugins: 'uploadimage,filetools', imageUploadUrl: ' ...

  9. k8s之external-etcd集群管理

    一.概述 kubernetes使用etcd作为数据中心,使用kubeadm部署kubernetes的时候默认会自己部署一个etcd,当然也可以将kubeadm部署的单点的etcd做成集群,但是比较麻烦 ...

  10. Delphi 的内存操作函数&lpar;5&rpar;&colon; 复制内存

    MoveMemory.CopyMemory 的功能类似, 都是复制内存, 都是调用 Move 过程; MoveMemory.CopyMemory 操作指针; Move 操作实体. 还要注意, 它们的参 ...