前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >jekyll简易教程

jekyll简易教程

作者头像
overme
发布于 2022-01-17 00:25:40
发布于 2022-01-17 00:25:40
63000
代码可运行
举报
文章被收录于专栏:数据开发笔记数据开发笔记
运行总次数:0
代码可运行

安装Ruby

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
gem install jekyll
jekyll -v
新建一个jekyll
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
jekyll new <新文件夹>
cd <新文件夹>
bundle install 
bundle exec jekyll serve

进入本地环境 127.0.0.1:4000

文件目录

目录

描述

_data

格式化好的网站数据应放在这里,jekyll 的引擎会自动加载在该目录下所有的 yaml 文件(后缀是 .yml, .yaml, .json 或者 .csv )这些文件可以经由 site.data 访问。

_includes

你可以加载这些包含部分到你的布局或者文章中以方便重用。可以用这个标签 {% include file.ext %} 来把文件 _includes/file.ext 包含进来。

_layouts

用来保存模板

_posts

存放文章,文章格式很重要,必须要符合: YEAR-MONTH-DAY-title.md

_sass

存放模板中的scss格式

_site

一旦 Jekyll 完成转换,就会将生成的页面放在这里(默认)

_config.yml

保存配置数据,如果需要使配置生效,需要重启jekyll

index.md

网站的入口,一般不放内容,一般用来进入home模板

assets

静态文件可以放js图片文章需要的素材 等等

本站文章除注明转载/出处外,均为本站原创,转载前请务必署名,转载请标明出处 最后编辑时间为: 2021/01/27 15:19:33

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021/01/08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
jekyll
jekyll是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一个生成静态网页的工具,不需要数据库支持。但是可以配合第三方服务,例如Disqus。最关键的是jekyll可以免费部署在Github上,而且可以绑定自己的域名。 使用编辑 首先建立目录结构,然后增加文件,最后使用jekyll发行生成静态网页发行。如果使用github的话,那就有托管的地方了。 _config.yml 这个文件是为了保存配置的。所谓的配置,其实可以用在命令行里面。放在这个文件里面主要是比较方便。详细的配置说明这里有:[1]  _includes这里面的就是可以重复利用的文件。这个文件可以被其他的文件包含,重复利用。{% include file.ext %},就是引用file.ext的格式。 _layouts这里存放的是模板文件。 _posts这里的文件就实际的文章内容了。文件名必须使用YEAR-MONTH-DATE-title.MARKUP的格式。如果使用textile的话,扩展名就是textile. _site这个文件夹存放的是最终生成的文件。 对于目录下的每个文件,使用YAML Front Matter之后,都会被转格式,然后生成最终文件。 — layout: post title: xxxxx category: tech — 这就是个简单的例子。 其他的目录都会被拷贝到最终文件的目录下。所以css,images等目录都可以放在根目录下。 安装编辑 下载: rubyinstaller-1.9.2-p290.exe DevKit-tdm-32-4.5.2-xxx-sfx.exe 按照顺序安装。 安装(Debian/Ubuntu) sudo apt-get install ruby sudo gem install jekyll 安装(Arch) sudo pacman -S ruby sudo gem install jekyll
似水的流年
2019/12/08
5420
使用github+jekyll搭建个人博客
给自己一个小空间 聊聊起初 每次看到大牛们的博客,都会激起一颗一定要搭建自己博客的心,毕竟有着一颗向大牛们看齐的心。但是一直不知道如何下手,从最初的csdn写写博客到在github上建立仓库写代码分享,虽然也能够记录一些事情,但是总感觉缺少点什么——对,就是像是这东西并不是自己的。后来偶然机会知道了github的gh-pages功能可以搭建个人博客,然后兴致冲冲地去折腾了一番,但是了解到并不能搭建后台,突然间又像浇了一盘冷水一样,知道现在都还存留着这个博客的残骸,看这里http://rynxiao.gith
糊糊糊糊糊了
2018/05/09
9180
使用github+jekyll搭建个人博客
使用Jekyll显示Jupyter笔记本
Jekyll是一个用Ruby编写的静态站点生成器,支持博客并与Github页面整合。因为Github只负责托管,这种设置使数据分析共享和可视化变得简单。Jekyll提供了各种主题和插件,因此用户无需担心Web开发。
eru
2018/09/13
3.9K0
使用Jekyll显示Jupyter笔记本
Jekyll 优化合集
  Jekyll 是一款采用 Ruby 语言编写的、非常方便简单又功能强大的静态站点生成器,适合于搭建个人博客、静态网站等。我们知道,Github Page 默认支持的也是 Jekyll,而非 Hexo、Hugo等静态站点生成器。Hexo 是用 NodeJS 语言编写的,Hugo 是用 Go 语言编写的,它们三者背后其实都有非常丰富的插件来增强它们自身,从而为用户提供一个可插拔式的个人定制功能。由于本站目前是采用 Jekyll 来搭建的,所以为了提供给读者更加高效的阅读条件,笔者在廖柯杰大佬开发的 H2O 主题的基础上做了一些功能上的增加和优化,接下来就来详细介绍一下。
