joytouwu-JOYTOU
/
index.html

---
layout: null
lang: cn
---
<!DOCTYPE html>
<html>
  <head>
	<!--Directly to the area where the user language is located.-->
	<script src="{{ '/assets/js/languages.js' | prepend: site.baseurl }}"></script>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="title" content="JOYTOU - Jekyll Blog Template" />
	<meta name="description" content="{{ site.description }}">
    <meta name="keywords" content="{% for word in site.keywords %}{{ word }}{% unless forloop.last %},{% endunless %}{% endfor %}">
    <meta name="author" content="{{ site.author }}">
	<meta name="owner" content="{{ site.owner_name }}" />
    <meta name="copyright" content="(c) 2017 - 2018" />
	{%- for meta in site.data.metas -%}
    <meta name="{{ meta.name }}" content="{{ meta.content }}"/>
	{%- endfor -%}
	<!--Rich preview-->
	<meta property="og:site_name" content="JOYTOU - Jekyll Blog Template" />
<meta property="og:title" content="Home page - JOYTOU Blog" />
<meta property="og:description" content="{{ site.description | slice: 0, 49 }}" />
<meta property="og:image" content="{{ site.url }}/assets/ScreenshortDemo/pc_en.png" />
<meta property="og:url" content="{{ site.url }}/">
<!-- End rich preview-->
	<link rel="icon" href="{{ '/assets/favicon-32.ico' | prepend: site.baseurl }}">
    <link rel="bookmark" href="{{ '/assets/favicon-128.ico' | prepend: site.baseurl }}" type="image/x-icon"　/>
	<title>JOYTOU - Jekyll Blog Template</title>
	<link rel="stylesheet" href="{{ '/assets/css/bootstrap.min.css' | prepend: site.baseurl }}">
	<link rel="alternate" type="application/rss+xml" title="{{ site.name }}" href="{{ '/feed.xml' | prepend: site.url }}" />
	<link rel="alternate" hreflang="x-default" href="{{ site.url }}/" />
{%- for langs in site.data.lang -%}
{%- for countries in langs[1].country -%}
	<link rel="alternate" hreflang="{% if langs[1].simplecode == countries %}{{ countries }}{% else %}{{ langs[1].simplecode }}-{{ countries }}{% endif %}" href="{{ langs[1].lang | prepend: '/' | prepend: site.url }}/" />
{%- endfor -%}
{%- endfor -%}
	<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "Product",
  "name" : "JOYTOU Blog",
  "description" : "This blog build by Joytou from Bootstrap",
  "url" : "http://www.joytou.net/",
  "brand" : {
    "@type" : "Brand",
    "name" : "JOYTOU",
    "logo" : "http://www.joytou.net/assets/logo.png"
  },
  "offers" : {
    "@type" : "Offer",
    "price" : "0"
  },
  "aggregateRating" : {
    "@type" : "AggregateRating",
    "bestRating" : "8"
  },
  "review" : {
    "@type" : "Review",
    "reviewRating" : {
      "@type" : "Rating",
      "bestRating" : "10"
    }
  }
}
</script>
  </head>
  <body>

	<div id="myCarousel" class="carousel slide">
	  <!-- 轮播（Carousel）指标 -->
	  <ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
		<li data-target="#myCarousel" data-slide-to="3"></li>
	  </ol>

	  <!-- 轮播（Carousel）项目 -->
	  <div class="carousel-inner">
		<div class="item active">
		  <img src="{{ '/assets/ScreenshortDemo/mo_cn.png' | prepend: site.baseurl }}" alt="mobile style in Chinese" width="100%">
		  <div class="carousel-caption"><h4>mobile style in Chinese</h4></div>
		</div>
		<div class="item">
		  <img src="{{ '/assets/ScreenshortDemo/mo_en.png' | prepend: site.baseurl }}" alt="mobile style in English" width="100%">
		  <div class="carousel-caption"><h4>mobile style in English</h4></div>
		</div>
		<div class="item">
		  <img src="{{ '/assets/ScreenshortDemo/pc_cn.png' | prepend: site.baseurl }}" alt="pc style in Chinese" width="100%">
		  <div class="carousel-caption"><h4>pc style in Chinese</h4></div>
		</div>
		<div class="item">
		  <img src="{{ '/assets/ScreenshortDemo/pc_en.png' | prepend: site.baseurl }}" alt="pc style in English" width="100%">
		  <div class="carousel-caption"><h4>pc style in English</h4></div>
		</div>
	  </div>
	  <!-- 轮播（Carousel）导航 -->
	  <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
	  <a class="carousel-control right" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
	</div>
<div class="jumbotron">
  	<p><ul class="list-group">
	  <p>请选择您的语言</p>
	  <p>Please select your language</p>
	  <li class="list-group-item"><a href="/cn/">简体中文</a></li>
	  <li class="list-group-item"><a href="/tw/">繁体中文</a></li>
	  <li class="list-group-item"><a href="/en/">English</a></li>
	  </ul>
	</p>
	<div class="page-header">
    <h1>JOYTOU
        <small><p>由Joytou构建</p><p>build by Joytou</p></small>
    </h1>
</div>
<p>该博客模板为免费模板，不收取任何费用。另外，如若您支持该博客模板，可以向我小额资助。</p>
<p>This blog template is a free template and does not charge any fees. In addition, if you support the blog template, you can subsidize me a little.</p>
	  <p>All English translations are provided by Google</p>
</div>
<script src="{{ '/assets/js/jquery-3.2.1.min.js' | prepend: site.baseurl }}"></script>
	<script src="{{ '/assets/js/bootstrap.min.js' | prepend: site.baseurl }}"></script>
<script>
	$(function(){
		// 初始化轮播
			$("#myCarousel").carousel('cycle');
		// 循环轮播到上一个项目
		$(".prev-slide").click(function(){
			$("#myCarousel").carousel('prev');
		});
		// 循环轮播到下一个项目
		$(".next-slide").click(function(){
			$("#myCarousel").carousel('next');
		});
		// 循环轮播到某个特定的帧
		$(".slide-one").click(function(){
			$("#myCarousel").carousel(0);
		});
		$(".slide-two").click(function(){
			$("#myCarousel").carousel(1);
		});
		$(".slide-three").click(function(){
			$("#myCarousel").carousel(2);
		});
		$(".slide-four").click(function(){
			$("#myCarousel").carousel(3);
		});
	});
</script>
    {% include foot.html %}
  </body>
</html>