首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Jekyll 搭建静态网站

Jekyll 搭建静态网站

作者头像
为为为什么
发布于 2022-10-05 08:45:34
发布于 2022-10-05 08:45:34
1.8K00
代码可运行
举报
文章被收录于专栏:又见苍岚又见苍岚
运行总次数:0
代码可运行

Jekyll 是一个简单的免费的静态网页生成工具,不需要数据库支持,可以配合第三方服务,可以免费部署在 Github 上,而且可以绑定自己的域名

简介

  • Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录,其中包含原始文本格式的文档,通过一个转换器(如 Markdown)和我们的 Liquid 渲染器转化成一个完整的可发布的静态网站,你可以发布在任何你喜爱的服务器上。Jekyll 也可以运行在 GitHub Page 上,也就是说,你可以使用 GitHub 的服务来搭建你的项目页面、博客或者网站,而且是完全免费的。
  • 官方网站:http://jekyllcn.com/
  • 中文文档:https://www.wenjiangs.com/doc/jekyll-home

依赖

安装 Jekyll 相当简单,但是你得先做好一些准备工作。开始前你需要确保你在系统里已经有如下配置。

  • Ruby(including development headers, Jekyll 2 需要 v1.9.3 及以上版本,Jekyll 3 需要 v2 及以上版本)
  • RubyGems
  • NodeJS, 或其他 JavaScript 运行环境(Jekyll 2 或更早版本需要 CoffeeScript 支持)。
  • Python

安装方法

  • 官方 Windows 安装文档
安装 Ruby
  • 下载后安装,注意Ruby 的安装路径不能有空格,类似 Program Files 这种地方是不可以的
  • 之后会自动配置一些东西 MSYS2.
  • 测试,执行 gem -v 能看到版本说明 Ruby 安装成功
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$ gem -v
3.2.33
安装 Jekyll
  • 执行命令
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
gem install jekyll bundler

创建 Demo

  • 执行命令
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
jekyll new my-awesome-site
cd my-awesome-site
bundle install
bundle add webrick  # 如果 Ruby 3+ 需要执行此命令
bundle exec jekyll serve
  • 打开浏览器 http://localhost:4000 ,可以看到示例页面

更换主题

  • Jekyll 支持很多主题,列表
  • 我们以 jekyll-theme-yat 主题 为例
  • Gemfile 文件添加:
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
gem "jekyll-theme-yat"
  • _config.yml 文件添加
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
theme: jekyll-theme-yat
  • 执行命令渲染:
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
bundle
  • 运行服务
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
bundle exec jekyll serve
  • 进入 http://127.0.0.1:4000/

