Skip to content

Latest commit

 

History

History
83 lines (56 loc) · 4.47 KB

README-zh.md

File metadata and controls

83 lines (56 loc) · 4.47 KB

TeXt Theme

Gem Version license Travis

TeXt Theme

TeXt Theme Details

TeXt 是针对博客的一款简洁的主题，它虽然简洁但并不简单。它参考了 iOS 11 的风格，有大而突出的标题和圆润的按钮及卡片。

English Documentation

Features

  • 响应式
  • 分页（jekyll-paginate）
  • 文章目录
  • 文章标签
  • 搜索（标题）
  • 阅读次数统计（LeanCloud）
  • Emoji（Jemoji）
  • 评论（Disqus, gitalk）
  • Google Analytics
  • 联系方式设置（Email, Facebook, Twitter, 微博, 知乎……）
  • Web 语意化
  • 网站图标的自动化工具（gulp-svg2png, gulp-to-ico）
  • Color Theme
  • 数学公式（MathJax）
  • 流程图， 序列图，甘特图（mermaid）
  • 柱状图，折线图，饼图，雷达图（chartjs）
  • RSS（jekyll-feed）
  • 多语言支持（English | 简体中文 | 繁體中文）

Color Theme

颜色主题位于文件夹 ./_sass/colors 中，修改 ./_config.yml 中的 text_color_theme 项为以下值即可更换颜色主题，默认主题为 default。

default dark forest
default dark forest
ocean chocolate orange
ocean chocolate orange

文档

网站图标

该主题自带了一个“银杏叶”图标，你可以把它替换为自己的图标。网站的图标位于 ./favicon.ico 和 ./assets/images/logo 目录下。你会看到 logo 目录中有很多的 png 文件和一个 svg 矢量图文件。那些 png 图片实际上就是根据 svg 矢量图生成的不同大小的图片，这些图片是一些场景可能会用到的大图标，像 iOS 和 Android 的固定到屏幕和 Windows 10 的磁贴。

该主题提供了一个自动化脚本能将 svg 矢量图自动生成 favicon 和 png 文件。你所要做的是：

  1. 安装 Node.js 环境

  2. 在项目根目录执行 npm i 命令

  3. 替换 ./assets/images/logo 目录下的 logo.svg 文件

  4. 执行 npm run artwork 命令，此时 favicon 和 png 便会替换为新 logo.svg 生成的文件

当然如果要追求各个尺寸下图标的显示效果，那还得对不同尺寸的图片进行修改和优化。

其他资源

在 ./_includes/icon/social 目录下有很多的社交产品图标，例如 Behance、Flickr、QQ、微信等，方便修改和使用。

示例

Name Description
Home 文章列表页
Archive 过滤标签和查询

协议

TeXt Theme 遵循 MIT 协议。