Skip to content

Commit

Permalink
site init
Browse files Browse the repository at this point in the history
  • Loading branch information
徐夫子 committed Jun 25, 2018
1 parent e316e96 commit 5e13879
Show file tree
Hide file tree
Showing 39 changed files with 5,571 additions and 0 deletions.
259 changes: 259 additions & 0 deletions 2017/04/18/hello-jekyll.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,259 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hello Jekyll - 徐夫子的博客</title>
<meta name="author" content="徐夫子">
<meta name="description" content="Hello Jekyll">
<meta name="keywords" content="jekyll">
<!-- Open Graph -->
<meta property="og:title" content="Hello Jekyll - 徐夫子的博客">
<meta property="og:type" content="website">
<meta property="og:url" content="http://localhost:4000/2017/04/18/hello-jekyll.html">
<meta property="og:description" content="全栈开发者 熱愛技術·設計·摄影 简单乐观爱创造">
<meta property="og:site_name" content="徐夫子的博客">
<link rel="stylesheet" href="//cdn.staticfile.org/normalize/6.0.0/normalize.min.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_roc50gemkxpw4s4i.css">
<link rel="stylesheet" href="/assets/css/github-markdown.css">
<link rel="stylesheet" href="/assets/css/prism.css">
<link rel="stylesheet" href="/assets/css/share.min.css">
<link rel="stylesheet" href="/assets/css/app.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

<!--
Author: Ray-Eldath
refer to:
- http://docs.mathjax.org/en/latest/options/index.html
-->

<script type="text/javascript" async src="https://cdn.bootcss.com/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"></script>

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {
inlineMath: [ ["$", "$"] ],
displayMath: [ ["$$", "$$"] ],
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
},
"HTML-CSS": { preferredFont: "TeX", availableFonts: ["STIX","TeX"] }
});
</script>


<!--
Author: Ray-Eldath
-->
<style>
.markdown-body .anchor{
float: left;
margin-top: -8px;
margin-left: -20px;
padding-right: 4px;
line-height: 1;
opacity: 0;
}

.markdown-body .anchor .anchor-icon{
font-size: 15px
}
</style>
<script>
$(document).ready(function() {
let nodes = document.querySelector(".markdown-body").querySelectorAll("h1,h2,h3")
for(let node of nodes) {
var anchor = document.createElement("a")
var anchorIcon = document.createElement("i")
anchorIcon.setAttribute("class", "fa fa-anchor fa-lg anchor-icon")
anchorIcon.setAttribute("aria-hidden", true)
anchor.setAttribute("class", "anchor")
anchor.setAttribute("href", "#" + node.getAttribute("id"))

anchor.onmouseover = function() {
this.style.opacity = "0.4"
}

anchor.onmouseout = function() {
this.style.opacity = "0"
}

anchor.appendChild(anchorIcon)
node.appendChild(anchor)
}
})
</script>
</head>


<body>
<!--[if lt IE 10]>
<div class="alert-danger" role="alert">你的浏览器实在太太太旧了，放学别走，升级完浏览器再说！<a target="_blank" class="alert-link" href="http://browsehappy.com">立即升级</a></div>
<![endif]-->
<input id="nm-switch" type="hidden" value="true"> <header class="g-header">
<div class="g-logo">
<a href="/"></a>
</div>
<i id="menu-toggle" class="iconfont icon-menu"></i>
<nav class="g-nav">
<ul>

<li><a href="/">home</a></li>

<li><a href="/tags.html">tags</a></li>

</ul>
</nav>
</header>


<header class="g-banner post-header post-pattern-circuitBoard bgcolor-default " data-theme="default">
<div class="post-wrapper">
<div class="post-tags">


<a href="http://localhost:4000/tags#jekyll" class="post-tag">jekyll</a>


</div>
<h1>Hello Jekyll</h1>
<div class="post-meta">
<span class="post-meta-item"><i class="iconfont icon-author"></i><a href="http://localhost:4000" target="_blank" rel="author">Jekyll</a></></span>
<time class="post-meta-item" datetime="17-04-18"><i class="iconfont icon-date"></i>18 Apr 2017</time>
</div>
</div>

