docs: update docs, docs image and screenshots

CHANGELOG.md

@@ -9,7 +9,7 @@
 - New grid system
 - Image, card, item and hero components
 - Tag additional style
-- chart.js update to 2.7.2, mathjax update to 2.7.4 mermaid update to 8.0.0-rc.8
+- chart.js update to 2.7.2, mathjax update to 2.7.4 and mermaid update to 8.0.0-rc.8
 
 ### Bug Fixes
 

HOW_TO_RELEASE.md

@@ -3,25 +3,17 @@
 ## Preparation
 
 - diff configs (*_config.yml*, *docs/_config.yml*, *docs/_config.dev.yml*, *test/_config.yml*)
-
 - diff data dirs (*_data*, *docs/_data*, *test/_data*)
-
 - *assets/css/main.scss* use configurable skin
-
+- *screenshot.jpg* is the same as *screenshots/TeXt-home.jpg*
 - update *CHANGELOG.md*
-
 - update version (*jekyll-text-theme.gemspec*, *package.json*, *_includes/scripts/variables.html*)
 
 ## Publishing
 
 - run `npm run gem-build` to build gem
-
 - run `npm run gem-push` to publish gem to rubygems.org
-
 - run `git add . && git commit -m  "release: vx.x.x"` to make a release commit
-
 - run `git tag vx.x.x` to add a tag
-
 - run `git push && git push --tags` to push
-
 - edit release on github.com

README-zh.md

@@ -4,7 +4,7 @@
 [![license](https://img.shields.io/github/license/kitian616/jekyll-TeXt-theme.svg)](https://github.com/kitian616/jekyll-TeXt-theme/blob/master/LICENSE)
 [![Travis](https://img.shields.io/travis/kitian616/jekyll-TeXt-theme.svg)](https://travis-ci.org/kitian616/jekyll-TeXt-theme)
 
-![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.png)
+![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.jpg)
 
 ![TeXt Theme Details](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-layouts.png)
 
@@ -37,11 +37,11 @@ TeXt 内置有 6 套皮肤，你也可以定制自己的皮肤。
 
 | `default` | `dark` | `forest` |
 | --- |  --- | --- |
-| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.png) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.png) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.png) |
+| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.jpg) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.jpg) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.jpg) |
 
 | `ocean` | `chocolate` | `orange` |
 | --- |  --- | --- |
-| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.png) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.png) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.png) |
+| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.jpg) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.jpg) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.jpg) |
 
 ### 代码高亮主题
 

README.md

@@ -4,7 +4,7 @@
 [![license](https://img.shields.io/github/license/kitian616/jekyll-TeXt-theme.svg)](https://github.com/kitian616/jekyll-TeXt-theme/blob/master/LICENSE)
 [![Travis](https://img.shields.io/travis/kitian616/jekyll-TeXt-theme.svg)](https://travis-ci.org/kitian616/jekyll-TeXt-theme)
 
-![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.png)
+![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.jpg)
 
 ![TeXt Theme Details](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-layouts.png)
 
@@ -37,11 +37,11 @@ TeXt has 6 built-in skins, You can also  your own skin.
 
 | `default` | `dark` | `forest` |
 | --- |  --- | --- |
-| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.png) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.png) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.png) |
+| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.jpg) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.jpg) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.jpg) |
 
 | `ocean` | `chocolate` | `orange` |
 | --- |  --- | --- |
-| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.png) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.png) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.png) |
+| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.jpg) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.jpg) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.jpg) |
 
 ### Highlight Theme
 

about.md

@@ -8,7 +8,7 @@ titles:
 key: page-about
 ---
 
-![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.png)
+![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.jpg)
 
 TeXt is a super customizable Jekyll theme for personal site, team site, blog, project, documentation, etc. Similar to iOS 11 style, it has large and prominent titles, round buttons and cards.
 
@@ -41,11 +41,11 @@ TeXt has 6 built-in skins, you can also set up your own skin.
 
 | `default` | `dark` | `forest` |
 | --- |  --- | --- |
-| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.png) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.png) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.png) |
+| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.jpg) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.jpg) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.jpg) |
 
 | `ocean` | `chocolate` | `orange` |
 | --- |  --- | --- |
-| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.png) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.png) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.png) |
+| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.jpg) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.jpg) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.jpg) |
 
 ### Highlight Theme
 

docs/_articles/1.1-brief.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Brief
 permalink: /articles/brief.html
 key: articles-brief
-cover: /docs/assets/images/axure/articles-brief.png
+cover: /docs/assets/images/axure/articles-brief.jpg
 articles:
   data_source: site.page
   type: brief

docs/_articles/1.2-brief-info.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Brief (Info)
 permalink: /articles/brief-info.html
 key: articles-brief-info
-cover: /docs/assets/images/axure/articles-brief-info.png
+cover: /docs/assets/images/axure/articles-brief-info.jpg
 articles:
   data_source: site.page
   type: brief

