于是，在 Jekyll 博客主题设计的时候，通常会在个人简介的地方放置几个社交小图标，点击社交小图标即可把读者带到你的社交个人主页上。...因此，对于一款 Jekyll 博客主题的设计者来说，同时要兼顾到这么多不同的需求可能会有点为难，毕竟领域不同、了解的程度也很有限。 俗话说得好，授人以鱼不如授人以渔。...今天我们就来讲讲如何自己定制一套社交图标集合。...说到这里，有人可能会想起 Bootstrap 等 UI 框架中自带的字体图标集合。那我们直接使用某个框架提供的字体图标集合不就万事大吉了吗？...（采用 CC BY-NC-SA 4.0 许可协议进行授权） 本文标题：《 Jekyll 社交图标集合创建 》 本文链接：https://lisz.me/tech/webmaster/jekyll-sns-icons.html
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
前言 这里演示一下如何用十分钟搭建一个 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
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: 当前最近版本为 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] ``` 本地
安装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
前言 主流的个人博客都是用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博客加入不同字体，图片，打破你的审美疲劳。
使用步骤 在显示的地方添加下面的代码 添加JS <script type="text/javascript"...
安装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.
comment', appId:'App ID', appKey:'App Key', notify:true, path: '/post/jekyll
背景知识 背景知识就是百度到现在为止还没收录我的博客 (〃＞皿＜) 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
对应的显示效果 图片 另外也可以参考这篇 post2 官方 API 打不开是什么鬼 参考文献 ---- how-does-jekyll-date-formatting-work↩ jekyll-liquid-date-formatting-examples
前提 需要在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
在知乎上看到一些相关的内容，于是选择了在github上用jekyll搭建博客。...搭建过程 在jekyll的官网上 http://jekyllrb.com/ 其实已经说得比较明白了，我在这里还是简单的说一下吧。我用的是Windows系统。...执行下面的语句安装 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
前言 Jekyll 是一款采用 Ruby 语言编写的、非常方便简单又功能强大的静态站点生成器，适合于搭建个人博客、静态网站等。...我们知道，Github Page 默认支持的也是 Jekyll，而非 Hexo、Hugo等静态站点生成器。...其实在 Jekyll 中要做到这个也不是很难，只需要对整个文章的内容进行字符计数即可。...参考资料 让 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元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
