区别于其他的博客系统比如WordPress,Jekyll仅仅是一个解析引擎。它的作用是分析用户的配置文件并生成静态网页文件。 而访问者实际访问的是位于_site文件夹内的html。写了这么长时间的服务器动态脚本,Jeklly仿佛又回到了原点。 不过在Github的博客服务和其他工具的支持下,Jekyll有其他博客系统无法相比的优势:
-
速度
因为是静态网页,没有后台逻辑各种复杂交互。另外在Github支持下,你可以免费地获取一个还不错的博客系统。
-
安全
因为是静态网页,所以。。
-
版本控制
借助Github的代码仓库,天然融合了版本控制功能。而且也不用担心丢失问题。
安装
默认认为MacOS lion 10.7 下已经装好了ruby,macport,python,git,esay_install
-
注册Github
到github.com注册就可以了。
-
安装gem
先把gem源码克隆下来
进如gem工程的目录,运行$ git clone https://github.com/rubygems/rubygems.git
setup.rb
$ sudo ruby setup.rb
-
安装Jekyll
运行命令$ sudo gem install jekyll
安装完Jekyll后,基本上就可以生成网页文件了,方法可以参见这个链接
-
安装Jekyll-Bootstrap/部署到Github
我们可能没有耐心从零开始配置一个blog,Jekyll提供了一个模板。 http://jekyllbootstrap.com/
另外Github把名字为 USERNAME.github.com 的工程自动视为用户blog,我们可以借助这点直接部署到github上。
以下引用http://jekyllbootstrap.com/index.html#start-now的安装方法
push到Github上后,大概等待10分钟,服务器会把你的文件解析完成,然后访问 USERNAME.github.com 便可以看得到效果 另外在本地运行$ git clone https://github.com/plusjade/jekyll-bootstrap.git USERNAME.github.com $ cd USERNAME.github.com $ git remote set-url origin git@github.com:USERNAME/USERNAME.github.com.git $ git push origin master
$ jekyll --server
也可以看到效果
配置
-
RDiscount
自带的markdown解析器有问题,对中文支持不好,下载RDiscount解析器:
修改$ sudo gem install rdiscount
_config.yml
文件,修改或添加以下属性:markdown: rdiscount
-
实现代码高亮
安装Pygments
在$ sudo easy_install Pygments
_config.yml
中开启 Pygments
在pygments: true
HOME_PATH/assets/themes/twitter/syntax
下放置default.css文件
修改HOME_PATH/_includes/themes/twitter/default.html
文件,在引用的样式表最下面加入
之后就可以实现代码高亮了,如以下代码(百分号前的下划线是转义字符,粘贴时实际应该去掉)<link href="/assets/themes//syntax/default.css" rel="stylesheet">
{\% highlight cpp \%} #include <iostream> int main(){ std::cout << "Hello World!" << std::endl; return 0; } {\% endhighlight \%}
-
新建Page
可以在新建的文件头部修改显示信息rake page name="testpage.md"
--- layout: page title: "testpage" description: "" group: navigation ---
当group设置成navigation时,其会显示在网页的上边栏
-
新建Post
同样可以修改显示信息rake post title="testpost"
--- layout: post title: "testpost" description: "" category: category1 tags: [tag1, tag2] ---
tags标签可以是多个,用逗号隔开,逗号后面必须有空格
-
修改tagline BUG:在POST中,tagline一直显示固定信息. 将文件
HOME_PATH/_includes/themes/twitter/post.html
第二行改为(去掉反斜杠)<h1>\{\{ page.title \}\} <small>\{\{ page.tagline \}\}</small></h1>
相关推荐
Jekyll Docker映像,用于在我的MacOS X上构建和查看github页。 :spouting_whale: 介绍 在Docker容器中构建并运行Jekyll github页面。 检出项目并构建Docker映像: docker build -t " wechris-jekyll " . 将github...
在MacOS上安装 以下步骤介绍了启动和运行类似站点的基本设置。 有关更多详细信息,查看 安装Rubybrew install ruby或者在ubuntu上sudo apt-get install ruby 通过RubyGems安装Jekyll和Bundler宝石gem install ...
科技博客 该站点使用静态站点生成器 。 托管该站点的GitHub Pages本身就支持Jekyll,因此每当有人将其推送到该存储库时,便会构建和更新该网站。 有关自己托管的信息,请参见: 设置网站的本地副本 使用Ruby手动设置...
项目概况 网站拥有和的已出版作品。 我们致力于提高政府的财务透明度。 。 提交并更新,想法,错误修复和新内容的。 该站点由开源静态站点生成器...Ruby v2.3.3(与macOS一起默认安装) (可用于macOS的二进制文件)
如果以前安装了github-pages,则可以通过运行升级到最新版本 bundle update 一旦安装了github-pages,以下命令将生成网站并启动本地Web服务器: bundle exec jekyll serve 然后,您可以以在发布之前验证您的更改...
杰基尔主题嬉皮士 语言:英语| 具有响应式网页设计的最小,组合,侧边栏,自举式Jekyll... 另外,如果您的计算机运行的是Debian或macOS,请确保已安装GNU coreutils 。 否则,通过以下方式获得它: 德比安 $ sudo ap
在本地构建和生成请参阅使用资源最初将用作起点直接在macOS上运行jekyll的详细信息不建议macOS Jekyll brew install rbenv ruby-buildrbenv install 2.5.1rbenv global 2.5.1gem install bundler# macOS Mojave: ...
第一步是在您的计算机上安装Jekyll 2.5.3 。 可以在找到针对Linux和MacOS用户的说明,并针对Windows用户的说明。 第二步是安装将用来生成站点的。 第三步是安装 下一个克隆ALIEN的文档来源分支(如果尚未完成),...
如果您不熟悉Git或GitHub,强烈建议您在macOS或Windows上尝试。 安装Jekyll 。 gem install bundler jekyll 请参阅 。 运行杰基尔。 bundle exec jekyll serve 您可以使用--incremental标
如果您的计算机运行的是Debian或macOS,请确保已安装 。 否则,通过以下方式安装: 德比安$ sudo apt-get install coreutils 苹果系统$ brew install coreutilsJekyll插件 ,然后将您的分叉存储库克隆到本
使用 : git clone这个仓库cd ircv3.github.io/ git submodule update --init --recursive bundle install bundle exec jekyll serve故障排除如果在macOS Sierra上安装nokogiri时遇到错误,请确保您的XCode工具是
基于Docker的环境启动和运行本地测试环境的最简单方法是在Linux或macOS控制台中执行以下命令: docker-compose up这将在Docker容器中安装所有依赖项并启动测试Web服务器。 如果一切正常,则控制台中将显示以下消息:...
该页面使用 Jekyll,由 Github Pages 托管。 对 master 分支的所有提交都会自动部署到网站。 您可以按照 Jekyll 网站上的说明在您的计算机上本地测试该网站: : 适用于 Windows 和 MacOS 的说明: 欢迎您参与开发...
imanishbarnwal.github.io 简历和项目展示网站 该网站的灵感来自 入门 要启动并运行本地副本,请遵循以下简单步骤。 The commands and instructions I provide are for MacOS - please look up the specific ...
在GitHub Pages上托管的asian-chi.github.io/2020 这是2020年亚洲CHI研讨会网站的资料库。 这由研讨会的Web Chair维护,由。 依存关系 这是该网站的依赖项。 您还可以检查Gemfile以获取更多信息: Ruby == 2.5.3 ...
杰基尔主题嬉皮士 语言:英语|具有响应式网页设计的... 另外,如果您的计算机运行的是Debian或macOS,请确保已安装 。 否则,通过以下方式获得它: 德比安$ sudo apt-get install coreutils 苹果系统$ brew install cor
这是一个由Jekyll建立的个人网站,并托管在Github Pages ,该网站基于新的Neumorphism设计趋势,并采用移动优先的方式开发。 想要展示自己的简历和作品集的开发人员可以使用它。 如果要在自己的网站上使用它,请...
这是一个由Jekyll建立的个人网站,并托管在Github Pages ,该网站基于新的Neumorphism设计趋势,并采用移动优先的方式开发。 想要展示自己的简历和作品集的开发人员可以使用它。 如果要在自己的网站上使用它,请...
使用Jekyll在本地构建 对于本地版本,您需要安装Ruby 2.4或更高版本。 要在您的环境中检查Ruby版本,请在您的终端中运行: $ ruby -v 安装最新的Ruby(如果Ruby版本低于2.4) MacOS用户 安装Homebrew。 有关说明,...
精选在精选于出现在 ··目录关于该项目 这是一个由Jekyll建立的个人网站,并托管在Github Pages ,该网站基于新的Neumorphism设计趋势,并采用移动优先的方式开发。 想要展示自己的简历和作品集的开发人员可以使用...