jekyll-minimal-theme的中文简体化,一款极简(风格)的 jekyll 主题
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_layouts
_posts
css
.gitignore
LICENSE.md
README.markdown
_config.yml
about.markdown
archive.html
feed.xml
index.html

README.markdown

点击展开原 README 汉化后的内容

什么是 jekyll-极简主题?

这是又一个极简(风格)的Jekyll静态站点生成器主题, 也就是说,一个现成的主题模板包。

查看在线演示 @ gledos.science/jekyll-minimal-theme-zh-cmn-hans »


举例:

├── _config.yml                # 网站配置
├── _posts                     # 暂时储存着一些博客文章模板用作演示
|   ├── 2014-05-05-sportdb-update-v192.md
|   ├── 2014-10-10-new-repo-ba-bay.md     # 文件名格式:
|   ├── 2014-10-21-sql-views.md           # => 年-月-日-标题.格式
|   ├── 2014-11-11-new-reop-maps.md
|   └── 2014-12-15-quick-starter-datafiles.md
├── _layouts
|   ├── default.html           # 主布局模板
|   └── post.html              # 单一博客模板
├── css
|   ├── _settings.scss         # 风格设置(例如变量)
|   └── style.scss             # 主风格页面
├── feed.xml                   # web订阅源模板(如atom格式)
├── archive.html               # 归档文章
└── index.html                 # 主页模板

将会生成出

└── _site                           # 输出生成文件夹; 网站在此生成
    ├── css
    |   └── style.css               # 页面样式(按原样复制1:1)
    ├── sportdb-update-v192.html    # 博客文章页面
    ├── new-repo-ba-bay.md.html     # 另一个博客网站页面
    ├── sql-views.html              
    ├── new-repo-maps.html          
    ├── quick-starter-datafiles.html    
    ├── feed.xml                    # web订阅源(如atom格式)
    ├── archive.html                # 归档文章
    └── index.html                  # 主页

使用方法

首先删除_posts文件夹中的所有示例文章,然后更改_config.yml中的设置以使用您自己的site.titlesite.url

title:   'Jekyll Minimal Theme 中文简体版'
url:     'http://henrythemes.github.io/jekyll-minimal-theme'
author:
  name:  'Jekyll Minimal Theme Team'

Color n Typography Settings (in css/_settings.scss)

排版(字体):

$font-family:       "Helvetica Neue", Helvetica, Arial, sans-serif;

$code-font-family:  Menlo, Monaco, "Courier New", monospace;

颜色:

$masthead-color:         #505050;
$masthead-small-color:   #C0C0C0;

$post-title-color:       #303030;
$post-date-color:        #9a9a9a;


$body-color:            #515151;
$body-background-color: #fff;

$link-color:            #268bd2;

$headings-color:        #313131;    // h1,h2,h3,h4,h5,h6

$strong-color:          #303030;    // strong

$pre-background-color:  #f9f9f9;    // pre

$blockquote-color:        #7a7a7a;  // blockquote
$blockquote-border-color: #e5e5e5;

$table-border-color:         #e5e5e5;
$table-odd-background-color: #f9f9f9;

非常感谢Poole主题 (Poole theme); jekyll-minimal-theme 始于Poole主题的排版和颜色设置。

其他的 (极简) Jekyll主题

in _main.scss:
  font-family:     "Merriweather", "PT Serif", Georgia, "Times New Roman", serif;
  code-font-family: Menlo, Monaco, "Courier New", monospace;
  h1-h6|button|form|pagination|footer -font-family:
                   'Lato', 'Helvetica Neue', Helvetica, sans-serif;

in _basscss.scss:
  font-family:       'Helvetica Neue', Helvetica, sans-serif;
in components/_syntax.scss:
  code-font-family:    'Courier', monospace;
in base/_variables.scss:
  font-family:         'Open Sans', sans-serif;
  variant-font-family: 'Lora', Georgia, serif;
in base/_global.scss:
  h1-h6-font-family:  'Open Sans', sans-serif;
in base/_reset.scss:
  font-family:         sans-serif;
  code-font-family:    monospace, monospace;

更多主题

查看 Dr. Jekyll's Themes 的目录。

更多的快速入门向导脚本

查看 Mr. Hyde's Scripts 的库。

License / 许可证

CC0协议 主题和脚本专用于公共领域。 尽可能地使用它,不受任何限制。

有问题和意见?

发送他们到 wwwmake forum. 谢谢!

建议发给我(gledos),但是我不一定有能力解决,就算能解决也会花上很多时间......

汉化内容

  • 日期中国习惯化
  • 字体加入各种设备适合的中文字体(包括 Chrome OS)
  • 对字体大小和边距有所调整,更佳适合中文(但也许也不是最合适的)
  • 对README 和网站上首页的第一篇文章进行了汉化

一些提示

这个主题不需要在文章的 mayl 头文件中写入 date 这一项多余的东西,本主题在经过我的修改(最大限度保留原设定)选择 post 模板时会直接寻找在 _post/ 里面的文章中的 YYYY-MM-DD 格式的时间,所以就不需要出现两份时间了。

推荐修改

  • 使用 liquid 进行生成 sitemap.xml 比如
  • 写长文要使用摘要 Post excerpts - jekyll docs(英文)中文
  • 限制主页显示文章的数量,还可以加上分页。(但是 5 篇文章就一页简直浪费人生,建议 8 篇以上,因为观看者不去归档看标题,就是为了看主页中的摘要内容啊)