renfufei.github.io/index.html at master · renfufei/renfufei.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html>

  <head>
    <meta charset='utf-8' />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta name="description" content="renfufei.github.io : 铁锚的技术博客" />

    <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">

    <title>renfufei.github.io</title>
  </head>

  <body>

    <!-- HEADER -->
    <div id="header_wrap" class="outer">
        <header class="inner">
          <a id="forkme_banner" href="https://github.com/renfufei">View on GitHub</a>

          <h1 id="project_title">renfufei.github.io</h1>
          <h2 id="project_tagline">铁锚的技术博客</h2>

        </header>
    </div>

    <!-- MAIN CONTENT -->
    <div id="main_content_wrap" class="outer">

      <section id="main_content1" class="inner">
        <h3>
        <a name="support-or-contact" class="anchor" href="javascript:toHttps(1);">想让你的GitHub页面开启https?</a></h3>
        <p>
          请访问: <a href="https://kloudsec.com/github-pages/new">https://kloudsec.com/github-pages/new</a>
        </p>
      </section>

      <section id="main_content3" class="inner">
      <h3>
      <a name="support-or-contact" class="anchor" href="http://blog.csdn.net/renfufei">简单有趣的Demo:</a></h3>
      <p>
	  <a target="_blank" href="//renfufei.cncounter.com/2048.html" >HTML5做的2048 </a><br/>
	  <a target="_blank" href="//renfufei.cncounter.com/duola.html" >纯CSS做的多啦A梦 </a><br/>
	  <a target="_blank" href="//renfufei.cncounter.com/javarepl.html" >Java-REPL抢先版 </a><br/>
      </p>
      </section>

      <section id="main_content4" class="inner">
      <h3>
      <a name="support-or-contact" class="anchor" href="/Baraja/">Baraja 扑克牌效果插件</a></h3>
      <p>
        Baraja 是一个jQuery插件,允许一种类似名片的时尚方式移动元素,将他们展开起来就像桌面上的一副扑克牌. 它使用CSS的 transforms 来旋转和移动. 通过几个配置选项,可以创建成各种展开方式,例如,外翻移动物品或采用旋转扇形的方式。
      </p>
      </section>

      <section id="main_content2" class="inner">
        <h3>
        <a name="support-or-contact" class="anchor" href="https://github.com/kimmking/SpringBatchReferenceCN">Spring Batch参考文档中文版</a></h3>
        <p>
          请查看: <a href="http://kimmking.gitbooks.io/springbatchreference/">Spring Batch参考文档中文版在线预览</a>
        </p>
        <p>
          也可以查看: <a href="https://github.com/kimmking/SpringBatchReferenceCN">GitHub仓库</a>
        </p>
      </section>

    </div>

    <!-- FOOTER  -->
    <div id="footer_wrap" class="outer">
      <footer class="inner">
        <p>Published with <a href="http://pages.github.com">GitHub Pages</a></p>
      </footer>
    </div>

    <script>
		//toHttps();
		//
		function toHttps(force){
			var p = location.protocol;
			var h = location.href;
			if(p.indexOf("http:") >-1){
				if(p.indexOf("https") < 0){
					h = h.replace("http:", "https:");
					location.href = (h);
				}
			} else if(force){
				location.href = "https://renfufei.cncounter.com/";
			}

		};

    </script>

  </body>
</html>