jekyll theme consulting

咨询 - Jekyll 主题

适合企业的清醒、无忧、jekyll 模板。

您可以在此处预览主题

特征

响应式：开箱即用，支持所有屏幕尺寸，无论是智能手机、笔记本电脑、平板电脑......

多语言：轻松管理多种语言的页面、菜单、网址、日期、站点地图

可定制：主题颜色、菜单、社交项目可以从中央配置文件更改

许多小部件：选项卡、迷你帖子、聚光灯、功能列表等可以轻松插入，而无需担心其内部结构

许多模板：由于自定义 Jekyll 包含，可以轻松插入联系表单、导航菜单等

矢量图像：主题图像被矢量化，可以在任何显示器上平滑渲染，并且可以动态设置样式

GDPR 就绪：捆绑 cookie 同意插件和符合 GDPR 的样板隐私政策

SEO 就绪：为网站自动生成站点地图、robots.txt 和标签

Light ：svg 图像、拇指和光栅图像的延迟加载、很少的库

高性能：资产的并行加载和执行，支持延迟加载，缩小资产，压缩关键路径

强化：表单验证、验证码、验证库

安装

将此行添加到 Jekyll 站点的Gemfile中：

 gem "jekyll-theme-consulting"

并将此行添加到 Jekyll 站点的_config.yml中：

 theme : jekyll-theme-consulting

然后执行：

 $ bundle

或者自己安装：

 $ gem install jekyll-theme-consulting

用法

对于那些不熟悉 Jekyll 工作原理的人，请访问 jekyllrb.com 了解所​​有详细信息，或者仅阅读前言、撰写帖子和创建页面的基础知识。

初始化

将文件_config.yml从主题存储库复制到网站文件夹树的根目录。以下部分解释了这些设置的影响以及如何正确配置_config.yml 。

配置

您可以在_config.yml中使用以下自定义参数。

地点

title和subtitle并排显示：

• 在选项卡名称中
• 在页面顶部的页眉中

社会的

您填写的每个网址都会出现社交图标，其中包括facebook_url等。

接触

您的联系信息可以用在联系表格、页脚或其他任何地方。

验证码

联系表单使用谷歌的 recaptcha 插件进行验证。首先，您需要[注册您的网站]以启用该插件。 Google 将为您提供客户端集成密钥：将其复制到recaptcha.sitekey下的_config.yml中。

图片

延迟加载

图像下载和渲染可以推迟到它们进入视口为止。这缩短了网页的加载时间，并且不会对显示的内容产生任何影响，因为图像不在屏幕上。

有两种可能性：

1. 使用与 gem 捆绑在一起的脚本
2. 取决于浏览器

浏览器对延迟加载的支持各不相同，因此建议选择第一个解决方案。

使用 gem 功能

• 添加class="lazy-loading"
• 用占位符文件的路径填充属性src
• 使用内容文件的路径填充属性data-src

前：

 < img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />

后：

 < img class =" lazy-loading " src =" {{ 'assets/images/placeholder.jpg' | absolute_url }} " data-src =" {{ 'assets/images/content.jpg' | absolute_url }} " /> 

使用浏览器功能

• 添加loading="lazy"

前：

 < img src =" {{ 'assets/images/content.jpg' | absolute_url }} " />

后：

 < img loading =" lazy " src =" {{ 'assets/images/content.jpg' | absolute_url }} " />

并非所有浏览器都支持此功能！

压缩和文件格式

推荐使用webp格式。

在给定的尺寸和压缩级别（质量）下，webp 文件的大小至少是原来的一半，并且感觉更平滑。

发布

在 Github 页面上

在您自己网站的存储库中，编辑_config.yml文件：

 url : " https://<github-account-name>.github.io/<repository-name> "

使用以下内容构建网站：

 $ JEKYLL_ENV=production bundle exec jekyll build

将所有工作提交到当前分支。

创建一个名为gh-pages分支：

 $ git checkout -b gh-pages

最后用生成的网页替换存储库的内容：

 $ mkdir ~/backup
$ mv ./* ~/backup/
$ mv ~/backup/.git ./
$ mv ~/backup/_site/* ./
$ git add .
$ git commit -m "First draft"

存储库的内容备份在用户的主目录中。

最后推送到github

 $ git push --u origin gh-pages

在任何服务器上

在您自己网站的目录中，编辑_config.yml文件：

 url : " https:<domain-name> "

使用以下内容构建网站：

 $ JEKYLL_ENV=production bundle exec jekyll build

将文件夹_site的内容复制到您的服务器，很可能位于www中。

如有必要，请配置您的服务器以提供此目录服务。

贡献

欢迎在 GitHub 上提交错误报告和拉取请求：https://github.com/apehex/jekyll-theme-consulting。该项目旨在成为一个安全、温馨的协作空间，贡献者应遵守贡献者契约行为准则。

发展

要设置环境来开发此主题，请运行bundle install 。

要测试主题，请运行bundle exec jekyll serve并打开浏览器http://localhost:4000 。这将使用主题启动 Jekyll 服务器。像平常一样添加页面、文档、数据等来测试主题的内容。当您对主题和内容进行修改时，您的网站将重新生成，刷新后您应该会在浏览器中看到更改，就像平常一样。

主题发布时，只会捆绑_layouts 、 _includes 、 _sass中的文件以及 Git 跟踪的assets 。要将自定义目录添加到 theme-gem，请相应地编辑jekyll-theme-consulting.gemspec中的正则表达式。

制作人员

受到@ajlkn 工作的启发。

使用 cookie 同意插件的基本模板。

使用简单的 Jekyll 搜索插件。

横幅中的太空图像：创造之柱，由 NASA 提供。

执照

该主题根据 CC-BY-NC-SA-4.0 条款作为开源提供。