640 lines
18 KiB
HTML
640 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<script>
|
|
(function() {
|
|
|
|
|
|
const autoTheme = false;
|
|
if (autoTheme) {
|
|
document.documentElement.setAttribute('data-auto-theme', 'true');
|
|
}
|
|
|
|
const theme = localStorage.getItem('cleanwhite-theme') ||
|
|
(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
|
document.documentElement.setAttribute('data-theme', theme);
|
|
})();
|
|
</script>
|
|
|
|
|
|
<meta property="og:site_name" content="David Young">
|
|
<meta property="og:type" content="article">
|
|
|
|
|
|
<meta property="og:image" content="https://davidpaulyoung.com//img/home-bg-jeep.jpg">
|
|
<meta property="twitter:image" content="https://davidpaulyoung.com//img/home-bg-jeep.jpg" />
|
|
|
|
|
|
|
|
<meta name="title" content="" />
|
|
<meta property="og:title" content="" />
|
|
<meta property="twitter:title" content="" />
|
|
|
|
|
|
|
|
<meta name="description" content="Just About Everything">
|
|
<meta property="og:description" content="Just About Everything" />
|
|
<meta property="twitter:description" content="Just About Everything" />
|
|
|
|
|
|
<meta property="og:url" content="https://davidpaulyoung.com/categories/" />
|
|
|
|
|
|
<meta property="twitter:card" content="summary" />
|
|
|
|
|
|
|
|
<meta name="keyword" content="Von Balthasar, Scripture, Gravel Riding, Ham Radio, Divine Office, Open Source">
|
|
<link rel="shortcut icon" href="/img/favicon.ico">
|
|
|
|
<title>Categories | David Young Blog</title>
|
|
|
|
<link rel="canonical" href="/categories/">
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
|
|
|
|
<link rel="stylesheet" href="/css/hugo-theme-cleanwhite.css">
|
|
|
|
|
|
<link rel="stylesheet" href="/css/theme-variables.css">
|
|
|
|
|
|
<link rel="stylesheet" href="/css/zanshang.min.css">
|
|
|
|
|
|
<link rel="stylesheet" href="/css/font-awesome.all.min.css">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/js/jquery.min.js"></script>
|
|
|
|
|
|
<script src="/js/bootstrap.min.js"></script>
|
|
|
|
|
|
<script src="/js/hux-blog.min.js"></script>
|
|
|
|
|
|
<script src="/js/lazysizes.min.js"></script>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="navbar-header page-scroll">
|
|
<button type="button" class="navbar-toggle">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="/">David Young</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div id="huxblog_navbar">
|
|
<div class="navbar-collapse">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li>
|
|
<a href="/">All Posts</a>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<a href="/categories/life/">life</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/categories/tech/">tech</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="/categories/tips/">tips</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li><a href="/archive//">ARCHIVE</a></li>
|
|
|
|
<li><a href="/notes//">NOTES</a></li>
|
|
|
|
<li><a href="/about//">ABOUT</a></li>
|
|
|
|
<li>
|
|
<a href="/search"><i class="fa fa-search"></i></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" id="theme-toggle" title="Toggle dark mode" style="opacity: 0;">
|
|
<i class="fa fa-moon"></i>
|
|
<i class="fa fa-sun" style="display: none;"></i>
|
|
</a>
|
|
</li>
|
|
<script>
|
|
(function() {
|
|
|
|
var theme = localStorage.getItem('cleanwhite-theme') ||
|
|
(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
|
var toggleBtn = document.getElementById('theme-toggle');
|
|
if (toggleBtn) {
|
|
var moonIcon = toggleBtn.querySelector('.fa-moon');
|
|
var sunIcon = toggleBtn.querySelector('.fa-sun');
|
|
|
|
if (theme === 'dark') {
|
|
if (moonIcon) moonIcon.style.display = 'none';
|
|
if (sunIcon) sunIcon.style.display = 'inline';
|
|
toggleBtn.setAttribute('title', 'Switch to light mode');
|
|
} else {
|
|
if (moonIcon) moonIcon.style.display = 'inline';
|
|
if (sunIcon) sunIcon.style.display = 'none';
|
|
toggleBtn.setAttribute('title', 'Switch to dark mode');
|
|
}
|
|
|
|
|
|
requestAnimationFrame(function() {
|
|
toggleBtn.style.transition = 'opacity 0.2s ease';
|
|
toggleBtn.style.opacity = '1';
|
|
});
|
|
}
|
|
})();
|
|
</script>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
<script>
|
|
|
|
|
|
|
|
var $body = document.body;
|
|
var $toggle = document.querySelector('.navbar-toggle');
|
|
var $navbar = document.querySelector('#huxblog_navbar');
|
|
var $collapse = document.querySelector('.navbar-collapse');
|
|
|
|
$toggle.addEventListener('click', handleMagic)
|
|
function handleMagic(e){
|
|
if ($navbar.className.indexOf('in') > 0) {
|
|
|
|
$navbar.className = " ";
|
|
|
|
setTimeout(function(){
|
|
|
|
if($navbar.className.indexOf('in') < 0) {
|
|
$collapse.style.height = "0px"
|
|
}
|
|
},400)
|
|
}else{
|
|
|
|
$collapse.style.height = "auto"
|
|
$navbar.className += " in";
|
|
}
|
|
}
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var navLinks = document.querySelectorAll('.navbar-collapse a');
|
|
navLinks.forEach(function(link) {
|
|
link.addEventListener('click', function() {
|
|
if ($navbar.className.indexOf('in') > 0) {
|
|
|
|
$navbar.className = " ";
|
|
setTimeout(function(){
|
|
if($navbar.className.indexOf('in') < 0) {
|
|
$collapse.style.height = "0px"
|
|
}
|
|
},400)
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
<header class="intro-header" style="background-image: url('/img/home-bg-jeep.jpg')">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 ">
|
|
<div class="site-heading">
|
|
<h1>David Young </h1>
|
|
|
|
<span class="subheading">Bevonovo</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<article>
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="
|
|
col-lg-8 col-lg-offset-2
|
|
col-md-10 col-md-offset-1
|
|
post-container">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link href="https://xxx.xxx.com/dist/Artalk.css" rel="stylesheet" />
|
|
<script src="https://xxx.xxx.com/dist/Artalk.js"></script>
|
|
|
|
|
|
<div id="Comments"></div>
|
|
|
|
<script>
|
|
Artalk.init({
|
|
el: '#Comments',
|
|
pageKey: 'https:\/\/davidpaulyoung.com\/categories\/',
|
|
pageTitle: 'Categories',
|
|
server: 'https:\/\/xxx.xxx.com',
|
|
site: 'xxx blog',
|
|
})
|
|
</script>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="
|
|
col-lg-8 col-lg-offset-2
|
|
col-md-10 col-md-offset-1
|
|
sidebar-container">
|
|
|
|
|
|
|
|
<section>
|
|
<hr class="hidden-sm hidden-xs">
|
|
<h5><a href="/tags/">FEATURED TAGS</a></h5>
|
|
<div class="tags">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="/tags/docker" title="docker">
|
|
docker
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="/tags/istio" title="istio">
|
|
istio
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="/tags/kubernetes" title="kubernetes">
|
|
kubernetes
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="/tags/microservice" title="microservice">
|
|
microservice
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a href="/tags/security" title="security">
|
|
security
|
|
</a>
|
|
|
|
|
|
|
|
<a href="/tags/service-mesh" title="service mesh">
|
|
service mesh
|
|
</a>
|
|
|
|
|
|
|
|
<a href="/tags/tips" title="tips">
|
|
tips
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
<hr>
|
|
<h5>FRIENDS</h5>
|
|
<ul class="list-inline">
|
|
|
|
<li><a target="_blank" href="https://zhaozhihan.com">Linda的博客</a></li>
|
|
|
|
</ul>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
|
|
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
|
|
<ul class="list-inline text-center">
|
|
|
|
<li>
|
|
<a href="mailto:youremail@gmail.com">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li>
|
|
<a target="_blank" href="/your%20wechat%20qr%20code%20image">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-weixin fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<a target="_blank" href="https://github.com/yourgithub">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
<li>
|
|
<a target="_blank" href="https://www.linkedin.com/in/yourlinkedinid">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
<li>
|
|
<a target="_blank" href="https://stackoverflow.com/users/yourstackoverflowid">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-stack-overflow fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<li>
|
|
<a href='/categories/index.xml' rel="alternate" type="application/rss+xml" title="David Young" >
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fas fa-rss fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
<p class="copyright text-muted">
|
|
Copyright © David Young 2026
|
|
|
|
<br>
|
|
<a href="https://themes.gohugo.io/hugo-theme-cleanwhite">CleanWhite Hugo Theme</a> by <a href="https://zhaohuabing.com">Huabing</a> |
|
|
<iframe
|
|
style="margin-left: 2px; margin-bottom:-5px;"
|
|
frameborder="0" scrolling="0" width="100px" height="20px"
|
|
src="https://ghbtns.com/github-btn.html?user=zhaohuabing&repo=hugo-theme-cleanwhite&type=star&count=true" >
|
|
</iframe>
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
function loadAsync(u, c) {
|
|
var d = document, t = 'script',
|
|
o = d.createElement(t),
|
|
s = d.getElementsByTagName(t)[0];
|
|
o.src = u;
|
|
if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
|
|
s.parentNode.insertBefore(o, s);
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
if($('#tag_cloud').length !== 0){
|
|
loadAsync("/js/jquery.tagcloud.js",function(){
|
|
$.fn.tagcloud.defaults = {
|
|
|
|
color: {start: '#bbbbee', end: '#0085a1'},
|
|
};
|
|
$('#tag_cloud a').tagcloud();
|
|
})
|
|
}
|
|
</script>
|
|
|
|
|
|
<script>
|
|
(function() {
|
|
function updateTagcloudColors() {
|
|
const isDark = document.documentElement.getAttribute('data-theme') === 'dark';
|
|
const startColor = isDark ? '#808080' : '#bbbbee';
|
|
if($('#tag_cloud').length !== 0 && $.fn.tagcloud) {
|
|
$.fn.tagcloud.defaults = {
|
|
color: {start: startColor, end: '#0085a1'},
|
|
};
|
|
$('#tag_cloud a').tagcloud();
|
|
}
|
|
}
|
|
|
|
|
|
$(document).ready(function() {
|
|
updateTagcloudColors();
|
|
});
|
|
|
|
|
|
const observer = new MutationObserver(function(mutations) {
|
|
mutations.forEach(function(mutation) {
|
|
if (mutation.attributeName === 'data-theme') {
|
|
updateTagcloudColors();
|
|
}
|
|
});
|
|
});
|
|
|
|
observer.observe(document.documentElement, {
|
|
attributes: true,
|
|
attributeFilter: ['data-theme']
|
|
});
|
|
})();
|
|
</script>
|
|
|
|
|
|
<script>
|
|
loadAsync("https://cdn.jsdelivr.net/npm/fastclick@1.0.6/lib/fastclick.min.js", function(){
|
|
var $nav = document.querySelector("nav");
|
|
if($nav) FastClick.attach($nav);
|
|
})
|
|
</script>
|
|
|
|
|
|
<script src="/js/theme-toggle.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
function generateCatalog(selector) {
|
|
|
|
|
|
|
|
|
|
|
|
_containerSelector = 'div.post-container'
|
|
|
|
|
|
|
|
var P = $(_containerSelector), a, n, t, l, i, c;
|
|
a = P.find('h1,h2,h3,h4,h5,h6');
|
|
|
|
|
|
$(selector).html('')
|
|
|
|
|
|
a.each(function () {
|
|
n = $(this).prop('tagName').toLowerCase();
|
|
i = "#" + $(this).prop('id');
|
|
t = $(this).text();
|
|
c = $('<a href="' + i + '" rel="nofollow" title="' + t + '">' + t + '</a>');
|
|
l = $('<li class="' + n + '_nav"></li>').append(c);
|
|
$(selector).append(l);
|
|
});
|
|
return true;
|
|
}
|
|
|
|
generateCatalog(".catalog-body");
|
|
|
|
|
|
$(".catalog-toggle").click((function (e) {
|
|
e.preventDefault();
|
|
$('.side-catalog').toggleClass("fold")
|
|
}))
|
|
|
|
|
|
|
|
|
|
loadAsync("\/js\/jquery.nav.js", function () {
|
|
$('.catalog-body').onePageNav({
|
|
currentClass: "active",
|
|
changeHash: !1,
|
|
easing: "swing",
|
|
filter: "",
|
|
scrollSpeed: 700,
|
|
scrollOffset: 0,
|
|
scrollThreshold: .2,
|
|
begin: null,
|
|
end: null,
|
|
scrollChange: null,
|
|
padding: 80
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|