docs/_articles/2.1-item-excerpt-readmore-info.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Item (Excerpt + Read More + Info)
 permalink: /articles/item-excerpt-readmore-info.html
 key: articles-item-excerpt-readmore-info
-cover: /docs/assets/images/axure/articles-item-excerpt-readmore-info.png
+cover: /docs/assets/images/axure/articles-item-excerpt-readmore-info.jpg
 articles:
   data_source: site.page
   show_cover: false

docs/_articles/2.2-item-cover.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Item (Cover)
 permalink: /articles/item-cover.html
 key: articles-item-cover
-cover: /docs/assets/images/axure/articles-item-cover.png
+cover: /docs/assets/images/axure/articles-item-cover.jpg
 articles:
   data_source: site.page
 ---

docs/_articles/2.3-item-cover-excerpt.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Item (Cover + Excerpt)
 permalink: /articles/item-cover-excerpt.html
 key: articles-item-cover-excerpt
-cover: /docs/assets/images/axure/articles-item-cover-excerpt.png
+cover: /docs/assets/images/axure/articles-item-cover-excerpt.jpg
 articles:
   data_source: site.page
   show_excerpt: true

docs/_articles/2.4-item-cover-excerpt-readmore.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Item (Cover + Excerpt + Read More)
 permalink: /articles/item-cover-excerpt-readmore.html
 key: articles-item-cover-excerpt-readmore
-cover: /docs/assets/images/axure/articles-item-cover-excerpt-readmore.png
+cover: /docs/assets/images/axure/articles-item-cover-excerpt-readmore.jpg
 articles:
   data_source: site.page
   show_excerpt: true

docs/_articles/2.5-item-cover-excerpt-readmore-info.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Item (Cover + Excerpt + Read More + Info)
 permalink: /articles/item-cover-excerpt-readmore-info.html
 key: articles-item-cover-excerpt-readmore-info
-cover: /docs/assets/images/axure/articles-item-cover-excerpt-readmore-info.png
+cover: /docs/assets/images/axure/articles-item-cover-excerpt-readmore-info.jpg
 articles:
   data_source: site.page
   show_excerpt: true

docs/_articles/3.1-grid.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Grid
 permalink: /articles/grid.html
 key: articles-grid
-cover: /docs/assets/images/axure/articles-grid.png
+cover: /docs/assets/images/axure/articles-grid.jpg
 articles:
   data_source: site.page
   type: grid

docs/_articles/3.2-grid-small.md

@@ -3,7 +3,7 @@ layout: articles
 title: Articles - Grid (Small Size)
 permalink: /articles/grid-small.html
 key: articles-grid-small
-cover: /docs/assets/images/axure/articles-grid-small.png
+cover: /docs/assets/images/axure/articles-grid-small.jpg
 articles:
   data_source: site.page
   type: grid

docs/_docs/en/1.7-update-form-1-to-2.md

@@ -4,7 +4,7 @@ permalink: /docs/en/update-form-1-to-2
 key: docs-update-form-1-to-2
 ---
 
-![TeXt 2](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-version-2.png)
+![TeXt 2](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-version-2.jpg)
 
 After several months effort, **TeXt 2** has finally released. the new version has lots of refactors and changes, which leads to some configuration incompatibilities. Hope this document will help you with your upgrade.
 

docs/_docs/en/2.1-configuration.md

@@ -27,11 +27,11 @@ TeXt has 6 built-in skins, you can also set up your own skin.
 
 | `default` | `dark` | `forest` |
 | --- |  --- | --- |
-| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.png) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.png) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.png) |
+| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.jpg) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.jpg) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.jpg) |
 
 | `ocean` | `chocolate` | `orange` |
 | --- |  --- | --- |
-| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.png) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.png) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.png) |
+| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.jpg) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.jpg) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.jpg) |
 
 ```yaml
 text_skin: default # "default" (default), "dark", "forest", "ocean", "chocolate", "orange"

docs/_docs/zh/1.7-update-form-1-to-2.md

@@ -4,7 +4,7 @@ permalink: /docs/zh/update-form-1-to-2
 key: docs-update-form-1-to-2-zh
 ---
 
-![TeXt 2](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-version-2.png)
+![TeXt 2](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-version-2.jpg)
 
 经过几个月的努力，**TeXt 2** 终于发布了，第二版在第一版的基础上做了大量的重构与更改，这也导致了一些配置的不兼容。希望这篇文档能对你的升级起到一些帮助，感谢你们的支持。
 

docs/_docs/zh/2.1-configuration.md

@@ -27,11 +27,11 @@ TeXt 内置有 6 套皮肤，你也可以定制自己的皮肤。
 
 | `default` | `dark` | `forest` |
 | --- |  --- | --- |
-| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.png) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.png) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.png) |
+| ![Default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.jpg) | ![Dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.jpg) | ![Forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.jpg) |
 
 | `ocean` | `chocolate` | `orange` |
 | --- |  --- | --- |
-| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.png) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.png) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.png) |
+| ![Ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.jpg) | ![Chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.jpg) | ![Orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.jpg) |
 
 ```yaml
 text_skin: default # "default" (default), "dark", "forest", "ocean", "chocolate", "orange"