zhonger
2022/10/28
2.1K0
开发工具总结(14)之Jekyll制作文档并发布到GitHub
版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.jianshu.com/p/d5f9763c11fc
AWeiLoveAndroid
2019/07/08
1.1K0
基于Jekyll与Github Pages搭建博客
有搭建博客这个想法的原因是看到室友搭的博客,感觉很不错,暑假了也得搞点事情,于是就参考了室友的博客,查了不少教程学着自己也搭一个。
ttony0
2022/12/26
1.2K0
基于Jekyll与Github Pages搭建博客
Ruby x Jekyll 本地调试环境搭建
这里是本站开源: https://github.com/szhshp/NextJS-BlogTemplate-ProjectTitan
szhshp
2022/09/21
1.3K0
如何在Ubuntu 16.04上建立一个Jekyll开发网站
Jekyll是一个静态站点生成器,它有内容管理系统(CMS)的一些优点,同时避免了此类数据库驱动的站点引入的性能和安全问题。它具有“博客意识”,并包含处理日期组织内容的特殊功能,但其用途不仅限于博客网站。Jekyll非常适合需要离线工作的人,更喜欢使用轻量级编辑器进行内容维护的Web表单,并希望使用版本控制来跟踪其网站的更改。
小皇帝James
2018/10/22
1.6K0
Understand folder and path configuration in Jekyll
在使用 Jekyll 构建静态网站时,了解如何配置文件夹和路径对于网站的组织和内容管理至关重要。Jekyll 是一个功能强大的静态网站生成器,具有独特的文件夹结构和处理规则。本文将介绍 Jekyll 如何处理不同的文件夹,以及如何通过配置使网站更灵活。
alanzeng
2025/01/14
660
2020年3月27日,Github被攻击。我的GitPage博客也挂了,紧急修复之路
万万没想到!Github 竟然受到攻击了!还能让我使用了 GitPage 的博客瘫痪了!
小傅哥
2020/03/28
1.1K0
2020年3月27日,Github被攻击。我的GitPage博客也挂了,紧急修复之路
快速搭建个人博客
从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把我的个人博客BY Blog搭建出来了。。。
零式的天空
2022/03/23
2K0
快速搭建个人博客
利用 GitHub Pages 快速搭建个人博客前言快速开始写文章自定义域名进阶利用GithHub Desktop管理GitHub仓库修改个人介绍常见问题其他Star补充最后要说个事情
前言 从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把我的个人博客BY Blog搭建出来了。。。 本教程针对的是不懂技术又想搭建个人博客的小白,操作简单暴力且快速。当然懂技术那就
BY
2018/05/11
4.1K1
在 Linux 上搭建Jekyll静态博客
在CentOS,Ubuntu 按照同样步骤安装,Ruby Gems 往往都无法搭建成,每次都是依赖不对,各种奇葩原因,解决办法就是使用 RVM 安装,解决 Ruby 的环境依赖管理,而且每次安装Jekyll基本不会出错 本文主要介绍如何用一条靠谱的路子快速安装 Ruby 环境 搭建Jekyll博客。 一、Jekyll介绍 jekyll是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是Jekyll只是一个生成静态网页的工具,不需要数据库支持。但是可以配合
程序员鹏磊
2018/02/09
2.5K0
在 Linux 上搭建Jekyll静态博客
搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门
喜欢写Blog的人,会经历三个阶段。   第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。   第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。   第三阶段
ruanyf
2018/04/13
1.7K0
搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门
【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决
今天在博客专家群看到CSDN韩俊强发表了一篇用Jekyll搭建个人博客的文章,感觉很好。 搭建博客方便很多,开始一直想着自己搭建博客,然后一直没什么时间,在做另外一个项目,所以现在就考虑用Jekyll在GITHUB上搭建博客了。
谙忆
2021/01/21
5900
【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决
Jekyll搭建博客并部署到GitHub
尝试过很多Windows搭建静态网页博客的方法,都是失败告终。试了几次Jekyll,这一次终于成功了。想把一些坑路分享一下。
繁华是客
2023/03/03
1.1K0
Jekyll 文章侧边索引导航
  Jekyll 与 Hexo 不同之处有很多,其中一处是在文章页面中不支持原生 [TOC] Markdown 语法来自动生成目录。而在 Hexo 中,即使主题不支持侧边悬浮的优化目录导航,也可以通过最简单的方式在文章的开始位置生成目录。虽然这种目录永远固定在文章开始的地方,但是总算是能够通过大小标题来给读者一个大概的思路。
zhonger
2022/10/28
1.6K0
如何快速给自己构建一个温馨的"家"——用Jekyll搭建静态博客
我相信,每个程序员都有一个愿望,都想有一个属于自己的"家"——属于自己的博客,专属的网站。在自己的“家”中,可以和志同道合的兄弟一起分享和讨论任何技术,谈天说地。更重要的是可以当做自己的技术积累,提升自己实力。那么接下来就来说说我博客搭建过程。
一缕殇流化隐半边冰霜
2018/08/30
1.3K0
如何快速给自己构建一个温馨的"家"——用Jekyll搭建静态博客
可能是最全面的github pages搭建个人博客教程
先看下博客整体效果。在线预览我的博客https://lemonchann.github.io/
Bug开发工程师
2020/03/31
15K0
可能是最全面的github pages搭建个人博客教程
玩转Github:使用GitHub Pages打造你的专属技术博客
那就有同学问了:作为一个后端开发者,前端的内容比较薄弱,怎样做的又好看,又方便呢?还有,习惯本地软件写文章,最好能不花钱卖服务器……
花花Binki
2023/11/16
4840
玩转Github:使用GitHub Pages打造你的专属技术博客
推荐阅读
相关推荐
jekyll
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验