Requirements Bootstrap Lightbox for Bootstrap 3 Procedure 本来一个很普通的 Jekyll 主题被我改得完全没了原来的样子 昨天写了一篇游记,...修改 img elem 我们不能改变 Markdown 解析的细节,但是可以使用 JS 的办法来处理,写一段 JS 将所有 img 用一个 a 包围: $('#post-content img').each...block; padding-left: 10px; color: grey; } 参考文献 LightBox↩ Using an image caption in Markdown Jekyll
jekyll是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一个生成静态网页的工具,不需要数据库支持。...最关键的是jekyll可以免费部署在Github上,而且可以绑定自己的域名。 使用编辑 首先建立目录结构,然后增加文件,最后使用jekyll发行生成静态网页发行。...安装(Debian/Ubuntu) sudo apt-get install ruby sudo gem install jekyll 安装(Arch) sudo pacman -S ruby sudo...gem install jekyll
Welcome Welcome Welcome This site aims to be a comprehensive guide to Jekyll....deploying to various environments, and give you some advice on participating in the future development of Jekyll...So what is Jekyll, exactly?Permalink Jekyll is a simple, blog-aware, static site generator....Jekyll also happens to be the engine behind GitHub Pages, which means you can use Jekyll to host your...Throughout this guide there are a number of small-but-handy pieces of information that can make using Jekyll
前言 这里演示一下如何用十分钟搭建一个 Jekyll 博客 Tip: 当前最新版本 Jekyll 1.4.3 ---- 操作 环境 [root@ci ~]# hostnamectl Static...-1.5.2 Installing ri documentation for jekyll-sass-converter-1.5.2 Parsing documentation for ruby_dep...safe_yaml, jekyll after 34 seconds 25 gems installed [root@ci ~]# echo $?...0 [root@ci ~]# jekyll --help jekyll 3.7.2 -- Jekyll is a blog-aware, static site generator in Ruby Usage...Jekyll theme scaffold serve, server, s Serve your site locally [root@ci ~]# 安装 nodejs
前言 很早以前我写过一篇安装 Jekyll 的文章,这次作为一个简单的梳理,再对安装过程作一个更新 Tip: 当前最近版本为 ruby 2.4.0 gem 2.6.12 rvm 1.29.2 jekyll...-1.5.0 Installing ri documentation for jekyll-watch-1.5.0 Parsing documentation for sass-listen-4.0.0..., sass-l isten, sass, jekyll-sass-converter, colorator, public_suffix, addressable, jekyll after 18 seconds...0 [root@much ~]# jekyll --help jekyll 3.5.0 -- Jekyll is a blog-aware, static site generator in Ruby...Jekyll theme scaffold serve, server, s Serve your site locally [root@much ~]# jekyll -v jekyll
Require Modules 环境部署 开始使用Jekyll 再变得方便一些 2016-10-07 Updated 2018-08-29 Updated 参考文献 实际上是一个 Portable...Jekyll 拥有几个好处:1....不必进行繁琐的 Ruby 和 DevKit 的安装 不需要管理员权限,公司电脑也可以搭建 适用于 Jekyll 3.X, 经测试 3.1.2 在安装额外的几个 gem 后也可以顺利使用 Require...,保证解压出来的文件夹名称是「Ruby」和「DevKit」(Ruby 解压出的文件夹名称可能不是 Ruby) 建立一个setpath.cmd @ECHO OFF ECHO Adding Jekyll...开始使用 Jekyll 首先跑到 cmd 所在的路径,直接执行 setpath.cmd 执行 gem install jekyll 进入 Github Page 文件夹执行 jekyll s 再变得方便一些
前言 Jekyll 可以将 markdown 格式的文本快速转换成博客 Transform your plain text into static websites and blogs 这里演示一下如何用十分钟搭建一个...Jekyll 博客 Tip: 当前最新版本 Jekyll 3.8.3 ---- 操作 环境 [root@h105 ~]# hostnamectl Static hostname: h105...0 [root@h105 ~]# 安装 jekyll [root@h105 ~]# gem install jekyll Fetching: public_suffix-3.0.2.gem (100%...safe_yaml, jekyll after 29 seconds 25 gems installed [root@h105 ~]# echo $?...0 [root@h105 ~]# 查看帮助文档 [root@h105 ~]# jekyll --help jekyll 3.8.3 -- Jekyll is a blog-aware, static
Jekyll-Admin Usage 一直在 IDE 里面写 Markdown,因为 Sublime 里面有完善的 MD 实时渲染插件并且书写起来也挺方便。...前段时间看到 Ghost 和 Hexo 有自己的 Admin 页面,就考虑是否能找到个 Jekyll 的 Admin 插件。 一番寻找之后果然发现有这样的东西。...注意,gem 安装Jekyll-Admin之后jekyll s的 auto-regeneration 会被强制关闭,在后台保存之后才会重新 build 修改过的 post Jekyll-Admin Github...: Jekyll-Admin 安装起来非常简单,Official Usage 有些繁琐,只需要几步即可:1....在_config.yml的 gem 一行添加一个jekyll-admin ``` gems: [jekyll-paginate, jekyll-sitemap,jekyll-admin] ``` 本地
前言 主流的个人博客都是用hexo搭建的,一部分人喜欢用jekyll搭建,下面我们来细说一下操作流程 效果 今天,我们要做到到这个主题效果http://huangxuan.me/ 下载 下载rubygems...下载jekyll $ gem install jekyll 下载jeky-paginate $ gem install jekyll-paginate 克隆主题 新建jekyll文件夹执行 $ git...clone git@github.com:Huxpro/huxblog-boilerplate.git cd到huxblog-boilerplate 执行jekyll serve 可以在http://localhost...总结 jekyll博客没hexo博客方便切换主题。 jeky博客加入不同字体,图片,打破你的审美疲劳。
安装Ruby gem install jekyll jekyll -v image.png 新建一个jekyll jekyll new cd bundle install...bundle exec jekyll serve 进入本地环境 127.0.0.1:4000 文件目录 目录 描述 _data 格式化好的网站数据应放在这里,jekyll 的引擎会自动加载在该目录下所有的..._layouts 用来保存模板 _posts 存放文章,文章格式很重要,必须要符合: YEAR-MONTH-DAY-title.md _sass 存放模板中的scss格式 _site 一旦 Jekyll...完成转换,就会将生成的页面放在这里(默认) _config.yml 保存配置数据,如果需要使配置生效,需要重启jekyll index.md 网站的入口,一般不放内容,一般用来进入home模板 assets...静态文件可以放js图片文章需要的素材 等等 本站文章除注明转载/出处外,均为本站原创,转载前请务必署名,转载请标明出处 最后编辑时间为: 2021/
使用步骤 在显示的地方添加下面的代码 添加JS function categoryCreater...} $(document).ready(function(){ categoryCreater('main-article-contant'); }); 注意: js
安装Ruby Ruby 切记添加环境变量: 安装 RubyGems RubyGems 解压后进入目录输入: ruby setup.rb 安装Jekyll gem install jekyll 安装...jekyll-paginate gem install jekyll-paginate 运行静态博客 在静态博客的git地址下输入 jekyll serve 安装Python 作者本来就是python
在使用jekyll去写博客的时候,有时候会输入双括号 或者是段html,但在jekyll默认会把对应的值赋到对应的字段占位上面,所以我们去想,如何去把这个输入做一个转义: 网络上提供的几种解决方案 1.
背景知识 背景知识就是百度到现在为止还没收录我的博客 (〃>皿<) jekyll-sitemap 插件 首先robots.txt里面要声明自己对应的 sitemap.xml 的路径 使用jekyll-sitemap...插件建立的 sitemap.xml 就在根目录 安装 首先下载1 对应的 Gem,可以在 cmd 中使用 gem install jekyll-sitemap 也可以下载对应的.gem然后本地安装 配置..._config.yml中加个 gem 就是,多个 gem 用逗号隔开 # Build settings gems: [jekyll-paginate, jekyll-sitemap] 然后在页面 deploy
文件,但是我把评论写在 include\comment.html 文件,所以打开comment.html文件添加下面代码 <div...comment', appId:'App ID', appKey:'App Key', notify:true, path: '/post/jekyll
前提 需要在jekyll博客下生产rakefile.rb文件 1.创建文章 使用命令 rake post title="文章名称" 2.编辑文章 使用编辑器编写文章 3.本地预览 运行命令...jekyll serve 访问浏览器 http://127.0.0.1:4000/ 4.把新建的文章上传到github 运行命令 git init git add --all git commit -m
对应的显示效果 图片 另外也可以参考这篇 post2 官方 API 打不开是什么鬼 参考文献 ---- how-does-jekyll-date-formatting-work↩ jekyll-liquid-date-formatting-examples
在知乎上看到一些相关的内容,于是选择了在github上用jekyll搭建博客。...主要环节有:安装Ruby,安装RubyGems,安装jekyll,安装代码高亮插件,安装node.js 安装Ruby ruby官网下载安装:https://www.ruby-lang.org/en/downloads...执行下面的语句安装 image.png 安装结束画面 image.png 至此jekyll就已经安装完毕了,后续就是个性化的自己设定了。...再次启动服务器成功 image.png 访问 http://localhost:4000/ image.png 详细文章页面 image.png 后续 整个安装过程参考了jekyll官网,注意jekyll...jekyll中文网 http://jekyllcn.com, jekyll英文网 http://jekyllrb.com jekyll中的css是用sass写的,当然直接在_sass/_layout.scss
我们知道,Github Page 默认支持的也是 Jekyll,而非 Hexo、Hugo等静态站点生成器。...实现 代码高亮 Jekyll 代码高亮可以使用 Pygments、Rouge、Prism、Highlight JS等工具实现,据说大部分的高亮博客中基本上都是使用 Pygments。...帮助 Jekyll 实现这一点的 JS 工具也有很多,比如 fancybox、lightgallery 等等,本站所采用的是 fancybox。...参考资料 让 Jekyll 支持 LaTex 数学公式(MathJax v3) Jekyll 实现文章阅读耗时与字数统计 Jekyll 中如何做中文字数统计 版权声明:如无特别声明,本文版权归 仲儿的自留地...(采用 CC BY-NC-SA 4.0 许可协议进行授权) 本文标题:《 Jekyll 优化合集 》 本文链接:https://lisz.me/tech/webmaster/jekyll-optimization.html
简介 Jekyll 是一个简单的博客形态的静态站点生产机器。...官方网站: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, 或其他...测试,执行 gem -v 能看到版本说明 Ruby 安装成功 $ gem -v 3.2.33 安装 Jekyll 执行命令 gem install jekyll bundler 创建 Demo 执行命令...bundle exec jekyll serve 打开浏览器 http://localhost:4000 ,可以看到示例页面 更换主题 Jekyll 支持很多主题,列表 我们以 jekyll-theme-yat
领取专属 10元无门槛券
手把手带您无忧上云