参考资料

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

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Jekyll搭建博客并部署到GitHub
尝试过很多Windows搭建静态网页博客的方法,都是失败告终。试了几次Jekyll,这一次终于成功了。想把一些坑路分享一下。
繁华是客
2023/03/03
1.3K0
Jekyll + Github Pages 搭建个人免费博客
今天亲手通过 Jekyll 搭建了一套免费博客,搭建步骤其实超级简单。你不需要购买域名,也不需要购买服务器,就可以轻松拥有你自己的博客。
不安分的猿人
2020/03/02
2.4K0
高速部署博客网站,Jekyll满足你的需求!
云开发(CloudBase)是一款云端一体化的产品方案 ,采用 serverless 架构,免环境搭建等运维事务 ,支持一云多端,助力快速构建小程序、Web应用、移动应用。
腾讯云开发TCB
2020/06/03
1.1K0
2020年3月27日,Github被攻击。我的GitPage博客也挂了,紧急修复之路
万万没想到!Github 竟然受到攻击了!还能让我使用了 GitPage 的博客瘫痪了!
小傅哥
2020/03/28
1.4K0
2020年3月27日,Github被攻击。我的GitPage博客也挂了,紧急修复之路
如何在Ubuntu 16.04上建立一个Jekyll开发网站
Jekyll是一个静态站点生成器,它有内容管理系统(CMS)的一些优点,同时避免了此类数据库驱动的站点引入的性能和安全问题。它具有“博客意识”,并包含处理日期组织内容的特殊功能,但其用途不仅限于博客网站。Jekyll非常适合需要离线工作的人,更喜欢使用轻量级编辑器进行内容维护的Web表单,并希望使用版本控制来跟踪其网站的更改。
小皇帝James
2018/10/22
2K0
基于Jekyll与Github Pages搭建博客
有搭建博客这个想法的原因是看到室友搭的博客,感觉很不错,暑假了也得搞点事情,于是就参考了室友的博客,查了不少教程学着自己也搭一个。
ttony0
2022/12/26
1.5K0
基于Jekyll与Github Pages搭建博客
Ruby x Jekyll 本地调试环境搭建
这里是本站开源: https://github.com/szhshp/NextJS-BlogTemplate-ProjectTitan
szhshp
2022/09/21
2K0
在 Linux 上搭建Jekyll静态博客
在CentOS,Ubuntu 按照同样步骤安装,Ruby Gems 往往都无法搭建成,每次都是依赖不对,各种奇葩原因,解决办法就是使用 RVM 安装,解决 Ruby 的环境依赖管理,而且每次安装Jekyll基本不会出错 本文主要介绍如何用一条靠谱的路子快速安装 Ruby 环境 搭建Jekyll博客。 一、Jekyll介绍 jekyll是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是Jekyll只是一个生成静态网页的工具,不需要数据库支持。但是可以配合
程序员鹏磊
2018/02/09
2.9K0
在 Linux 上搭建Jekyll静态博客
听说你想要部署 Octopress?满足你
Octopress 是一个面向开发者的博客系统,广受程序员的喜爱。既然大家有需求,那么 Octopress 也要安排上~
腾讯云开发TCB
2020/06/03
1.2K0
玩转Github:使用GitHub Pages打造你的专属技术博客
那就有同学问了:作为一个后端开发者,前端的内容比较薄弱,怎样做的又好看,又方便呢?还有,习惯本地软件写文章,最好能不花钱卖服务器……
花花Binki
2023/11/16
6810
玩转Github:使用GitHub Pages打造你的专属技术博客
在Windows上安装Jekyll
在Windows上安装Jekyll Jekyll介绍 jekyll是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一个生成静态网页的工具,不需要数据库支持。但是可以配合第三方服务,例如Disqus。最关键的是jekyll可以免费部署在Github上,而且可以绑定自己的域名。 Jekyll团队没有正式支持在Windows上使用Jekyll,官方不建议在Windows上使用Jekyll。 安装 Ruby 首先,点击下面的按钮,下载与
程序员鹏磊
2018/02/09
2K0
在Windows上安装Jekyll
使用Jekyll显示Jupyter笔记本
Jekyll是一个用Ruby编写的静态站点生成器,支持博客并与Github页面整合。因为Github只负责托管,这种设置使数据分析共享和可视化变得简单。Jekyll提供了各种主题和插件,因此用户无需担心Web开发。
eru
2018/09/13
4.4K0
使用Jekyll显示Jupyter笔记本
在本地运行 fyne 官网
要深入学习和理解一个框架,官方文档是必须要仔细阅读的。fyne 官网有非常系统和详尽的文档。官方网站:https://fyne.io/。有时候我们会有这样一个需求——离线查看文档。我经常乘坐高铁来往杭州、上海两地,地铁、高铁上通常网络比较差,甚至没有网络。为此我特地去研究了一番怎样搭建 fyne 离线文档。
用户7731323
2020/09/08
7.5K0
【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决
今天在博客专家群看到CSDN韩俊强发表了一篇用Jekyll搭建个人博客的文章,感觉很好。 搭建博客方便很多,开始一直想着自己搭建博客,然后一直没什么时间,在做另外一个项目,所以现在就考虑用Jekyll在GITHUB上搭建博客了。
谙忆
2021/01/21
7630
【Jekyll搭建GITHUB个人博客】安装Ruby 环境、包管理器 RubyGems、Jekyll与错误解决
如何为自己创建一个既时尚又好用的博客网站
拥有一个自己的博客网站是每一位有追求的写作爱好者的梦想。本文将向大家分享:如何为自己创建一个既时尚又好用的博客网站。 下面是用于本文演示的一个博客网站的效果图,大家也可以访问https://crazy
CrazyCodeBoy
2018/05/07
2.3K0
如何为自己创建一个既时尚又好用的博客网站
踩坑记录丨记Jekyll + Github Pages搭建个人博客时遇到的各种问题
其实这个想法自己很久之前就有了,04-08那天16:34的那篇文章算是导火索,因为最近一直再用Obsidian,然后找一些有关文档,发现了这一篇博客。之后就进入了这个人的主页,发现挺不错的,用的github搭建的网站,随即燃起了搭建个人博客的导火线。
AXYZdong
2022/05/05
1.3K0
踩坑记录丨记Jekyll + Github Pages搭建个人博客时遇到的各种问题
下载 Jekyll,并使用它在本地搭建一个博客
0 前言 之前搭建的博客是在线的,没有在本地搭建一个进行预览,导致修改样式或者添加功能的时候要频繁的 push ,然后再去查看改得好不好看,这样的体验可以说是非常糟糕。 所以我下载了 Jekyll 到本地,然后生成本地的博客进行预览,觉得改得还行才 push,这样就比较省事了。 Jekyll 可以将纯文本转换为静态博客网站,简单好用,不需要自己开发大部分功能,甚至直接找模板修改一下就能够使用。 关心博客内容就足够了,别的就直接使用模板吧。 1 安装 1.1 下载和安装 Ruby 进入网站进行下载 htt
伪君子
2018/07/12
1.2K0
Hello Octopress
2016-11-13 update: 后来我的博客先后从Octopress进化到Hexo以及现在的Hugo
宅男潇涧
2018/08/01
7890
如何快速给自己构建一个温馨的"家"——用Jekyll搭建静态博客
我相信,每个程序员都有一个愿望,都想有一个属于自己的"家"——属于自己的博客,专属的网站。在自己的“家”中,可以和志同道合的兄弟一起分享和讨论任何技术,谈天说地。更重要的是可以当做自己的技术积累,提升自己实力。那么接下来就来说说我博客搭建过程。
一缕殇流化隐半边冰霜
2018/08/30
1.6K0
如何快速给自己构建一个温馨的"家"——用Jekyll搭建静态博客
Windows下jekyll的安装和使用
下载地址:https://rubyinstaller.org/downloads/
foochane
2019/05/23
1K0
相关推荐
Jekyll搭建博客并部署到GitHub
更多 >
领券
一站式MCP教程库,解锁AI应用新玩法
涵盖代码开发、场景应用、自动测试全流程,助你从零构建专属AI助手
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档