1
0
DavidZhang73.github.io/index.html

665 lines
26 KiB
HTML
Raw Normal View History

2020-01-27 20:30:21 +08:00
<!DOCTYPE html>
<html lang="zh-CN" class="loading">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Blog - DavidZ</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="google" content="notranslate" />
<meta name="keywords" content="Developer, Python, C++, JavaScript, Java,">
<meta name="description" content="DavidZ&#39;s Blog,">
<meta name="author" content="DavidZ">
<link rel="alternative" href="atom.xml" title="Blog" type="application/atom+xml">
<link rel="icon" href="/img/favicon.png">
<link href="https://fonts.loli.net/css?family=Roboto+Mono|Rubik&display=swap" rel="stylesheet">
<link rel="stylesheet" href="//at.alicdn.com/t/font_1429596_nzgqgvnmkjb.css">
<link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.7.2/animate.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css">
<link rel="stylesheet" href="//cdn.bootcss.com/codemirror/5.48.4/codemirror.min.css">
<link rel="stylesheet" href="//cdn.bootcss.com/codemirror/5.48.4/theme/dracula.css">
<link rel="stylesheet" href="/css/obsidian.css">
<link rel="stylesheet" href="/css/ball-atom.min.css">
<meta name="generator" content="Hexo 4.2.0"></head>
<body class="loading">
<div class="loader">
<div class="la-ball-atom la-2x">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<span id="config-title" style="display:none">Blog</span>
<div id="loader"></div>
<div class="nav">
<ul id="menu-menu" class="menu">
<li class="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page">
<a href="/whoami/" title="ABOUT" external="false">ABOUT</a>
</li>
<li class="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page">
<a href="/categories/" title="CATEGORIES" external="false">CATEGORIES</a>
</li>
<li class="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page">
<a href="/tags/" title="TAGS" external="false">TAGS</a>
</li>
<li class="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page">
<a href="/archives/" title="ARCHIVES" external="false">ARCHIVES</a>
</li>
</ul>
<p class="copyright" id="copyright">
&copy; 2020 DavidZ.
Powered by <a href="http://hexo.io/" title="Hexo" target="_blank" rel="noopener">Hexo</a>
Theme <a href="https://github.com/TriDiamond/hexo-theme-obsidian" title="Obsidian" target="_blank" rel="noopener">Obsidian</a>
</p>
</div>
<div id="container">
<div class="search-box">
<form class="site-search-form">
<span class="iconfont icon-search"></span>
<input type="text" id="local-search-input" class="st-search-input" />
<div class="iconfont icon-cross search-box-close"></div>
</form>
<div class="search-scrollable">
<div id="local-search-result" class="local-search-result-cls" data-initialise="首次搜索,正在载入索引文件,请稍后……"
data-start="输入关键词搜索。" data-empty="没有找到内容,请尝试更换检索词。">
<span>输入关键词搜索。</span>
</div>
</div>
</div>
<div id="header">
<div>
<div class="logo animated fadeInDown">
<img src="/img/favicon.png" alt="">
<a class="image-logo" href="/"></a>
</div>
<ul id="menu-menu" class="menu text-menu">
<li class="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page">
<a href="/whoami/" title="ABOUT" external="false" class="menu-link">ABOUT</a>
</li>
<li class="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page">
<a href="/categories/" title="CATEGORIES" external="false" class="menu-link">CATEGORIES</a>
</li>
<li class="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page">
<a href="/tags/" title="TAGS" external="false" class="menu-link">TAGS</a>
</li>
<li class="animated fadeInDown menu-item menu-item-type-post_type menu-item-object-page">
<a href="/archives/" title="ARCHIVES" external="false" class="menu-link">ARCHIVES</a>
</li>
<li class="animated fadeInDown search-bar iconfont icon-search"></li>
</ul>
<div class="iconfont icon-menu switchmenu gradient-text animated fadeInDown"></div>
</div>
</div>
<div id="screen">
<div id="mark">
<div class="cover animated fadeIn" style="
animation-delay: 900ms;
animation-duration: 2.8s;
background-image:
radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.56), #100e17),
2020-02-03 19:45:35 +08:00
url(http://davidz.cn/static/blog/2020-02-03-windows-package-manager-scoop/cover.png);">
2020-01-27 20:30:21 +08:00
</div>
</div>
<div id="post0" class="else">
<p class="animated fadeInDown">
2020-02-01 21:30:36 +08:00
<a href="/categories/Productivity"><b>
</b>PRODUCTIVITY<b></b></a>
2020-01-27 20:30:21 +08:00
2020-02-03 19:45:35 +08:00
二月 03, 2020
2020-01-27 20:30:21 +08:00
</p>
<h3 class="post-title animated fadeInDown">
2020-02-03 19:45:35 +08:00
<a href="/windows-package-manager-scoop/" title="Windows 包管理器 - Scoop" class="posttitle">Windows 包管理器 - Scoop</a></h3>
2020-01-27 20:30:21 +08:00
<p class="post-count animated fadeInDown">
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
2020-02-03 19:45:35 +08:00
12k
2020-01-27 20:30:21 +08:00
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
2020-02-03 19:45:35 +08:00
11 mins.
2020-01-27 20:30:21 +08:00
</span>
</p>
2020-02-03 19:45:35 +08:00
<ul class="animated fadeInDown post-tags-list" itemprop="keywords"><li class="animated fadeInDown post-tags-list-item"><a class="animated fadeInDown post-tags-list-link" href="/tags/Open-Source/" rel="tag">Open-Source</a></li></ul>
2020-01-27 20:30:21 +08:00
<div class="md-content animated fadeIn">
2020-02-03 19:45:35 +08:00
<p>一直以来作为开发者Windows 相较于 Linux 都缺少两样重要的工具,</p>
<ol>
<li><strong>好用</strong>的 Shell - 现在可以用 PowerShell Core 或者 WSL 暂时代替。</li>
<li><strong>好用</strong>的包管理器 - 在开发时 C/Cpp 的库可以用<a href="https://github.com/microsoft/vcpkg" target="_blank" rel="noopener">VCPKG</a>,而日常使用的软件就可以使用本文的主角<a href="https://github.com/lukesampson/scoop" target="_blank" rel="noopener">Scoop</a> 了。</li>
</ol>
<blockquote>
<p>按照官网的<a href="https://github.com/lukesampson/scoop/wiki/Quick-Start" target="_blank" rel="noopener">教程</a>,只能使用 PowerShell 而不是 CMD 进行安装。</p>
</blockquote>
<pre><code class="language-powershell"># 指定 Scoop 的安装路径,之后安装的 APP 会安装在 path/to/scoop/apps/
$env:SCOOP='path/to/scoop'
[environment]::setEnvironmentVariable...</code></pre>
2020-01-27 20:30:21 +08:00
2020-02-03 19:45:35 +08:00
<span class="read-more"><a href="/windows-package-manager-scoop/" title="查看全文" class="posttitle">查看全文</a>
2020-01-27 20:30:21 +08:00
<b class="iconfont icon-arrow-right- gradient-text"></b></span>
</div>
</div>
</div>
<div class="screen-gradient-after">
<div class="screen-gradient-content">
<div class="screen-gradient-content-inside">
<div class="bold-underline-links screen-gradient-sponsor">
<p>
<span class="typed-text"></span>
</p>
</div>
</div>
</div>
</div>
<div id="primary">
2020-02-03 19:45:35 +08:00
<div class="post" id="post">
<div class="post-cover animated fadeIn" style="
background-image:
radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.65), #100e17),
url(http://davidz.cn/static/blog/2020-01-31-beauty-is-productivity-windows-terminal/cover.jpg);">
</div>
<div class="else">
<p class="animated fadeInDown">
<a href="/categories/Productivity">
<b></b>PRODUCTIVITY<b></b>
</a>
一月 31, 2020
</p>
<h3 class="post-title animated fadeInDown"><a href="/beauty-is-productivity-windows-terminal/" title="颜值是第一生产力 - Windows Terminal" class="posttitle">颜值是第一生产力 - Windows Terminal</a></h3>
<p class="post-count animated fadeInDown">
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
12k
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
11 mins.
</span>
</p>
<ul class="animated fadeInDown post-tags-list" itemprop="keywords"><li class="animated fadeInDown post-tags-list-item"><a class="animated fadeInDown post-tags-list-link" href="/tags/Microsoft/" rel="tag">Microsoft</a></li><li class="animated fadeInDown post-tags-list-item"><a class="animated fadeInDown post-tags-list-link" href="/tags/Open-Source/" rel="tag">Open-Source</a></li><li class="animated fadeInDown post-tags-list-item"><a class="animated fadeInDown post-tags-list-link" href="/tags/Terminal/" rel="tag">Terminal</a></li></ul>
<div class="md-content animated fadeIn">
<p></p>
<p>记得我最早的时候用 Visual Studio 写了第一个 Hello World 程序,激动的点运行,出来个黑框一闪就过去了,啥也没看到。</p>
<p></p>
<p>后来偶然了解 PowerShell又变成了一个蓝色的框还会有进度提示红的黑的突兀得很😢。</p>
<p></p>
<p>后来上了大学终于在 Ubuntu 上见到了 bash完全改变了我对 Shell 的认知。</p>
<p>傻傻分不清 Shell 和 Terminal 的我,激动的打开 Git 自带的 bash它却长成了这样。</p>
<p></p>
<p>一番优化之后也不是不能用,后来还入坑了 <a href="https://github.com/cmderdev/cmder" target="_blank" rel="noopener">Cmder...</a></p>
<span class="read-more"><a href="/beauty-is-productivity-windows-terminal/" title="查看全文" class="posttitle">查看全文</a> <b class="iconfont icon-arrow-right- gradient-text"></b></span>
</div>
</div>
</div>
2020-02-01 21:30:36 +08:00
<div class="post" id="post">
<div class="post-cover animated fadeIn" style="
background-image:
radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.65), #100e17),
url(http://davidz.cn/static/blog/2020-01-27-inspur-internship/cover.jpg);">
</div>
<div class="else">
<p class="animated fadeInDown">
<a href="/categories/Internship">
<b></b>INTERNSHIP<b></b>
</a>
一月 27, 2020
</p>
<h3 class="post-title animated fadeInDown"><a href="/inspur-internship/" title="浪潮实习" class="posttitle">浪潮实习</a></h3>
<p class="post-count animated fadeInDown">
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
2020-02-03 19:45:35 +08:00
8.5k
2020-02-01 21:30:36 +08:00
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
8 mins.
</span>
</p>
<ul class="animated fadeInDown post-tags-list" itemprop="keywords"><li class="animated fadeInDown post-tags-list-item"><a class="animated fadeInDown post-tags-list-link" href="/tags/Cpp/" rel="tag">Cpp</a></li></ul>
<div class="md-content animated fadeIn">
<p>到了期末都说要找个实习的工作,我也跟个风😂。</p>
<p>我是主要是在<a href="https://www.shixiseng.com/" target="_blank" rel="noopener">实习僧</a>上找的(就当免费做个广告吧),我住在美丽的泉城济南,<s>这个地方好就好在</s>,咳咳咳,我大概填了填简历,可能是没啥亮点,投了三四家都不要我😢。</p>
<p>我分析原因大概有以下几条:</p>
<ol>
<li>我最喜欢最熟练的语言是 Python但是现在国内的环境Python 很少作为 Web 的后端,主要是用在机器学习(大数据分析,量化交易之类的)方面。济南大多数都是 Java 和 Cpp 岗。</li>
<li>我个人没有参加过 acm 之类的比赛,除了几个项目没法有效证明我的能力。</li>
...</ol>
<span class="read-more"><a href="/inspur-internship/" title="查看全文" class="posttitle">查看全文</a> <b class="iconfont icon-arrow-right- gradient-text"></b></span>
</div>
</div>
</div>
2020-01-27 20:30:21 +08:00
<div class="post" id="post">
<div class="post-cover animated fadeIn" style="
background-image:
radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.65), #100e17),
url(http://davidz.cn/static/blog/2020-01-11-anu-comp2310-assignment1/cover.png);">
</div>
<div class="else">
<p class="animated fadeInDown">
<a href="/categories/Study">
<b></b>STUDY<b></b>
</a>
一月 11, 2020
</p>
<h3 class="post-title animated fadeInDown"><a href="/anu-comp2310-assignment1/" title="ANU COMP2310(2019) Assignment1" class="posttitle">ANU COMP2310(2019) Assignment1</a></h3>
<p class="post-count animated fadeInDown">
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
17k
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
16 mins.
</span>
</p>
2020-02-01 21:30:36 +08:00
<ul class="animated fadeInDown post-tags-list" itemprop="keywords"><li class="animated fadeInDown post-tags-list-item"><a class="animated fadeInDown post-tags-list-link" href="/tags/ANU/" rel="tag">ANU</a></li><li class="animated fadeInDown post-tags-list-item"><a class="animated fadeInDown post-tags-list-link" href="/tags/Ada/" rel="tag">Ada</a></li></ul>
2020-01-27 20:30:21 +08:00
<div class="md-content animated fadeIn">
<blockquote>
<p><strong>敬告</strong></p>
<div style="color: red">本博客请供参考,请不要抄袭。</div>
</blockquote>
<p>这是 ANU <a href="http://courses.cecs.anu.edu.au/courses/COMP2310/" target="_blank" rel="noopener">COMP2310</a>的第一次大作业,历时一个月左右,也是这个学期我写的最认真的一次作业,所以在博客搭建伊始,我先把这个记录下来。</p>
<p>根据<a href="http://davidz.cn/static/blog/2020-01-11-anu-comp2310-assignment1/assignment-1.pdf" target="_blank" rel="noopener">Assignment 1 PDF</a>中的描述,大概的意思就是在三维空间中有许多的<code></code>,具有速度和加速度(都是三维向量),而且不管是否加速,都会消耗一定的能量,当然加速也会加快能量的消耗。然后就是有一个或多个<code>能量球</code>,当然也是在运动中的,同样具有速度和加速度。当<code></code><code>能量球</code>靠近的时候,<code></code>能够获取到<code>能量球</code>的信息(加速度,速度,...</p>
<span class="read-more"><a href="/anu-comp2310-assignment1/" title="查看全文" class="posttitle">查看全文</a> <b class="iconfont icon-arrow-right- gradient-text"></b></span>
</div>
</div>
</div>
<div class="post" id="post">
<div class="post-cover animated fadeIn" style="
background-image:
radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.65), #100e17),
url(http://davidz.cn/static/blog/2020-01-06-hello-world/cover.jpg);">
</div>
<div class="else">
<p class="animated fadeInDown">
<a href="/categories/Personal">
<b></b>PERSONAL<b></b>
</a>
一月 06, 2020
</p>
<h3 class="post-title animated fadeInDown"><a href="/hello-world/" title="Hello World" class="posttitle">Hello World</a></h3>
<p class="post-count animated fadeInDown">
<span>
<b class="iconfont icon-text2"></b> <i>文章字数</i>
740
</span>
<span>
<b class="iconfont icon-timer__s"></b> <i>阅读约需</i>
1 mins.
</span>
</p>
<ul class="animated fadeInDown post-tags-list" itemprop="keywords"><li class="animated fadeInDown post-tags-list-item"><a class="animated fadeInDown post-tags-list-link" href="/tags/Others/" rel="tag">Others</a></li></ul>
<div class="md-content animated fadeIn">
<p>哈哈哈,这是一个经典的测试页面。</p>
<p>一直以来都想拥有一个自己的博客,从<a href="https://wordpress.org/" target="_blank" rel="noopener">WordPress</a>开始,到<a href="http://typecho.org/" target="_blank" rel="noopener">Typecho</a>,再到<a href="https://halo.run/" target="_blank" rel="noopener">Halo</a>,甚至中途尝试用 Django 自己实现了一个(不过样子也太丑了),虽然说一直在捣鼓博客,但是从来都是安装=&gt;部署=&gt;安装插件=&gt;选择主题=&gt;发布第一篇文章,然后就没有然后了。</p>
<p>今天我突然看到<a href="https://hexo.io/" target="_blank" rel="noopener">Hexo</a><a href="https://github.com/TriDiamond/hexo-theme-obsidian" target="_blank" rel="noopener">Obsidian</a>主题,我觉得时机到了,毕竟颜值是第一生产力。</p>
<p>给自己列一个简单的 TODO LIST 吧。</p>
<ul>
<li>[x] 完善 BLOG</li>
<li>[x] COMP2310...</li></ul>
<span class="read-more"><a href="/hello-world/" title="查看全文" class="posttitle">查看全文</a> <b class="iconfont icon-arrow-right- gradient-text"></b></span>
</div>
</div>
</div>
</div>
</div>
<div id="preview"></div>
<div id="back-to-top" class="animated fadeIn faster">
<div class="flow"></div>
<span class="percentage animated fadeIn faster">0%</span>
<span class="iconfont icon-top02 animated fadeIn faster"></span>
</div>
</body>
<footer>
<p class="copyright" id="copyright">
&copy; 2020
<span class="gradient-text">
DavidZ
</span>.
Powered by <a href="http://hexo.io/" title="Hexo" target="_blank" rel="noopener">Hexo</a>
Theme
<span class="gradient-text">
<a href="https://github.com/TriDiamond/hexo-theme-obsidian" title="Obsidian" target="_blank" rel="noopener">Obsidian</a>
</span>
<small><a href="https://github.com/TriDiamond/hexo-theme-obsidian/blob/master/CHANGELOG.md" title="v1.4.3" target="_blank" rel="noopener">v1.4.3</a></small>
</p>
</footer>
<script type="text/javascript" src="https://cdn.bootcss.com/mathjax/2.7.6/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script>
MathJax.Hub.Config({
"HTML-CSS": {
preferredFont: "TeX",
availableFonts: ["STIX", "TeX"],
linebreaks: {
automatic: true
},
EqnChunk: (MathJax.Hub.Browser.isMobile ? 10 : 50)
},
tex2jax: {
inlineMath: [
["$", "$"],
["\\(", "\\)"]
],
processEscapes: true,
ignoreClass: "tex2jax_ignore|dno",
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
},
TeX: {
noUndefined: {
attributes: {
mathcolor: "red",
mathbackground: "#FFEEEE",
mathsize: "90%"
}
},
Macros: {
href: "{}"
}
},
messageStyle: "none"
});
</script>
<script>
function initialMathJax() {
MathJax.Hub.Queue(function () {
var all = MathJax.Hub.getAllJax(),
i;
// console.log(all);
for (i = 0; i < all.length; i += 1) {
console.log(all[i].SourceElement().parentNode)
all[i].SourceElement().parentNode.className += ' has-jax';
}
});
}
function reprocessMathJax() {
if (typeof MathJax !== 'undefined') {
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
}
}
</script>
<link rel="stylesheet" href="//cdn.bootcss.com/gitalk/1.5.0/gitalk.min.css">
<script src="//cdn.bootcss.com/gitalk/1.5.0/gitalk.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="/js/plugin.js"></script>
<script src="/js/obsidian.js"></script>
<script src="/js/jquery.truncate.js"></script>
<script src="/js/search.js"></script>
<script src="//cdn.bootcss.com/typed.js/2.0.10/typed.min.js"></script>
<script src="//cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js"></script>
<script src="https://cdn.bootcss.com/codemirror/5.48.4/codemirror.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/javascript/javascript.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/css/css.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/xml/xml.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/htmlmixed/htmlmixed.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/clike/clike.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/php/php.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/shell/shell.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/python/python.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/cmake/cmake.min.js"></script>
<script src="//cdn.bootcss.com/codemirror/5.48.4/mode/powershell/powershell.min.js"></script>
<script src="/js/busuanzi.min.js"></script>
<script>
$(document).ready(function () {
if ($('span[id^="busuanzi_"]').length) {
initialBusuanzi();
}
});
</script>
<link rel="stylesheet" href="//cdn.bootcss.com/photoswipe/4.1.3/photoswipe.min.css">
<link rel="stylesheet" href="//cdn.bootcss.com/photoswipe/4.1.3/default-skin/default-skin.min.css">
<script src="//cdn.bootcss.com/photoswipe/4.1.3/photoswipe.min.js"></script>
<script src="//cdn.bootcss.com/photoswipe/4.1.3/photoswipe-ui-default.min.js"></script>
<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<!-- Background of PhotoSwipe.
It's a separate element as animating opacity is faster than rgba(). -->
<div class="pswp__bg"></div>
<!-- Slides wrapper with overflow:hidden. -->
<div class="pswp__scroll-wrap">
<!-- Container that holds slides.
PhotoSwipe keeps only 3 of them in the DOM to save memory.
Don't modify these 3 pswp__item elements, data is added later on. -->
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<!-- Controls are self-explanatory. Order can be changed. -->
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
<!-- element will get class pswp__preloader--active when preloader is running -->
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
</button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
</button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<script>
function initialTyped () {
var typedTextEl = $('.typed-text');
if (typedTextEl && typedTextEl.length > 0) {
var typed = new Typed('.typed-text', {
strings: ["凡事都要留几分", "颜值是第一生产力"],
typeSpeed: 90,
loop: true,
loopCount: Infinity,
backSpeed: 20,
});
}
}
if ($('.article-header') && $('.article-header').length) {
$(document).ready(function () {
initialTyped();
});
}
</script>
</html>