`
cxshun
  • 浏览: 720095 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jekyll博客搭建

阅读更多

       前几年流行wordpress,近几年貌似已经不怎么流行了,反而是jekyll——一个ruby开发的博客系统和另外的tumblr这些比较流行了。其实倒还是比较喜欢wordpress的,插件多,要什么有什么,但有时候一个东西用久的,真的需要改变一下。于是开始去找其他的。看到别人经常说jekyll多好多好。于是前段时间有机会也下了一个,在本机上搭了一下。

        

       首先先说一下jeykyll的优点吧:

       1)默认支持markdown语法。如果没听说过的朋友,可以到这里看看基本的语法:http://daringfireball.net/projects/markdown/,很简单,没有HTML那么多的标签和属性,只有简单的几个标记。

       2)本地文件操作,只要新建了一个文件,刷新一个,页面上就有了发布的文件,无所谓数据库之类的。

        

       说再多也比不上真正开始来试一下。

       1)jekyll是基于ruby的,首先当然需要ruby环境了,由于我的是在windows的操作,所以这里用rubyinstaller——http://rubyinstaller.org/downloads/,linux和mac的朋友就直接官网的ruby就OK了。在上面给出的链接里面下面rubyinstaller和相应的development kit。

       2)ruby的安装就不说了,安装完把ruby添加到path中,相应搞开发的都应该知道怎么弄,这里不详细了,不会的朋友可以google一下。

       3)安装完ruby后需要安装development kit,解压后可以看到类似的目录:

          

       接着执行ruby dk.rb init——由于我并没学习ruby,这里暂时没有去了解是什么意思,相应学过的东西很容易看懂了。

       之后就是安装了ruby dk.rb install。

       4)由于有部分的组件还会依赖到python,所以这里建议也安装上python(语法着色器pygments是python组件),虽然不安装也没问题,只是代码没有显示着色。

       5)最后就到我们的安装jekyll这步了,由于jekyll并没有提供安装包之类的,需要通过ruby的包管理器进行安装(这东西有点类似于apt-get和yum或者archlinux的包管理),我们直接执行gem install jekyll,安装过程中需要的东西会自动联网下载,所以请确保在可以联网的情况下安装它。安装后我们可以在ruby目录下lib\ruby\gems\2.0.0\gems\jekyll-1.1.2(这里的版本有可能不一样,请参照下载的版本),把该目录添加到path。

       6)接下来就到我们的正题了,新建网站:

       执行jekyll new xxx会在当前的目录下创建一个xxx的目录,里面就是网站的所有文件了:

         
       这里生成了git文件,可想而知肯定可以用于git了。没错,jekyll很容易跟git结合,让你可以在github上面直接创建一个博客,这个大家有兴趣可以自己看相应的文章。

       由于我安装的是python3.3,高亮插件还没支持此版本的,所以我这里把高亮的选择设为false,操作如下:

       打开_config.yml,找到pygments把它的值修改为false,这样我们就不需要安装pygments了。(注意,如果不注释掉会出现请求正常,但网页是空白的情况)。

       之后我们在生成的博客文件夹内执行jekyll serve --watch(不加--watch则不会检测文件夹内的变化,即修改后需要重新启动jekyll),即可以通过http://localhost:4000看到下面的页面


        这里可以看到两篇文章,因为一篇是我发布的,这里时间当然是随便啦。

        7)下面我们就来尝试一下新建一篇文章:

        jekyll的所有文章都放在_posts目录下,分类的话暂时没涉及到,有兴趣的朋友可以先去看看(看了文档,)。只需要在此目录内新建一个文件,后缀名为markdown即可:

        我们新建一个文件,名为:2013-08-02-first-post.markdown,内容如下:

---
layout: post
title: "First post"
date: 2013-08-02 14:19:01
categories: mypost
---

>> Here is my first jekyll post

+ Just for test
* Just for Test

		I'm trying to write some code

       注意,此文件上的日期跟实际页面显示的日期没关系,页面的日期由内容中的date来决定。至于其他值,肯定也有相应的用处,大家有兴趣就慢慢研究。

       再来,我们打开那篇文章可以看到:


       就这样,我们的第一篇文章也创建完成了。当然,jekyll还有很多功能的,包括换主题之类的,这里我没有涉及到,有兴趣的朋友可以去试试。
 

 

  • 大小: 18.4 KB
  • 大小: 6.6 KB
  • 大小: 8.2 KB
  • 大小: 11.7 KB
2
1
分享到:
评论
1 楼 cywhoyi 2013-08-15  

相关推荐

    基于 ubuntu+jekyll 搭建个人博客

    该文档详细的介绍了如何在ubuntu服务器利用jekyll搭建属于自己的个人博客系统,教程非常简洁明了,手把手、一步步实现,能够快速的搭建起属于自己的个人博客网站。

    Jekyll Writer

    win32-ia32版本,使用jekyll搭建博客必不可少的本地化markdown语法编辑器

    young0512.github.com:基于Jekyll搭建的个人博客

    我的博客 这是我的 Jekyll 支持的博客。 我将它发布在我的 GitHub 页面中。

    leopardpan的博客模板

    Jekyll搭建个人博客 : 使用Jekyll搭建个人博客的教程,以及如果把博客模板修改成你自己的博客,里面也有大量的评论。

    blog-old:我博客的旧版本,用jekyll + octopress搭建

    这个博客是旧的 新的正在上开发,但还没有完全准备好。 新版本将由提供支持,这是一个用 go 编写的小型静态博客生成器。 这是什么? 这是为我的博客提供动力的代码。 它基于 Jekyll 和 Octopress。 它旨在快速且...

    Jekyll静态网站后台引擎使用教程

    以前总想搭建一个自己的个人网站,由于不懂php后台,所以在点点网开过自己的博客,后来慢慢向程序员转变,点点网的博客已经不能满足这个职业特定的需求,于是用worldpress搭建了自己的第一个网站,鼓捣过几天...

    jekyll-template:jekyll主题模板

    应该说本人还是比较幸运的,做的事情跟自己的兴趣相关,我是一名程序员,喜欢geek,看到cool,好看的东西觉得非常开心,想要迫不及待的跟大家分享,比如很早就开始试着用jekyll+git搭建personal website,然后一直在...

    jekyll-blog-master.zip

    === 本地运行 一般提交到 github 过个几十秒就可以看到效果,如果你需要对在本地查看效果需要安装 ruby 环境 gem install jekyll ...如果是 windows 系统,环境搭建好后可以运行项目下的cli.bat快速启动

    muzipiao.github.io:基于 jekyll 搭建的个人博客

    个人博客 :beaming_face_with_smiling_eyes: 你好,我是, 生活在北京,iOS 开发工程师一枚,喜欢研究一些新技术; :nerd_face: 熟练 Objective-C、C、Swift、SwiftUI、Python、Shell、Flutter,写过 app、api、...

    generator-sizzle-jekyll:Yeoman Generator 使用 Jekyll、Compass、RequireJS (with Almond)、Normalize、Bourbon 和 Neat、jQuery、Greensock、underscore.js 和 JSSignals 来帮助您快速搭建静态博客

    发电机-嘶嘶声-jekyll Yeoman Generator 使用 Jekyll、Compass、RequireJS(含 Almond)、Normalize、Bourbon 和 Neat、jQuery、Greensock、underscore.js 和 JSSignals,帮助您快速搭建静态博客。安装指南针和 ...

    HappySnailSunshine.github.io:个人在用博客,基于Jekyll搭建。地址:happysnail.cn

    个人博客 这是我的个人博客项目,沉淀、分享、成长,专注于原创专题案例,以最易学习编程的方式分享知识,让自己和他人都能有所收获。目前已完成的专题有;Netty4.x实战专题案例、用Java...bundle exec jekyll serve

    nijiazhi.github.io:使用jekyll搭建的个人博客,可以直接在Github Pages上发布

    序言 这是我的个人主页所用的模板,该主题是在的基础上改写的。我fork过来后,也稍微做了些修改,如果你觉得不错,可以直接从我这里fork过去...感谢的开源博客,确实十分好用,如果你觉得本主题有改进的地方,欢迎来。

    paul.github.io:github和jekyll创建的博客

    Get Started你可以通用修改 _config.yml文件来轻松的开始搭建自己的博客:# Site settingstitle: jerpson Blog # 你的博客网站标题SEOTitle: jerpson Blog# 在后面会详细谈到description: "Cool Blog" # 随便说点,...

    leopardpan.github.io:个人博客,看效果进入

    Mac 、Windows、ubuntu 、Linux 操作系统Jekyll 需要依赖: Ruby、bundler使用手册 : 使用Jekyll搭建个人博客的教程,及如何把这个博客模板修改成你自己的博客,里面也有大量的评论、Jekyll 搭建博客各种环境出现过...

    lxcsjk.github.io:http

    : 使用Jekyll搭建个人博客的教程,以及如果把博客模板修改成你自己的博客,里面也有大量的评论,及 Jekyll 搭建博客出现过的问题。 : 使用 HEXO 基于 Github Page 搭建个人博客, 教程里面累计了大量提问和评论,...

    flyinglsj.github.io

    : 使用Jekyll搭建个人博客的教程,以及如果把博客模板修改成你自己的博客,里面也有大量的评论,及 Jekyll 搭建博客出现过的问题。 : 使用 HEXO 基于 Github Page 搭建个人博客, 教程里面累计了大量提问和评论,...

    lynnhuel.github.io

    使用手册 : 使用Jekyll搭建个人博客的教程,以及如果把博客模板修改成你自己的博客,里面也有大量的评论,及 Jekyll 搭建博客出现过的问题。 : 使用 HEXO 基于 Github Page 搭建个人博客, 教程里面累计了大量提问和...

    RootW.github.io:你好,世界

    使用手册 : 使用Jekyll搭建个人博客的教程,以及如果把博客模板修改成你自己的博客,里面也有大量的评论,及 Jekyll 搭建博客出现过的问题。 : 使用 HEXO 基于 Github Page 搭建个人博客, 教程里面累计了大量提问和...

    blog:只要写markdown就行,轻松简单搭建属于自己的个人博客,无需框架直接fork改成自己的内容就能用,简单轻松!

    你可以通用修改 _config.yml文件来轻松的开始搭建自己的博客: # Site settings title: BY Blog # 你的博客网站标题 SEOTitle: 甘凯的博客 | GK Blog # SEO 标题 description: "Hey" # 随便说点,描述一下 # SNS ...

    flyingwzb.github.io:利用GitHubPages快速搭建个人博客

    博客的搭建教程修改自 更为详细的教程戳这 或 使用 开始 组件 侧边栏 迷你关于我 推荐标签 好友链接 HTML5 演示文档布局 网站统计与打赏 评论 网站分析 统计网站PV与UV JS实现文章打赏功能 高级部分 自定义 标题底...

Global site tag (gtag.js) - Google Analytics