<div class="filter"></div>
<div class="post-cover" style="background: url('http://on2171g4d.bkt.clouddn.com/jekyll-banner.png') center no-repeat; background-size: cover;"></div>

</header>

<div class="post-content visible">


<article class="markdown-body">
<blockquote>
<p>Transform your plain text into static websites and blogs.</p>
</blockquote>

<h3 id="welcome">Welcome</h3>

<p>This site aims to be a comprehensive guide to Jekyll. We’ll cover topics such as getting your site up and running, creating and managing your content, customizing the way your site works and looks, deploying to various environments, and give you some advice on participating in the future development of Jekyll itself.</p>

<h3 id="so-what-is-jekyll-exactlypermalink">So what is Jekyll, exactly?Permalink</h3>

<p>Jekyll is a simple, blog-aware, static site generator. It takes a template directory containing raw text files in various formats, runs it through a converter (like <a href="https://daringfireball.net/projects/markdown/">Markdown</a>) and our <a href="https://github.com/Shopify/liquid/wiki">Liquid</a> renderer, and spits out a complete, ready-to-publish static website suitable for serving with your favorite web server. Jekyll also happens to be the engine behind GitHub Pages, which means you can use Jekyll to host your project’s page, blog, or website from GitHub’s servers for free.</p>

<h3 id="helpful-hintspermalink">Helpful HintsPermalink</h3>

<p>Throughout this guide there are a number of small-but-handy pieces of information that can make using Jekyll easier, more interesting, and less hazardous. Here’s what to look out for.</p>

<h3 id="video-test">Video Test</h3>

<iframe type="text/html" width="100%" height="385" src="http://www.youtube.com/embed/gfmjMWjn-Xg" frameborder="0"></iframe>

</article>


<div class="social-share-wrapper">
<div class="social-share"></div>
</div>

</div>

<section class="author-detail">
<section class="post-footer-item author-card">
<div class="avatar">
<img src="https://avatars1.githubusercontent.com/u/1581775?s=460&v=4" alt="">
</div>
<div class="author-name" rel="author">徐夫子</div>
<div class="bio">
<p>全栈开发者<br/>熱愛技術·設計·摄影<br/>简单乐观爱创造</p>
</div>

<ul class="sns-links">

<li>
<a href="//juejin.im/user/57b478b96be3ff006a0d694f" target="_blank">
<i class="iconfont icon-juejin"></i>
</a>
</li>

<li>
<a href="//github.com/xhxu" target="_blank">
<i class="iconfont icon-github"></i>
</a>
</li>

</ul>

</section>
<section class="post-footer-item read-next">

<div class="read-next-item">
<a href="/2017/04/18/new-theme-h2o.html" class="read-next-link"></a>
<section>
<span>H2O theme for Jekyll</span>
<p>正如我在微博上所说的，使用Jekyll半年以来一直没有令我满意的主题模板，所以开始计划自己写一套好看又好用的主题模...</p>
</section>

<div class="filter"></div>
<img src="http://on2171g4d.bkt.clouddn.com/jekyll-theme-h2o-postcover.jpg" alt="">

</div>



</section>
<section class="post-footer-item comment">
<div id="disqus_thread"></div>
</section>
</section>

<footer class="g-footer">
<section>徐夫子的博客 ©


2017
-

2018
</section>
<section>Powered by <a href="//xhxu.github.io">xhxu.github.io</a> | <a href="https://github.com/kaeyleo/jekyll-theme-H2O">Theme H2O</a></section>
</footer>


<script src="/assets/js/social-share.min.js"></script>
<script>
socialShare('.social-share', {
sites: [

'wechat'
,


'weibo'
,


'douban'
,


'twitter'


],
wechatQrcodeTitle: "分享到微信朋友圈",
wechatQrcodeHelper: '<p>扫码后点击右上角</p><p>将本文分享至朋友圈</p>'
});
</script>



<script src="/assets/js/prism.js"></script>
<script src="/assets/js/index.min.js"></script>
</body>

</html>
Loading

0 comments on commit 5e13879

Please sign in to comment.