abridge

Abridge Zola主题

使用Abridge.css（类光线html html CSS框架）的快速，轻巧和现代的Zola主题。完美的灯塔，黄色布托尔和天文台得分。这是Zola主题基准页面。

所有贡献者和赞助商都可以维护该项目。如果您想赞助此项目，并将您的头像或公司徽标显示在下面，请单击此处。 ？

---

查看Abridge演示

查看abridge.css演示[abridge.css框架]

abridge.css演示只是将缩写主题用作subpoule：config.toml，sass/abridge.scss

特征

• 完美的灯塔，黄色布托尔和天文台得分。
• PWA支持（渐进Web应用程序）。
• 所有JavaScript都可以完全禁用。
• 黑暗，轻，自动和开关主题。 （可以自定义颜色，CSS变量）
• 代码语法突出显示。 （可以自定义颜色，CSS变量）
• 带有线突出显示的编号代码块。
• 通过使用PWA或通过在config.toml （完整的搜索支持）中设置search_library = "offline" 。
• 多语言支持。
• 搜索支持。 （Elasticlunr，PageFind，TinySearch）
• 搜索建议导航键， /焦点， arrow移动， enter选择， escape关闭。
• 搜索结果页面，键入搜索查询，然后点击Enter Key或click搜索按钮图标。
• SEO支持。 （搜索引擎优化）
• 编号为指数上的编号。
• 基于标题的上一篇文章和下一个文章链接在文章底部。
• 页面索引中的目录（可选，可单击的链接）
• 最近的帖子块。 （选修的）
• 返回顶部按钮。 （仅使用CSS）
• 代码块复制按钮。
• 页脚混淆中的电子邮件链接。 （反垃圾邮件）
• Katex支持。
• 存档页面。
• 标签。
• 类别。 （类似于标签，默认情况下禁用/评论）
• 页脚中的社交图标链接。
• 响应式设计。 （首先移动）
• 视频短号：YouTube，Vimeo，流媒体。
• 媒体短号：视频，IMG，IMGSWAP，图像，GIF，音频。
• 其他短号：Showdata，Katex。

可以在这里提供完整的文档

快速开始

此主题需要版本0.19.1或更晚的Zola

git clone https://github.com/jieiku/abridge.git
cd abridge
zola serve
# open http://127.0.0.1:1111/ in the browser 

安装

快速启动显示了如何直接运行主题。接下来，我们将使用Abridge作为新站点的主题。

1：创建一个新的Zola网站

yes " " | zola init mysite
cd mysite

2：安装缩进

将主题添加为git subsodule：

git init  # if your project is a git repository already, ignore this command
git submodule add https://github.com/jieiku/abridge.git themes/abridge
git submodule update --init --recursive
git submodule update --remote --merge

或克隆主题到您的主题目录：

git clone https://github.com/jieiku/abridge.git themes/abridge

3：配置

将一些文件从主题目录复制到项目的根目录：

rsync themes/abridge/.gitignore .gitignore
rsync themes/abridge/config.toml config.toml
rsync themes/abridge/content/_index.md content/
rsync -r themes/abridge/COPY-TO-ROOT-SASS/ * sass/
rsync themes/abridge/netlify.toml netlify.toml
rsync themes/abridge/package_abridge.js package_abridge.js
rsync themes/abridge/package.json package.json

• config.toml base配置，带有所有配置值。
• content/_index.md设置分页所需。
• COPY-TO-ROOT-SASS/abridge.scss覆盖以自定义浏览变量。
• netlify.toml设置以使用netlfiy部署您的存储库。
• package_abridge.js节点脚本到：PWA中的更新缓存文件列表，Minify JS，Bundle JS
• package.json促进package_abridge.js的使用

删除项目的root config.toml中的主题行：

sed -i ' s/^#theme = "abridge"/theme = "abridge"/ ' config.toml

4：添加新内容

将内容从主题目录复制到您的项目或发表新帖子：

rsync -r themes/abridge/content .

5：运行项目

只需在项目的根路径中运行zola serve ：

zola serve

Zola将启动Dev Web服务器，默认情况下可在http://127.0.0.1:1111访问。

保存的更改将在浏览器中进行重新加载。 （按ctrl+f5 ，或在开发set set set pwa=false在config.toml中）

定制

有关进一步的自定义，请务必检查文档。

赞助

你喜欢这个主题吗？对您有用吗？请留下一颗Github星星，如果您愿意捐款，可以通过Github赞助商向我捐款。

贡献和哲学

我们希望您的帮助！特别是解决问题的修复，或改进现有功能。

目的是使Abridge轻巧，快速，即使JavaScript被禁用或阻塞，也可以正常工作。

搜索唯一可能被认为是依赖JavaScript的功能。

执照

Abridge根据MIT许可证的条款分发。