docs/_page/1.1-single.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Single
 permalink: /page/single.html
 key: page-single
-cover: /docs/assets/images/axure/page-single.png
+cover: /docs/assets/images/axure/page-single.jpg
 ---
 
 A post with a single column.

docs/_page/1.2-aside.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Aside
 permalink: /page/aside.html
 key: page-aside
-cover: /docs/assets/images/axure/page-aside.png
+cover: /docs/assets/images/axure/page-aside.jpg
 aside:
   toc: true
 ---

docs/_page/1.3-sidebar.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Sidebar
 permalink: /page/sidebar.html
 key: page-sidebar
-cover: /docs/assets/images/axure/page-sidebar.png
+cover: /docs/assets/images/axure/page-sidebar.jpg
 aside:
   toc: true
 sidebar:

docs/_page/2.1-article-header-overlay-background-fill.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Article Header Overlay Background Fill
 permalink: /page/article-header-overlay-background-fill.html
 key: page-article-header-overlay-background-fill
-cover: /docs/assets/images/axure/page-article-header-overlay-background-fill.png
+cover: /docs/assets/images/axure/page-article-header-overlay-background-fill.jpg
 article_header:
   type: overlay
   theme: dark

docs/_page/2.2-article-header-overlay-background-image.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Article Header Overlay Background Image
 permalink: /page/article-header-overlay-background-image.html
 key: page-article-header-overlay-background-image
-cover: /docs/assets/images/axure/page-article-header-overlay-background-image.png
+cover: /docs/assets/images/axure/page-article-header-overlay-background-image.jpg
 article_header:
   type: overlay
   theme: dark

docs/_page/2.5-article-header-cover-image.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Article Header Image
 permalink: /page/article-header-cover-image.html
 key: page-article-header-cover-image
-cover: /docs/assets/images/axure/page-article-header-cover-image.png
+cover: /docs/assets/images/axure/page-article-header-cover-image.jpg
 article_header:
   type: cover
   image:

docs/_page/3.1-article-header-overlay-background-fill-immersive-translucent-header.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Article Header Overlay Background Fill (Immersive + Translucent Header)
 permalink: /page/article-header-overlay-background-fill-immersive-translucent-header.html
 key: page-article-header-overlay-background-fill-ITH
-cover: /docs/assets/images/axure/page-article-header-overlay-background-fill-immersive-translucent-header.png
+cover: /docs/assets/images/axure/page-article-header-overlay-background-fill-immersive-translucent-header.jpg
 mode: immersive
 header:
   type: translucent

docs/_page/3.2-article-header-overlay-background-image-immersive-translucent-header.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Article Header Overlay Background Image (Immersive + Translucent Header)
 permalink: /page/article-header-overlay-background-image-immersive-translucent-header.html
 key: page-article-header-overlay-background-image-ITH
-cover: /docs/assets/images/axure/page-article-header-overlay-background-image-immersive-translucent-header.png
+cover: /docs/assets/images/axure/page-article-header-overlay-background-image-immersive-translucent-header.jpg
 mode: immersive
 header:
   type: translucent

docs/_page/3.5-article-header-cover-image-immersive-translucent-header.md

@@ -3,7 +3,7 @@ layout: article
 title: Page - Article Header Image (Immersive + Translucent Header)
 permalink: /page/article-header-cover-image-immersive-translucent-header.html
 key: page-article-header-cover-image-ITH
-cover: /docs/assets/images/axure/page-article-header-cover-image-immersive-translucent-header.png
+cover: /docs/assets/images/axure/page-article-header-cover-image-immersive-translucent-header.jpg
 mode: immersive
 header:
   type: translucent

docs/_posts/2015-01-03-article-with-lots-images.md

@@ -6,7 +6,7 @@ tags: Test English
 
 ## TeXt Theme - Cover
 
-![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.png)
+![TeXt Theme](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/TeXt-home.jpg)
 
 <!--more-->
 
@@ -16,24 +16,24 @@ tags: Test English
 
 ## Skin: Default
 
-![default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.png)
+![default](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_default.jpg)
 
 ## Skin: Dark
 
-![dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.png)
+![dark](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_dark.jpg)
 
 ## Skin: Forest
 
-![forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.png)
+![forest](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_forest.jpg)
 
 ## Skin: Ocean
 
-![ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.png)
+![ocean](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_ocean.jpg)
 
 ## Skin: Chocolate
 
-![chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.png)
+![chocolate](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_chocolate.jpg)
 
 ## Skin: Orange
 
-![orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.png)
+![orange](https://raw.githubusercontent.com/kitian616/jekyll-TeXt-theme/master/screenshots/skins_orange.jpg)