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.
361 lines
16 KiB
361 lines
16 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<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}}">
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/base.min.css@ver=5.4.10.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style.min.css@ver=5.4.10.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/widgets.min.css@ver=5.4.10.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/style-custom.css@ver=12032.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/index.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
|
|
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/details.css"}}" />
|
|
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
|
|
</head>
|
|
|
|
<body id="tie-body"
|
|
class="archive category category-cd-player category-232 wp-custom-logo tie-no-js boxed-layout wrapper-has-shadow block-head-2 magazine3 magazine1 is-desktop is-header-layout-3 has-header-ad sidebar-left has-sidebar hide_sidebars aa-prefix-advads-">
|
|
<div class="background-overlay">
|
|
<div id="tie-container" class="site tie-container">
|
|
<div id="tie-wrapper">
|
|
<header id="theme-header"
|
|
class="theme-header header-layout-3 main-nav-light main-nav-default-light main-nav-below main-nav-boxed has-stream-item top-nav-active top-nav-light top-nav-default-light top-nav-boxed top-nav-above has-shadow has-normal-width-logo has-custom-sticky-logo mobile-header-centered">
|
|
|
|
<nav id="top-nav" data-skin="search-in-top-nav"
|
|
class="has-menu-components top-nav header-nav live-search-parent"
|
|
aria-label="Secondary Navigation">
|
|
<div class="container">
|
|
<div class="topbar-wrapper">
|
|
<div class="tie-alignleft">
|
|
<div class="top-menu header-menu">
|
|
<ul id="menu-topbar-menu" class="menu">
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
{{range .Friendship}}
|
|
<li id="menu-item-28832"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-28832">
|
|
<a href="{{.Url}}">{{.Name}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container header-container">
|
|
<div class="tie-row logo-row">
|
|
<div class="logo-wrapper">
|
|
<div class="tie-col-md-4 logo-container clearfix">
|
|
<div id="mobile-header-components-area_1" class="mobile-header-components">
|
|
<ul class="components">
|
|
<li class="mobile-component_menu custom-menu-link"><a href="{{.IndexUrl}}"
|
|
id="mobile-menu-icon" class=""><span
|
|
class="tie-mobile-menu-icon nav-icon is-layout-1"></span><span
|
|
class="screen-reader-text">Menu</span></a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="logo" class="image-logo" style="margin-top: 20px;">
|
|
<a title="HiFi BLOG" href="{{.IndexUrl}}">
|
|
|
|
<picture id="tie-logo-default" class="tie-logo-default tie-logo-picture">
|
|
<source class="tie-logo-source-default tie-logo-source">
|
|
<img class="tie-logo-img-default tie-logo-img"
|
|
src="{{replaceImage .Logo}}" alt="LOGO" width="300" height="100"
|
|
style="max-height:100px; width: auto;" />
|
|
</picture>
|
|
|
|
<picture id="tie-logo-inverted" class="tie-logo-inverted tie-logo-picture">
|
|
<source class="tie-logo-source-inverted tie-logo-source"
|
|
id="tie-logo-inverted-source">
|
|
<img class="tie-logo-img-inverted tie-logo-img"
|
|
id="tie-logo-inverted-img" src="{{replaceImage .Logo}}"
|
|
alt="HiFi BLOG" width="300" height="100"
|
|
style="max-height:100px; width: auto;" />
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="mobile-header-components-area_2" class="mobile-header-components">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tie-col-md-8 stream-item stream-item-top-wrapper">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-nav-wrapper">
|
|
<nav id="main-nav" class="main-nav header-nav" aria-label="Primary Navigation">
|
|
<div class="container">
|
|
|
|
<div class="main-menu-wrapper">
|
|
|
|
<div id="menu-components-wrap">
|
|
|
|
<div class="main-menu main-menu-wrap tie-alignleft">
|
|
<div id="main-nav-menu" class="main-menu header-menu">
|
|
<ul id="menu-primary-menu" class="menu" role="menubar">
|
|
<li id="menu-item-28896"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-28896">
|
|
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li id="menu-item-26888"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-26888"
|
|
data-id="2725"><a href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li id="menu-item-7974"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7974"
|
|
data-id="541"><a href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li id="menu-item-7997"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7997"
|
|
data-id="231"><a href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="content" class="site-content container">
|
|
<div id="main-content-row" class="tie-row main-content-row">
|
|
<section id="content" class="container">
|
|
<div id="breadcrumb">
|
|
<a href="{{.IndexUrl}}">{{lang "home"}}</a>
|
|
<a href="#">{{.Title}}</a>
|
|
</div>
|
|
<div id="article-head">
|
|
<h1 id="title">{{.Title}}</h1>
|
|
<div>
|
|
<span>{{timeFormat .PublishTime}}</span>
|
|
<span> / </span>
|
|
<span>{{.Views}} {{lang "views"}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="d-lg-flex">
|
|
<div id="article-container" class="col-lg-8 col-md-12">
|
|
<!-- article content start -->
|
|
<!-- span class="link"
|
|
section="shortcodeLink"><a
|
|
href="/tech/mobile/the-next-iphone-moment-will-arrive-eventually-hurry-up-already/">the
|
|
iPhone</a></span> -->
|
|
<article id="article">
|
|
<img width="100%" src="{{getCover .Article.Pictures}}" />
|
|
<p class="speakableTextP1">{{.Article.Summary}}</p>
|
|
{{range .Article.Topics}}
|
|
<p><strong>{{.Topic}}</strong></p>
|
|
{{$tlen := len .Pictures}}
|
|
{{if ne $tlen 0}}
|
|
{{range .Pictures}}
|
|
<img width="100%" src="{{replaceImage .}}" />
|
|
{{end}}
|
|
{{end}}
|
|
<p>{{.Content}}</p>
|
|
{{end}}
|
|
</article>
|
|
<!-- article content end -->
|
|
<div class="article-page">
|
|
{{ if .Prev }}
|
|
<div class="hidden-text">
|
|
<a href="{{.Prev.Url}}">{{lang "prev_article"}}:{{.Prev.Title}}</a>
|
|
</div>
|
|
{{ end }}
|
|
{{ if .Next }}
|
|
<div class="hidden-text">
|
|
<a href="{{.Next.Url}}">{{lang "next_article"}}:{{.Next.Title}}</a>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<div id="article-popular-recommend" class="col-lg-4 col-md-12">
|
|
{{$plen := len .PopularArticles}}
|
|
{{if ne $plen 0}}
|
|
<div class="block-title">
|
|
<div class="text">{{lang "popular"}}</div>
|
|
</div>
|
|
<div id="article-popular">
|
|
<!-- popular article list start -->
|
|
{{range .PopularArticles}}
|
|
<div class="article d-flex">
|
|
<a href="{{.Url}}" target="_blank">
|
|
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" />
|
|
</a>
|
|
<div class="content">
|
|
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a>
|
|
<div class="info">
|
|
<span>{{timeFormat .PublishTime}}</span>
|
|
/
|
|
<span>{{.Views}} {{lang "views"}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<!-- popular article list end -->
|
|
</div>
|
|
{{end}}
|
|
{{$rlen := len .RecommendArticles}}
|
|
{{if ne $rlen 0}}
|
|
<div class="block-title">
|
|
<div class="text">{{lang "recommend"}}</div>
|
|
</div>
|
|
<div id="article-recommend">
|
|
<!-- recommend article list start -->
|
|
{{range .RecommendArticles}}
|
|
<div class="article d-flex">
|
|
<a href="{{.Url}}" target="_blank">
|
|
<img class="image" src="{{getCover .Cover 125 75}}" alt="Cover Image" />
|
|
</a>
|
|
<div class="content">
|
|
<a class="title" href="{{.Url}}" target="_blank">{{.Title}}</a>
|
|
<div class="info">
|
|
<span>{{timeFormat .PublishTime}}</span>
|
|
/
|
|
<span>{{.Views}} {{lang "views"}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<!-- recommend article list end -->
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<footer id="footer" class="site-footer dark-skin dark-widgetized-area">
|
|
|
|
<div id="footer-widgets-container">
|
|
<div class="container">
|
|
|
|
<div class="footer-widget-area ">
|
|
<div class="tie-row">
|
|
|
|
<div class="tie-col-sm-4 normal-side">
|
|
<div id="author-bio-widget-2" class="container-wrapper widget aboutme-widget">
|
|
<div class="widget-title the-global-title">
|
|
<div class="the-subtitle">About us<span
|
|
class="widget-title-icon tie-icon"></span></div>
|
|
</div>
|
|
<div class="about-author about-content-wrapper"><img alt="LOGO"
|
|
src="{{replaceImage .Logo}}"
|
|
class="about-author-img" width="280" height="47">
|
|
<div class="clearfix"></div>
|
|
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="tie-col-sm-4 normal-side">
|
|
|
|
</div>
|
|
|
|
<div class="tie-col-sm-4 normal-side">
|
|
<div id="nav_menu-5" class="container-wrapper widget widget_nav_menu">
|
|
<div class="widget-title the-global-title">
|
|
<div class="the-subtitle">Links<span
|
|
class="widget-title-icon tie-icon"></span></div>
|
|
</div>
|
|
<div class="menu-footer-menu-topics-container">
|
|
<ul id="menu-footer-menu-topics" class="menu">
|
|
<li id="menu-item-29874"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-29874">
|
|
<a href="{{.IndexUrl}}">{{ lang "home"}}</a>
|
|
</li>
|
|
{{if .HasAbout }}
|
|
<li id="menu-item-29876"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-29876">
|
|
<a href="{{.AboutUrl}}">{{ lang "about" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasContact }}
|
|
<li id="menu-item-29875"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-29875">
|
|
<a href="{{.ContactUrl}}">{{ lang "contact" }}</a>
|
|
</li>
|
|
{{end}}
|
|
{{if .HasPolicy }}
|
|
<li id="menu-item-29873"
|
|
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-29873">
|
|
<a href="{{.PolicyUrl}}">{{ lang "policy"}}</a>
|
|
</li>
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div id="nav_menu-3" class="container-wrapper widget widget_nav_menu">
|
|
<div class="widget-title the-global-title">
|
|
<div class="the-subtitle">Friend Links<span
|
|
class="widget-title-icon tie-icon"></span></div>
|
|
</div>
|
|
<div class="menu-footer-menu-container">
|
|
<ul id="menu-footer-menu" class="menu">
|
|
{{$flen := len .Friendship}}
|
|
{{if ne $flen 0}}
|
|
{{range .Friendship}}
|
|
<li id="menu-item-29864"
|
|
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-29864">
|
|
<a href="{{.Url}}">{{.Name}}</a>
|
|
</li>
|
|
{{end}}
|
|
{{end}}
|
|
</ul>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="site-info" class="site-info site-info-layout-2">
|
|
<div class="container">
|
|
<div class="tie-row">
|
|
<div class="tie-col-md-12">
|
|
|
|
<div class="copyright-text copyright-text-first"><a href="{{.IndexUrl}}">{{.Copyright}}</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |