`
cxshun
  • 浏览: 724109 次
  • 性别: 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  

相关推荐

    Jekyll Writer

    **Jekyll Writer** 是一款专为Jekyll博客搭建者设计的本地化Markdown语法编辑器,尤其适用于Windows 32位(win32-ia32)平台。它为用户提供了高效且便捷的方式来编写和预览Markdown文档,是Jekyll用户进行内容创作的...

    基于 ubuntu+jekyll 搭建个人博客

    为了使Jekyll博客能在网络上被访问,还需要安装并配置Nginx作为反向代理服务器。Nginx将负责处理外部请求,并转发给Jekyll。 ##### 3.1 安装Nginx 使用以下命令安装Nginx: ```bash sudo apt-get install nginx -...

    Jekyll 博客管理工具

    **Jekyll博客管理工具详解** Jekyll是一款静态网站生成器,尤其适合个人博客的搭建与管理。它基于Ruby语言,采用Markdown格式编写内容,并通过 Liquid 模板引擎将内容、布局和样式表结合,生成静态HTML页面。由于...

    Jekyll-Blog:Jekyll博客胆量

    **Jekyll博客搭建详解** Jekyll是一款静态站点生成器,特别适合用来构建个人博客系统。它基于Ruby语言,能够将Markdown、Textile等文本格式转换为静态HTML和CSS,简化了网页的创建过程,尤其适合那些希望专注于写作...

    jekyll简洁博客主题

    “jekyll简洁博客主题”是一个以简洁设计为主的Jekyll博客模板,适合对视觉效果有较高要求且希望快速搭建个人博客的用户。它可能包含了各种实用功能,如响应式布局、SEO优化和社交分享,同时也可能支持JavaScript...

    Node.js-JekyllNow让你在几分钟内构建Jekyll博客而不用接触命令行

    - **Prose.io**:这是一个基于浏览器的内容管理系统,用于非程序员编辑Jekyll博客,它可以通过Node.js服务运行。 ### 静态网站的优势 - **安全**:静态网站没有数据库,因此不受SQL注入等攻击。 - **速度**:静态...

    jekyll-blog:尝试按照教程建立一个 jekyll 博客

    **Jekyll博客搭建指南** Jekyll是一款静态站点生成器,特别适合用来构建个人博客系统。它使用Markdown或HTML编写内容,通过 Liquid 模板引擎进行布局,并在本地生成静态网页,可以直接部署到GitHub Pages或其他静态...

    Atom-jekyll-atom,在atom中使用jekyll的工具和片段的集合.zip

    Atom-jekyll-atom是专为在Atom文本编辑器中高效使用Jekyll搭建和管理静态博客的集成工具和代码片段集合。这个压缩包包含了名为“jekyll-atom-master”的项目文件,意味着用户可以在这个强大的文本编辑器中获得优化的...

    jekyll-blog

    **Jekyll博客搭建详解** Jekyll是一款静态站点生成器,它使用Markdown、Textile或HTML等标记语言,结合Liquid模板引擎,将内容转化为静态网页。这个名为“jekyll-blog”的项目,显然与创建个人博客或者知识分享平台...

    JekyllBlog-Pablode25

    **Jekyll博客搭建与管理详解** 标题中的"JekyllBlog-Pablode25"暗示了这是一个基于Jekyll框架建立的个人博客项目,由用户Pablode25创建。Jekyll是一款静态站点生成器,它使用Markdown、Textile或HTML等标记语言,...

    jekyll-blog:Jekyll 博客课程与 Ajinkya

    本教程将深入探讨Jekyll博客的搭建、配置以及与JavaScript的交互。 首先,我们需要了解Jekyll的基本工作原理。Jekyll基于Ruby语言开发,它通过读取源文件(通常是 `_posts` 目录下的Markdown文件),应用Liquid模板...

    jmeridth.github.io:Jason Meridth的博客

    总的来说,这个压缩包文件提供了研究和学习Jekyll博客搭建、Docker Compose部署以及Markdown写作的实例。从这里,我们可以深入理解静态站点生成器的工作原理,学习如何利用GitHub Pages发布个人博客,以及如何通过...

    jekyll-blog:一些 jekyll 博客使用 udemy 教程

    **Jekyll博客:Udemy教程详解** Jekyll是一款静态站点生成器,它将Markdown或文本格式的内容转换成静态HTML和CSS网站,尤其适合构建个人博客。本教程将基于Udemy课程,深入探讨如何利用Jekyll搭建和管理你的博客。 ...

    my-jekyll-blog:Jekyll博客

    "我的博客 Jekyll博客" 这个描述进一步确认了这个项目是一个使用Jekyll搭建的个人博客系统。没有提供更多的细节,但我们可以推测这可能包括用户的技术分享、生活感悟或者其他个人兴趣相关的文章。 **标签:...

    jekyll_blog_demo:Jekyll博客演示项目

    **Jekyll博客演示项目详解** Jekyll是一款静态网站生成器,尤其适合个人博客的搭建。它基于Ruby语言,能够将Markdown格式的内容转换成静态HTML页面,这样不仅减轻了服务器负担,也使得博客的维护变得更加简单。...

    jekyll-simple-blog:Jekyll 博客模板

    `jekyll-simple-blog` 是一个基于 Jekyll 的博客模板,适用于快速搭建美观、简单的个人博客。通过利用 CSS 进行样式定制,你可以打造出具有个性化的博客。利用 Jekyll 的特点,如 Markdown 支持和自动生成导航,可以...

    Jekyll-Blog:我的Jekyll博客

    GitHub Pages提供免费的静态站点托管服务,非常适合部署Jekyll博客。只需将项目仓库命名为`username.github.io`,Jekyll-Blog-master的内容推送到此仓库,即可自动构建并发布博客。记得在`_config.yml`中设置`...

    chuckmasterson.github.io:我的Jekyll博客

    【描述】中提到的"查克·马斯特森(Chuck Masterson)的Jekyll博客"表明这是一个个人博客项目,由Chuck Masterson使用Jekyll框架搭建,并托管在GitHub上。GitHub Pages是GitHub提供的一项免费服务,可以用于发布静态...

    手把手教你搭建免费个人博客

    - **内容创作**:博客搭建完成后,最重要的是持续创作高质量的内容。 - **推广分享**:可以通过社交媒体等渠道分享您的博客链接,增加曝光度。 - **维护更新**:定期检查博客的安全性和功能是否正常运行,保持更新。...

    jekyllplugins:由mattvh派生的Jekyll博客最佳外观主题和插件的目录

    标题提及的"jekyllplugins"是一个由mattvh派生的项目,旨在收集和分享一系列优秀的Jekyll博客主题和插件,以提升网站的视觉效果和功能。 1. **Jekyll主题**: Jekyll的主题决定了网站的外观和布局。mattvh的这个...

Global site tag (gtag.js) - Google Analytics