加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 13.33 KB
一键复制 编辑 原始数据 按行查看 历史
刘帅 提交于 2017-12-09 22:43 . Site updated: 2017-12-09 22:43:03
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta charset="utf-8">
<title>Hexo</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="theme-color" content="#77AAFF">
<meta name="keywords" content="">
<!-- Baidu Push -->
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
var _hmt = _hmt || [];
</script>
<meta property="og:type" content="website">
<meta property="og:title" content="Hexo">
<meta property="og:url" content="http://ls940225.gitee.io/cloudblog/index.html">
<meta property="og:site_name" content="Hexo">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Hexo">
<link rel="shortcut icon" href="/cloudblog/img/favicon.ico">
<link id="style" rel="stylesheet" href="/cloudblog/css/style.css?v=2.0">
<script>window.lazyScripts=[]</script>
<!-- custom head -->
</head>
<body>
<div id="loading" class="active"></div>
<aside id="menu" >
<div class="inner flex-row-vertical">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menu-off">
<i class="icon icon-lg icon-close"></i>
</a>
<div class="brand-wrap" >
<div class="brand">
<a href="/cloudblog/" class="avatar waves-effect waves-circle waves-light">
<img src="/cloudblog/img/avatar.jpg" alt="avatar">
</a>
<hgroup class="introduce">
<h5 class="nickname" id="name">John Doe</h5>
<div id="yiyanmotto" class="motto">&nbsp;</div>
</hgroup>
</div>
</div>
<div class="scroll-wrap flex-col">
<ul class="nav">
<li class="waves-block waves-effect active">
<a href="/cloudblog/" >
<i class="icon icon-lg icon-home"></i>
<span>主 页</span><i class="icon icon-lg icon-caret-left"></i>
</a>
</li>
<li class="waves-block waves-effect">
<a href="/cloudblog/archives" >
<i class="icon icon-lg icon-archives"></i>
<span>归 档</span><i class="icon icon-lg icon-caret-left"></i>
</a>
</li>
<li class="waves-block waves-effect">
<a href="/cloudblog/categories" >
<i class="icon icon-lg icon-th-list"></i>
<span>分 类</span><i class="icon icon-lg icon-caret-left"></i>
</a>
</li>
<li class="waves-block waves-effect">
<a href="/cloudblog/tags" >
<i class="icon icon-lg icon-tags"></i>
<span>标 签</span><i class="icon icon-lg icon-caret-left"></i>
</a>
</li>
<li class="waves-block waves-effect">
<a href="/cloudblog/about" >
<i class="icon icon-lg icon-smile-o"></i>
<span>关 于</span><i class="icon icon-lg icon-caret-left"></i>
</a>
</li>
<div class="nav2">
<a class="nav2item" data-title="Email" href="mailto:1755811882@qq.com" target="_parent"title="Email" >
<i class="icon icon-lg icon-envelope-o envelope-o"></i>
</a>
<a class="nav2item" data-title="Github" href="https://github.com/tomotoes" target="_blank"title="Github" >
<i class="icon icon-lg icon-github github"></i>
</a>
<a class="nav2item" data-title="微博" href="https://weibo.com/u/6179399347" target="_blank"title="微博" >
<i class="icon icon-lg icon-weibo weibo"></i>
</a>
</div>
</ul>
</div>
</div>
</aside>
<main id="main">
<header class="top-header" id="header">
<div class="flex-row">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light on" id="menu-toggle">
<i class="icon icon-lg icon-navicon"></i>
</a>
<div class="flex-col header-title ellipsis">Hexo</div>
<div class="search-wrap" id="search-wrap">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="back">
<i class="icon icon-lg icon-chevron-left"></i>
</a>
<input type="text" id="key" class="search-input" autocomplete="off" placeholder="Búsqueda">
<a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="search">
<i class="icon icon-lg icon-search"></i>
</a>
</div>
<a href="../../atom.xml" target="_blank" class="header-icon waves-effect waves-circle waves-light" id="Rss">
<i class="icon icon-lg icon-rss"></i>
</a>
</div>
</header>
<header class="content-header index-header">
<div class="container fade-scale">
<div id="myheader">
<h1 class="title">
Hexo
</h1>
<h5 class="subtitle">
在程序猿的道路上努力前行
</h5>
</div>
</div>
</header>
<div class="container body-wrap">
<ul class="post-list">
<li class="post-list-item fade">
<article id="post-hello-world"
class="article-card article-type-post" itemprop="blogPost">
<h3 class="post-title" itemprop="name">
<a href="/cloudblog/2017/11/30/hello-world/">Hello World</a>
</h3>
<div class="post-meta">
<time class="post-time" title="2017-11-30 22:53:52" datetime="2017-11-30T14:53:52.832Z" itemprop="datePublished">2017-11-30</time>
<!--
<script>
mybreak.style="display:none";
</script>
-->
</span>
</div>
<div class="post-content" id="post-content" itemprop="postContent">
<p>Welcome to <a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a>! This is your very first post. Check <a href="https://hexo.io/docs/" target="_blank" rel="noopener">documentation</a> for more info. If you get any problems when using Hexo, you can find the answer in <a href="https://hexo.io/docs/troubleshooting.html" target="_blank" rel="noopener">troubleshooting</a> or you can ask me on <a href="https://github.com/hexojs/hexo/issues" target="_blank" rel="noopener">GitHub</a>.</p>
<h2 id="Quick-Start"><a href="#Quick-Start" class="headerlink" title="Quick Start"></a>Quick Start</h2><h3 id="Create-a-new-post"><a href="#Create-a-new-post" class="headerlink" title="Create a new post"></a>Create a new post</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo new <span class="string">"My New Post"</span></span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/writing.html" target="_blank" rel="noopener">Writing</a></p>
<h3 id="Run-server"><a href="#Run-server" class="headerlink" title="Run server"></a>Run server</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo server</span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/server.html" target="_blank" rel="noopener">Server</a></p>
<h3 id="Generate-static-files"><a href="#Generate-static-files" class="headerlink" title="Generate static files"></a>Generate static files</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo generate</span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/generating.html" target="_blank" rel="noopener">Generating</a></p>
<h3 id="Deploy-to-remote-sites"><a href="#Deploy-to-remote-sites" class="headerlink" title="Deploy to remote sites"></a>Deploy to remote sites</h3><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ hexo deploy</span><br></pre></td></tr></table></figure>
<p>More info: <a href="https://hexo.io/docs/deployment.html" target="_blank" rel="noopener">Deployment</a></p>
<div>
<a href="/cloudblog/2017/11/30/hello-world/" class="post-more waves-button">
Leer más
</a>
</div>
</div>
</article>
</li>
</ul>
</div>
<footer class="footer">
<div class="footer-content">
<span class="power">
<i class="icon icon-lg icon-copyright"></i>
2017
<i class="icon icon-lg icon-heart"></i>
<a href="http://ls940225.gitee.io/cloudblog">tomotoes.com</a>
<br/>
Power by
<a href="https://hexo.io/" target="_blank" rel="external nofollow">Hexo</a>&nbsp;·&nbsp;
Theme
<a href="https://github.com/tomotoes/hexo-theme-tomotoes/" target="_blank" rel="external nofollow">tomotoes</a>
</span>
<br/>
<span id="RunTime" style="color:#a7a7a2;"></span>
<br/>
<span>
<i class="icon icon-lg icon-user">
<span id="busuanzi_container_site_uv" style='display:none'>
访问用户:<span id="busuanzi_value_site_uv"></span>
</span></i>
·
<i class="icon icon-lg icon-eye">
<span id="busuanzi_container_site_pv" style='display:none'>
访问次数:<span id="busuanzi_value_site_pv"></span>
</span>
</i>
</span>
<br/>
<span class="license">Este blog está licenciado bajo una <a rel="license" rel="external nofollow" href="https://creativecommons.org/licenses/by/4.0/">licencia internacional Creative Commons Attribution 4.0</a>.</span>
</div>
</footer>
</main>
<div class="mask" id="mask"></div>
<a href="javascript:;" id="gotop" class="waves-effect waves-circle waves-light"><span class="icon icon-lg icon-chevron-up"></span></a>
<!-- waves按钮特效 -->
<script src="//cdn.bootcss.com/node-waves/0.7.4/waves.min.js"></script>
<!-- 主题配置脚本 -->
<script>
var BLOG = { ROOT: '/cloudblog/', SHARE: true, REWARD: false };
</script>
<!-- jquery -->
<script src="/cloudblog/js/jquery.min.js?v=2.0"></script>
<!-- 搜索 -->
<div class="search-panel" id="search-panel">
<ul class="search-result" id="search-result"></ul>
</div>
<template id="search-tpl">
<li class="item waves-block waves-effect" onclick="location.href='{path}'">
<div class="title ellipsis" title="{title}">{title}</div>
</li>
</template>
<!-- main博客脚本 -->
<script src="/cloudblog/js/main.min.js?v=2.0" ></script>
<!-- 动画&配置 -->
<script src="/cloudblog/js/script.min.js?v=2.0" ></script>
<!-- 脚本管理 -->
<script>
/* 关于页面 布局优化 */
if(location.href.indexOf("about")!==-1&&window.innerWidth<1200){
/*移动设备 内容会出现内边距*/
document.querySelector(".post-content").classList.add("about");
}
if(window.innerWidth > 800){
/* 3D标题 */
$(".content-header").on("mousemove", threedee);
/* 底部追随鼠标 */
$(".footer").hover(2);
/* gotop键的涟漪 */
$("#gotop").hover(1);
/* 赞赏的粒子雨 */
$("#reward").hover(3);
/* 微信公众号的底部渲染 */
$("#wechat").hover(4);
/* 标题跳动 */
$(".archivestitle").bumpyText();
/* 图片点击放大 */
const postimg = jQuery(".post-content img:not(.github-emoji)");
postimg.on("click",function(){
mask.classList.add("in");
main.classList.add("Mask");
menu.classList.add("Mask");
var myimg = this.cloneNode(true);
myimg.classList.add("imgShow");
setTimeout(function(){
jQuery(myimg).animate({
opacity:"1"
},1000);
},0);
document.body.appendChild(myimg);
myimg.onclick=function(){
document.body.removeChild(myimg);
mask.classList.remove("in");
main.classList.remove("Mask");
menu.classList.remove("Mask");
};
});
}
/* 名字跳动 */
$("#name").bumpyText();
/* 网站运行时间 */
setInterval(function () {
setTime("2017/10/11");
}, 1000);
/* 文章块的淡出 */
postshow();
/* 座右铭 */
getHitokoto();
/* 粘贴提示 */
G($(".post-content"), location.href, "John Doe");
/* 控制台 */
if (window.console && window.console.log) {
setTimeout(function () {
console.log("\n %c 一个坏掉的番茄 %c © Simon Ma http://tomotoes.com \n\n", "color:#FFFFFB;background:#1abc9c;padding:5px 0;border-radius:.5rem 0 0 .5rem;", "color:#FFFFFB;background:#080808;padding:5px 0;border-radius:0 .5rem .5rem 0;");
}, 0);
}
</script>
<!-- 公式渲染 -->
<!-- 不蒜子 -->
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js" async></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化