askiebaby/askiebaby.github.io
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
<!DOCTYPE html>
<html lang="zh-Hant-TW" class="has-navbar-fixed-top">
<head><meta name="generator" content="Hexo 3.9.0">
<meta charset="utf-8">
<title>Askie's Coding Life</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="I am a front-end developer in Taiwan. Love to share things with others.">
<meta name="keywords" content="Web Developer,Front End,JavaScipt">
<meta name="description" content="I am a front-end developer in Taiwan. Love to share things with others.">
<meta name="keywords" content="Web Developer,Front End,JavaScipt">
<meta property="og:type" content="website">
<meta property="og:title" content="Askie's Coding Life">
<meta property="og:url" content="https://askie.today/README.html">
<meta property="og:site_name" content="Askie's Coding Life">
<meta property="og:description" content="I am a front-end developer in Taiwan. Love to share things with others.">
<meta property="og:locale" content="zh-tw">
<meta property="og:updated_time" content="2021-11-28T11:46:49.205Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Askie's Coding Life">
<meta name="twitter:description" content="I am a front-end developer in Taiwan. Love to share things with others.">
<meta name="twitter:creator" content="@askiebaby">
<meta name="twitter:site" content="https://twitter.com/askiebaby">
<meta property="fb:admins" content="1505678310">
<meta property="fb:app_id" content="326735094614431">
<link rel="icon" href="/assets/favicon.png">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ovo|Source+Code+Pro">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css">
<link rel="stylesheet" href="/css/style.css">
<script defer src="//use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-132394454-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-132394454-1');
</script>
</head>
<body>
<nav class="navbar is-transparent is-fixed-top navbar-main" aria-label="主要導覽列">
<div class="container">
<h1 class="navbar-brand" aria-label="Askie's coding life">
<a class="navbar-item navbar-logo" title="Askie's coding life" href="/">
<img src="/assets/askiebaby.svg" alt="" height="28">
</a>
<div class="navbar-burger">
<span></span>
<span></span>
<span></span>
</div>
</h1>
<div class="navbar-menu navbar-start">
<a class="navbar-item " href="/archives">Archives</a>
<a class="navbar-item " href="/categories">Categories</a>
<a class="navbar-item " href="/about">About</a>
</div>
<div class="navbar-menu navbar-end">
<a class="navbar-item search" title="搜尋" href="javascript:;">
<i class="fas fa-search"></i>
</a>
<a class="navbar-item" title="GitHub" href="https://github.com/askiebaby">
<i class="fab fa-github"></i>
</a>
<a class="navbar-item" title="Medium" href="https://medium.com/@askiebaby">
<i class="fab fa-medium-m"></i>
</a>
<a class="navbar-item" title="Twitter" href="https://twitter.com/askiebaby">
<i class="fab fa-twitter"></i>
</a>
<a class="navbar-item" title="Linkedin" href="https://www.linkedin.com/in/askie-lin-744985145/">
<i class="fab fa-linkedin"></i>
</a>
<a class="navbar-item" title="Instagram" href="https://www.instagram.com/askiebaby/">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
</nav>
<section class="section">
<div class="container">
<article class="article content gallery" itemscope="" itemprop="blogPost">
<h1 class="article-title is-size-3 is-size-4-mobile" itemprop="name">
</h1>
<div class="article-meta columns is-variable is-1 is-multiline is-mobile is-size-7-mobile">
<!-- <span class="column is-narrow">
<time datetime="2021-11-28T11:46:49.205Z" itemprop="datePublished">11月 28 2021</time>
</span> -->
<span class="column is-narrow">
幾秒 的閱讀時間 (約 0 字)
</span>
</div>
<div class="article-entry is-size-6-mobile" itemprop="articleBody">
</div>
</article>
<div class="comments">
<h3 class="title is-4">留言</h3>
<div id="gitalk-container"></div>
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css"> <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script> <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
<script type="text/javascript">
var gitalk = new Gitalk({
clientID: '21ae33d8d5ec0a9fda0c', // 这里一定要注意主题 config.yml 中 clientID 的大小写，否则参数传不过来，对应下边的 "问题一"
clientSecret: '80fa9ae6c4182e39f5682404619264efd76273bc',
repo: 'askiebaby.github.io',
owner: 'askiebaby',
admin: ['askiebaby'],
id: md5(location.pathname),
distractionFreeMode: false,
labels: ['issues'],
title: document.title,
});
gitalk.render('gitalk-container');
</script>
</div>
</div>
</section> <footer class="footer">
<div class="container">
<div class="columns content">
<div class="column is-narrow">
<!-- has-text-centered -->
Copyright © 2018-2022
<a href="/about/">Askie Lin</a>
All rights reserved.
<p>Powered by Hexo, and the blog background image was designed by <a href="https://blush.design/zh-CN/artists/FMLOP83HOx1JjUCPdk1n/elina-cecilia-giglio" target="_blank">Elina Cecilia Giglio</a>.</p>
</div>
<div class="column is-hidden-mobile"></div>
<div class="column is-narrow">
<div class="columns is-mobile is-multiline is-centered">
<a class="column is-narrow has-text-black" title="GitHub" href="https://github.com/askiebaby">
GitHub
</a>
</div>
</div>
</div>
</div>
</footer>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script>
<!-- test if the browser is outdated -->
<!-- <div id="outdated">
<h6>Your browser is out-of-date!</h6>
<p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/">Update my browser now </a></p>
<p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">×</a></p>
</div> -->
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.js"></script> -->
<!-- <script>
$(document).ready(function () {
// plugin function, place inside DOM ready function
outdatedBrowser({
bgColor: '#f25648',
color: '#ffffff',
lowerThan: 'flex'
})
});
</script> -->
<script>
window.FontAwesomeConfig = {
searchPseudoElements: true
}
moment.locale("zh-CN");
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
<style>
.hljs {
position: relative;
}
.hljs .clipboard-btn {
float: right;
color: #9a9a9a;
background: none;
border: none;
cursor: pointer;
}
.hljs .clipboard-btn:hover {
color: #8a8a8a;
}
.hljs > .clipboard-btn {
display: none;
position: absolute;
right: 4px;
top: 4px;
}
.hljs:hover > .clipboard-btn {
display: inline;
}
.hljs > figcaption > .clipboard-btn {
margin-right: 4px;
}
</style>
<script>
$(document).ready(function () {
$('figure.hljs').each(function(i, figure) {
var codeId = 'code-' + i;
var code = figure.querySelector('.code');
var copyButton = $('<button>Copy <i class="far fa-clipboard"></i></button>');
code.id = codeId;
copyButton.addClass('clipboard-btn');
copyButton.attr('data-clipboard-target-id', codeId);
var figcaption = figure.querySelector('figcaption');
if (figcaption) {
figcaption.append(copyButton[0]);
} else {
figure.prepend(copyButton[0]);
}
})
var clipboard = new ClipboardJS('.clipboard-btn', {
target: function(trigger) {
return document.getElementById(trigger.getAttribute('data-clipboard-target-id'));
}
});
clipboard.on('success', function(e) {
e.clearSelection();
})
})
</script>
<script src="/js/script.js"></script> <div class="searchbox ins-search">
<div class="searchbox-mask"></div>
<div class="searchbox-container ins-search-container">
<div class="searchbox-input-wrapper">
<input type="text" class="searchbox-input ins-search-input" placeholder="搜尋 Askie 的部落格" title="搜尋 Askie 的部落格">
<span class="searchbox-close ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
</div>
<div class="searchbox-result-wrapper ins-section-wrapper">
<div class="ins-section-container"></div>
</div>
</div>
</div>
<script>
(function (window) {
var INSIGHT_CONFIG = {
TRANSLATION: {
POSTS: '文章',
PAGES: '頁面',
CATEGORIES: '分類',
TAGS: '標籤',
UNTITLED: '未命名文章',
},
CONTENT_URL: '/content.json',
};
window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/js/insight.js"></script>
</body>
</html>
About
my blog
Topics
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published