HTML Tumblr自定义主题框架
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML Tumblr自定义主题框架相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
{CustomCSS}
</style>
</head>
<body>
<header>
<h1><a href="/">{Title}</a></h1>
{block:Description}
<p>{Description}</p>
{/block:Description}
</header>
<div class="content">
<section class="posts">
{block:NoSearchResults}
<h4>Sorry, nothing found for &ldquo;{SearchQuery}&rdquo;.</h4>
{/block:NoSearchResults}
{block:TagPage}
<h4>Posts tagged &lsquo;{Tag}&rsquo;</h4>
{/block:TagPage}
{block:Posts}
<article class="post {PostType}">
{block:Text}
{block:Title}
<h2>{Title}</h2>
{/block:Title}
{Body}
{/block:Text}
{block:Photo}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}">
{LinkCloseTag}
{block:HighRes}
<a href="{PhotoURL-HighRes}">View in high-res</a>
{/block:HighRes}
{block:Exif}
<dl>
{block:Camera}
<dt>Camera:</dt>
<dd>{Camera}</dd>
{/block:Camera}
{block:Aperture}
<dt>Aperture:</dt>
<dd>{Aperture}</dd>
{/block:Aperture}
{block:Exposure}
<dt>Exposure:</dt>
<dd>{Exposure}</dd>
{/block:Exposure}
{block:FocalLength}
<dt>Focal Length:</dt>
<dd>{FocalLength}</dd>
{/block:FocalLength}
</dl>
{/block:Exif}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photo}
{block:Photoset}
{Photoset-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Photoset}
{block:Quote}
<blockquote>
<p>{Quote}</p>
{block:Source}
<b class="source">{Source}</b>
{/block:Source}
</blockquote>
{/block:Quote}
{block:Link}
<h2><a href="{URL}"{Target}>{Name}</a></h2>
{block:Description}
{Description}
{/block:Description}
{/block:Link}
{block:Chat}
{block:Title}
<h2>{Title}</h2>
{/block:Title}
<ul>
{block:Lines}
<li class="{Alt}">
{block:Label}
<b>{Label}</b>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
{/block:Chat}
{block:Audio}
{block:AudioEmbed}
{AudioEmbed-500}
{/block:AudioEmbed}
{block:AudioPlayer}
{block:AlbumArt}
<img src="{AlbumArtURL}" alt="Album Art">
{/block:AlbumArt}
{AudioPlayerBlack}
{block:ExternalAudio}
<a href="{ExternalAudioURL}">Download</a>
{/block:ExternalAudio}
{/block:AudioPlayer}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Audio}
{block:Video}
{Video-500}
{block:Caption}
{Caption}
{/block:Caption}
{/block:Video}
{block:Answer}
<h2>{Asker} asked: <q>{Question}</q></h2>
{Answer}
{/block:Answer}
{block:Date}
<footer>
<ul>
<li><a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}">{TimeAgo}</a></li>
{block:NoteCount}<li><a href="{Permalink}">{NoteCountWithLabel}</a></li>{/block:NoteCount}
{block:HasTags}
<li>Tags:
<ul>
{block:Tags}
<li>
<a href="{TagURL}">{Tag}</a>
</li>
{/block:Tags}
</ul>
</li>
{/block:HasTags}
{block:RebloggedFrom}<li>Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></li>{/block:RebloggedFrom}
{block:ContentSource}
<li>Source:
<a href="{SourceURL}">
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
</li>
{/block:ContentSource}
</ul>
</footer>
{/block:Date}
</article> <!-- /post -->
{block:PostNotes}
{PostNotes}
{/block:PostNotes}
{/block:Posts}
{block:PermalinkPagination}
<nav>
{block:PreviousPost}
<a href="{PreviousPost}">&larr; Previous Post</a>
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}">Next post &rarr;</a>
{/block:NextPost}
</nav>
{/block:PermalinkPagination}
{block:Pagination}
<nav>
{block:PreviousPage}
<a href="{PreviousPage}">&larr; Previous</a>
{/block:PreviousPage}
<span>{CurrentPage}/{TotalPages}</span>
{block:NextPage}
<a href="{NextPage}">Next &rarr;</a>
{/block:NextPage}
</nav>
{/block:Pagination}
</section> <!-- /posts -->
</div> <!-- /content -->
<footer>
<ul>
{block:HasPages}
{block:Pages}
<li><a href="{URL}">{Label}</a></li>
{/block:Pages}
{/block:HasPages}
{block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
{block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
<li><a href="/archive">Archive</a></li>
<li><a href="{RSS}">RSS feed</a></li>
</ul>
<p>Powered by <a href="http://www.tumblr.com/">Tumblr</a>.</p>
</footer>
</body>
</html>html 自定义主题
<div class="customify-grid">
<div class="customify-col-9_md-9_sm-9">Khi chọn IT24 là đơn vị <a href="https://www.it24.vn/bang-gia-va-tinh-nang/">thiết kế web trọn gói</a>, bạn sẽ có ngay một website với giao diện cực đẹp và đầy đủ các tính năng. Bằng cách lựa chọn một giao diện ưng ý trong kho giao diện và gửi yêu cầu chỉnh sửa cho chúng tôi. Bạn cũng có thể đưa ra yêu cầu thiết kế web riêng chúng tôi sẽ triển khai một cách nhanh nhất</div>
<div class="customify-col-3_md-3_sm-3"><img class="alignnone size-full wp-image-292" src="https://www.it24.vn/wp-content/uploads/2018/05/time.png" alt="" width="100" height="100" /></div>
<div></div>
</div>以上是关于HTML Tumblr自定义主题框架的主要内容，如果未能解决你的问题，请参考以下文章