cms系统的站点模板库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

737 lines
22 KiB

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{.Title}}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="referrer" content="unsafe-url">
<meta name="keywords" content="{{.Keywords}}">
<meta name="description" content="{{.Description}}">
<style id='global-styles-inline-css' type='text/css'>
body {
--wp--preset--color--black: #000000;
--wp--preset--color--cyan-bluish-gray: #abb8c3;
--wp--preset--color--white: #ffffff;
--wp--preset--color--pale-pink: #f78da7;
--wp--preset--color--vivid-red: #cf2e2e;
--wp--preset--color--luminous-vivid-orange: #ff6900;
--wp--preset--color--luminous-vivid-amber: #fcb900;
--wp--preset--color--light-green-cyan: #7bdcb5;
--wp--preset--color--vivid-green-cyan: #00d084;
--wp--preset--color--pale-cyan-blue: #8ed1fc;
--wp--preset--color--vivid-cyan-blue: #0693e3;
--wp--preset--color--vivid-purple: #9b51e0;
--wp--preset--color--dark-gray: #222222;
--wp--preset--color--medium-gray: #333333;
--wp--preset--color--gray: #555555;
--wp--preset--color--light-gray: #999999;
--wp--preset--color--accent: #eb6100;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--duotone--dark-grayscale: url('index.html');
--wp--preset--duotone--grayscale: url('index.html');
--wp--preset--duotone--purple-yellow: url('index.html');
--wp--preset--duotone--blue-red: url('index.html');
--wp--preset--duotone--midnight: url('index.html');
--wp--preset--duotone--magenta-yellow: url('index.html');
--wp--preset--duotone--purple-green: url('index.html');
--wp--preset--duotone--blue-orange: url('index.html');
--wp--preset--font-size--small: 14px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 24px;
--wp--preset--font-size--x-large: 42px;
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 32px;
}
.has-black-color {
color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large) !important;
}
</style>
<link rel='stylesheet' id='wp-ulike-css'
href="{{staticFile "/css/wp-ulike.min.css@ver=4.6.2.css"}}" type='text/css' media='all' />
<link crossorigin="anonymous" rel='stylesheet' id='xmag-fonts-css' href="{{staticFile "/css/css.css"}}" type='text/css' media='all' />
<link rel='stylesheet' id='xmag-icons-css'
href="{{staticFile "/css/simple-line-icons.min.css@ver=2.3.3.css"}}" type='text/css' media='all' />
<link rel='stylesheet' id='xmag-style-css' href="{{staticFile "/css/style.css@ver=1.2.9.css"}}" type='text/css'
media='all' />
<style id='xmag-style-inline-css' type='text/css'>
a,
.site-title a:hover,
.entry-title a:hover,
.entry-content .has-accent-color,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-previous a:hover span,
.post-navigation .nav-next a:hover,
.post-navigation .nav-next a:hover span,
.widget a:hover,
.block-heading a:hover,
.widget_calendar a,
.author-social a:hover,
.top-menu a:hover,
.top-menu .current_page_item a,
.top-menu .current-menu-item a,
.nav-previous a:hover span,
.nav-next a:hover span,
.more-link,
.author-social .social-links li a:hover:before {
color: #eb6100;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.entry-content .has-accent-background-color,
.pagination .nav-links .current,
.pagination .nav-links .current:hover,
.pagination .nav-links a:hover,
.entry-meta .category a,
.featured-image .category a,
#scroll-up,
.large-post .more-link {
background-color: #eb6100;
}
blockquote {
border-left-color: #eb6100;
}
.sidebar .widget-title span:before {
border-bottom-color: #eb6100;
}
.site-footer,
.site-boxed .site-footer {
background-color: #252b2b;
}
.site-footer .footer-copy,
.site-footer .widget,
.site-footer .comment-author-link {
color: rgba(255, 255, 255, 0.5);
}
.site-footer .footer-copy a,
.site-footer .footer-copy a:hover,
.site-footer .widget a,
.site-footer .widget a:hover,
.site-footer .comment-author-link a,
.site-footer .comment-author-link a:hover {
color: rgba(255, 255, 255, 0.7);
}
.site-footer .widget-title,
.site-footer .widget caption {
color: #fff;
}
.site-footer .widget .tagcloud a {
background-color: transparent;
border-color: rgba(255, 255, 255, .1);
}
.footer-copy {
border-top-color: rgba(255, 255, 255, .1);
}
.main-navbar {
background-color: #fff;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
-webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.03);
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.03);
}
.main-menu>li>a,
.home-link a {
color: #333;
border-left: 1px solid #f2f2f2;
}
.main-menu>li:last-child>a {
border-right: 1px solid #f2f2f2;
}
.home-link a:hover,
.main-menu>li>a:hover,
.main-menu>li.current-menu-item>a,
.main-menu>li.current_page_item>a {
background-color: #fff;
color: #eb6100;
}
.home-link a:hover:before,
.main-menu>li:hover:before,
.main-menu>li:active:before,
.main-menu>li.current_page_item:before,
.main-menu>li.current-menu-item:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
z-index: 2;
background-color: #eb6100;
}
.main-menu ul {
background-color: #fff;
border: 1px solid #eee;
}
.main-menu ul a {
border-top: 1px solid #f2f2f2;
color: #555;
}
.main-menu ul a:hover {
color: #eb6100;
}
.mobile-header {
background-color: #fff;
border-bottom: 1px solid #eee;
-webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.03);
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.03);
}
.mobile-header .mobile-title,
.mobile-header .menu-toggle {
color: #333;
}
.button-toggle,
.button-toggle:before,
.button-toggle:after {
background-color: #333;
}
</style>
<link rel='stylesheet' id='xmag-block-style-css' href="{{staticFile "/css/blocks.css@ver=20190112.css"}}"
type='text/css' media='all' />
<link rel='stylesheet' id='tablepress-default-css'
href="{{staticFile "/css/default.min.css@ver=1.14.css"}}" type='text/css' media='all' />
<script type='text/javascript'
src="{{staticFile "/js/frontend-gtag.min.js@ver=7.10.0"}}"
id='exactmetrics-frontend-script-js'></script>
<script data-cfasync="false" data-wpfc-render="false" type="text/javascript"
id='exactmetrics-frontend-script-js-extra'>/* <![CDATA[ */
var exactmetrics_frontend = { "js_events_tracking": "true", "download_extensions": "zip,mp3,mpeg,pdf,docx,pptx,xlsx,rar", "inbound_paths": "[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]", "home_url": "https:\/\/blog.taotronics.com", "hash_tracking": "false", "ua": "UA-135648238-1", "v4_id": "" };/* ]]> */
</script>
<script type='text/javascript' src="{{staticFile "/js/jquery.min.js@ver=3.6.0"}}" id='jquery-core-js'></script>
<script type='text/javascript' src="{{staticFile "/js/jquery-migrate.min.js@ver=3.3.2"}}"
id='jquery-migrate-js'></script>
<script>
window.OneSignal = window.OneSignal || [];
OneSignal.push(function () {
OneSignal.SERVICE_WORKER_UPDATER_PATH = 'OneSignalSDKUpdaterWorker.js';
OneSignal.SERVICE_WORKER_PATH = 'OneSignalSDKWorker.js';
OneSignal.SERVICE_WORKER_PARAM = { scope: '/wp-content/plugins/onesignal-free-web-push-notifications/sdk_files/push/onesignal/' };
OneSignal.setDefaultNotificationUrl("https://blog.taotronics.com");
var oneSignal_options = {};
window._oneSignalInitOptions = oneSignal_options;
oneSignal_options['wordpress'] = true;
oneSignal_options['appId'] = '';
oneSignal_options['allowLocalhostAsSecureOrigin'] = true;
oneSignal_options['httpPermissionRequest'] = {};
oneSignal_options['httpPermissionRequest']['enable'] = true;
oneSignal_options['welcomeNotification'] = {};
oneSignal_options['welcomeNotification']['title'] = "";
oneSignal_options['welcomeNotification']['message'] = "";
oneSignal_options['path'] = "https://blog.taotronics.com/wp-content/plugins/onesignal-free-web-push-notifications/sdk_files/";
oneSignal_options['promptOptions'] = {};
oneSignal_options['notifyButton'] = {};
oneSignal_options['notifyButton']['enable'] = true;
oneSignal_options['notifyButton']['position'] = 'bottom-right';
oneSignal_options['notifyButton']['theme'] = 'default';
oneSignal_options['notifyButton']['size'] = 'medium';
oneSignal_options['notifyButton']['showCredit'] = true;
oneSignal_options['notifyButton']['text'] = {};
OneSignal.init(window._oneSignalInitOptions);
});
function documentInitOneSignal() {
var oneSignal_elements = document.getElementsByClassName("OneSignal-prompt");
var oneSignalLinkClickHandler = function (event) { OneSignal.push(['registerForPushNotifications']); event.preventDefault(); }; for (var i = 0; i < oneSignal_elements.length; i++)
oneSignal_elements[i].addEventListener('click', oneSignalLinkClickHandler, false);
}
if (document.readyState === 'complete') {
documentInitOneSignal();
}
else {
window.addEventListener("load", function (event) {
documentInitOneSignal();
});
}
</script>
<style type="text/css">
.site-header .site-title,
.site-header .site-description {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
</style>
</head>
<body class="home blog site-fullwidth layout3">
<div id="page" class="hfeed site">
<aside id="mobile-header" class="mobile-header">
<a class="menu-toggle" id="menu-toggle" title="Menu"><span
class="button-toggle"></span></a>
<img src="{{replaceImage .Logo}}" alt="" style="height: 100%;">
</aside>
<div id="mobile-sidebar" class="mobile-sidebar">
<nav id="mobile-navigation" class="mobile-navigation" role="navigation" aria-label="Main Menu"></nav>
</div>
<header id="masthead" class="site-header" role="banner">
<div id="main-navbar" class="main-navbar">
<div class="container">
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Main Menu">
<ul id="main-menu" class="main-menu">
<li id="menu-item-3328"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3328">
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
</li>
{{if .HasAbout }}
<li id="menu-item-3328"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3328">
<a href="{{.AboutUrl}}">{{ lang "about" }}</a>
</li>
{{end}}
{{if .HasContact }}
<li id="menu-item-3328"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3328">
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a>
</li>
{{end}}
{{if .HasPolicy }}
<li id="menu-item-3328"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3328">
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
</li>
{{end}}
</ul>
</nav>
</div>
</div>
</header><!-- .site-header -->
<div id="content" class="site-content">
<div class="container">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<article id="article">
<h1 id="page-title">{{ lang "about"}} </h1>
<div>
{{.About}}
</div>
</article>
</main>
</div>
<div id="secondary" class="sidebar widget-area widget-grey" role="complementary">
{{$plen := len .PopularArticles}}
{{if ne $plen 0}}
<aside id="recent-posts-4" class="widget widget_recent_entries">
<h3 class="widget-title"><span>{{lang "popular"}}</span></h3>
<ul>
{{range .PopularArticles}}
<li>
<a href="{{.Url}}" target="_blank" id="before">{{.Title}}</a>
</li>
{{end}}
</ul>
</aside>
{{end}}
</div>
</div>
</div>
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="footer widget-area" role="complementary">
<div class="container">
<div class="row">
<div class="col-4" id="footer-area-left">
<aside id="nav_menu-7" class="widget widget_nav_menu">
<h3 class="widget-title"><span>{{lang "related"}}</span></h3>
<div class="menu-footer-left-container">
<ul id="menu-footer-left" class="menu">
{{if .HasAbout }}
<li id="menu-item-3228"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3228">
<a href="{{.AboutUrl}}" id="before">{{lang "about"}}</a>
</li>
{{end}}
{{if .HasContact }}
<li id="menu-item-3229"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3229">
<a href="{{.ContactUrl}}" id="before">{{lang "contact"}}</a></li>
{{end}}
{{if .HasPolicy }}
<li id="menu-item-3229"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3229">
<a href="{{.PolicyUrl}}" id="before">{{lang "policy"}}</a></li>
{{end}}
</ul>
</div>
</aside>
</div>
{{$flen := len .Friendship}}
{{if ne $flen 0}}
<div class="col-4" id="footer-area-center">
<aside id="nav_menu-8" class="widget widget_nav_menu">
<h3 class="widget-title"><span>{{lang "friendship"}}</span></h3>
<div class="menu-footer-middle-container">
<ul id="menu-footer-middle" class="menu">
{{range .Friendship}}
<li id="menu-item-3233"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3233">
<a href="{{.Url}}" id="before">{{.Name}}</a></li>
{{end}}
</ul>
</div>
</aside>
</div>
{{end}}
</div>
</div>
</div>
<div class="footer-copy">
<div class="container">
<div class="row">
<div class="col-6">
<div class="site-info">
{{.Copyright}} </div>
</div>
<div class="col-6">
</div>
</div><!-- .row -->
</div>
</div>
</footer>
</div>
<script type='text/javascript' src="{{staticFile "/js/main.js@ver=20171003"}}" id='xmag-js-js'></script>
<style>
#content-t{
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
padding: 0;
}
#content-c{
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-line-clamp: 5;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
#before::before{
content: '';
}
.hidden-text{
width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
</style>
</body>
</html>