trio
所属分类:快速开发平台
开发工具:CSS
文件大小:0KB
下载次数:0
上传日期:2018-06-18 21:41:07
上 传 者:
sh-1993
说明: 一个简单的以内容为中心的Jekyll主题。,
(A simple content-focused Jekyll theme.,)
文件列表:
404.html (532, 2018-06-18)
LICENSE (1079, 2018-06-18)
_config.yml (1253, 2018-06-18)
_layouts/ (0, 2018-06-18)
_layouts/default.html (6955, 2018-06-18)
_layouts/page.html (84, 2018-06-18)
_layouts/post.html (4149, 2018-06-18)
_posts/ (0, 2018-06-18)
_posts/2015-09-05-welcome-to-trio.md (1060, 2018-06-18)
_posts/2015-09-06-code-blocks-tables-and-github-gists.md (2175, 2018-06-18)
_posts/2015-09-06-getting-started-with-trio.md (1940, 2018-06-18)
_posts/2015-09-06-setting-up-disqus-integration.md (1069, 2018-06-18)
_posts/2015-09-06-what-is-jekyll.md (1293, 2018-06-18)
_posts/2015-09-07-color-themes-and-post-logos.md (2285, 2018-06-18)
_sass/ (0, 2018-06-18)
_sass/_basic.scss (2896, 2018-06-18)
_sass/_colors.scss (642, 2018-06-18)
_sass/_footer.scss (2328, 2018-06-18)
_sass/_forms.scss (1338, 2018-06-18)
_sass/_pagination.scss (3141, 2018-06-18)
_sass/_search.scss (1660, 2018-06-18)
_sass/_sharing.scss (551, 2018-06-18)
_sass/bourbon/ (0, 2018-06-18)
_sass/bourbon/_bourbon-deprecated-upcoming.scss (14536, 2018-06-18)
_sass/bourbon/_bourbon.scss (2516, 2018-06-18)
_sass/bourbon/addons/ (0, 2018-06-18)
_sass/bourbon/addons/_border-color.scss (653, 2018-06-18)
_sass/bourbon/addons/_border-radius.scss (1071, 2018-06-18)
_sass/bourbon/addons/_border-style.scss (604, 2018-06-18)
_sass/bourbon/addons/_border-width.scss (596, 2018-06-18)
_sass/bourbon/addons/_buttons.scss (1717, 2018-06-18)
_sass/bourbon/addons/_clearfix.scss (456, 2018-06-18)
_sass/bourbon/addons/_ellipsis.scss (669, 2018-06-18)
_sass/bourbon/addons/_font-stacks.scss (586, 2018-06-18)
_sass/bourbon/addons/_hide-text.scss (740, 2018-06-18)
_sass/bourbon/addons/_margin.scss (594, 2018-06-18)
_sass/bourbon/addons/_padding.scss (598, 2018-06-18)
_sass/bourbon/addons/_position.scss (1134, 2018-06-18)
_sass/bourbon/addons/_prefixer.scss (1664, 2018-06-18)
... ...
# Trio
Trio is a simple, content-focused, responsive, mobile-friendly [Jekyll](http://jekyllrb.com/) theme. Trio comes with support for these things out-of-the-box:
* RSS feed
* 404 page
* Markdown syntax highlighting, fenced code blocks, tables, GitHub gists, blockquotes
* Post sharing buttons
* Paginated list of posts
* Disqus integration
* Full-text search
This [Jekyll](http://jekyllrb.com/) theme was crafted with <3 by [Ankur Gupta](https://github.com/ankur-gupta). Checkout the [demo](http://perfectlyrandom.org/trio/).
### Thanks
Trio was created using inspiration and partial code from these sources:
* [Solo](http://chibicode.github.io/solo/) theme by [Shu Uesugi](https://github.com/chibicode) - HTML/CSS for posts.
* [Lanyon](http://lanyon.getpoole.com/) & [Hyde](http://hyde.getpoole.com/) themes by [Mark Otto](https://github.com/mdo) - color themes.
* [Pixyll](http://pixyll.com/) theme by [John Otander](https://github.com/johnotander) - design principles, some HTML/CSS.
* [Bourbon Refills](http://refills.bourbon.io/) - many HTML/CSS snippets.
* [Font Awesome](http://fortawesome.github.io/Font-Awesome) - awesome icons.
* [Simple-Jekyll-Search](https://github.com/christian-fei/Simple-Jekyll-Search) by [christian-fei](https://github.com/christian-fei) - full-text search.
A big thank you to all of them. I have added links to their licenses wherever I substantially copied their code.
### Color Themes
Trio comes with nine color themes (1 default + 8 from [Lanyon Color Themes](https://github.com/poole/lanyon)). These colors are listed in `_sass/_colors.scss`. To change the color theme, simply change the `$theme-color` variable in `_sass/_colors.scss`:
```scss
$theme-color: $base-08; /* Red */
```
This is an example of the red/`base-08` color theme.
![Trio with red color theme](https://cloud.githubusercontent.com/assets/7110058/9712293/858a2090-54fe-11e5-8165-e16d3b2d9efd.png)
### Script to create favicons
I have written a small [bash script](https://github.com/ankur-gupta/trio/blob/master/create-favicon.sh) that creates favicons using [imagemagick's](http://www.imagemagick.org) `convert`. You can modify the script to change colors and the lettering. See [`_layouts/default.html`](https://github.com/ankur-gupta/trio/blob/master/_layouts/default.html#L55) for the HTML that specifies icons for various vendors.
### Issues
This theme should be ready for use. I am not an expert in SCSS and the current code might be superfluous or overkill. See [issues](https://github.com/ankur-gupta/trio/issues) for future improvements. Feel free to add your own.
### License
Open sourced under MIT License
近期下载者:
相关文件:
收藏者: