<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, maximum-scale=5, viewport-fit=cover">
<title>Categories | Purer theme demo</title>
<meta name="description" content="This post contains 3 categories. Make sure your theme can display all of the categories.">
<meta property="og:type" content="article">
<meta property="og:title" content="Categories">
<meta property="og:url" content="https://purer.netlify.com/category-test">
<meta property="og:site_name" content="Purer theme demo">
<meta property="og:description" content="This post contains 3 categories. Make sure your theme can display all of the categories.">
<meta property="og:locale" content="en_US">
<meta property="article:published_time" content="2013-12-24T23:30:09.000Z">
<meta property="article:modified_time" content="2022-04-10T12:55:52.094Z">
<meta property="article:author" content="fengkx">
<meta name="twitter:card" content="summary">
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/css/common.min.css">
<link href="//cdn.jsdelivr.net/npm/lightgallery.js@1.1.3/dist/css/lightgallery.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/iconfont.min.css">
<script>
(function(e,t,n,i,s,a,c){e[n]=e[n]||function(){(e[n].q=e[n].q||[]).push(arguments)}
;a=t.createElement(i);c=t.getElementsByTagName(i)[0];a.async=true;a.src=s
;c.parentNode.insertBefore(a,c)
})(window,document,"galite","script","https://cdn.jsdelivr.net/npm/ga-lite@2/dist/ga-lite.min.js");
galite('create', 'UA-103237573-2', 'auto');
galite('send', 'pageview');
</script>
<meta name="generator" content="Hexo 5.4.2"></head>
<body>
<header class="header header-fixture">
<div class="profile-search-wrap flex sm:block">
<div class="profile sm:text-center md:px-1 lg:px-3 sm:pb-4 sm:pt-6">
<a id="avatar" role="link" href="https://github.com/fengkx" class="inline-block lg:w-16 lg:h-16 w-8 h-8 m-2" target="_blank" rel="noopener" rel="noreferrer" >
<img src="https://www.gravatar.com/avatar/0bc83cb571cd1c50ba6f3e8a78ef1346?s=128" class="rounded-full" alt="avatar">
</a>
<h2 id="name" class="hidden lg:block">fengkx</h2>
<h3 id="title" class="hidden lg:block">Student & Coder</h3>
<small id="location" class="hidden lg:block">
<i class="iconfont icon-map-icon"></i>
Guangzhou, China
</small>
</div>
<div class="search flex-1 flex lg:inline-block sm:hidden lg:px-4 lg:mt-2 lg:mb-4 lg:w-full">
<form id="search-form" class="my-auto flex-1 lg:border lg:border-solid lg:border-gray-200">
<div class="input-group table bg-gray-100 lg:bg-white w-full">
<input id="search-input" type="text" placeholder="Search" class="inline-block w-full bg-gray-100 lg:bg-white p-1">
<span class="table-cell">
<button name="search tigger button" disabled>
<i class="iconfont icon-search m-2"></i>
</button>
</span>
</div>
</form>
<div id="content-json" data-placeholder="Search" class="invisible hidden">/content.json</div>
<script id="search-teamplate" type="text/html" data-path="/content.json">
<div>
<div class="search-header bg-gray-400">
<input id="actual-search-input" model="keyword" ref="input" class="inline-block w-full h-10 px-2 py-1" placeholder="Search" type="text">
</div>
<div class="search-result bg-gray-200">
{{#each searchPosts}}
<a href="/{{ path }}" class="result-item block px-2 pb-3 mb-1 pt-1 hover:bg-indigo-100">
<i class="iconfont icon-file"></i>
<h1 class="result-title inline font-medium text-lg">{{ title }}</h1>
<p class="result-content text-gray-600 text-sm">{{{ text }}}</p>
</a>
{{/each}}
</div>
</div>
</script>
</div>
<button name="menu toogle button" id="menu-toggle-btn" class="block sm:hidden p-3" role="button" aria-expanded="false">
<i class="iconfont icon-hamburger"></i>
</button>
</div>
<nav id="menu-nav" class="hidden sm:flex flex-col">
<div class="menu-item menu-home" role="menuitem">
<a href="/.">
<i class="iconfont icon-home" aria-hidden="true"></i>
<span class="menu-title">Home</span>
</a>
</div>
<div class="menu-item menu-archives" role="menuitem">
<a href="/archives">
<i class="iconfont icon-archive" aria-hidden="true"></i>
<span class="menu-title">Archives</span>
</a>
</div>
<div class="menu-item menu-categories" role="menuitem">
<a href="/categories">
<i class="iconfont icon-folder" aria-hidden="true"></i>
<span class="menu-title">Categories</span>
</a>
</div>
<div class="menu-item menu-tags" role="menuitem">
<a href="/tags">
<i class="iconfont icon-tag" aria-hidden="true"></i>
<span class="menu-title">Tags</span>
</a>
</div>
<div class="menu-item menu-repository" role="menuitem">
<a href="/repository">
<i class="iconfont icon-project" aria-hidden="true"></i>
<span class="menu-title">Repository</span>
</a>
</div>
<div class="menu-item menu-links" role="menuitem">
<a href="/links">
<i class="iconfont icon-friend" aria-hidden="true"></i>
<span class="menu-title">Links</span>
</a>
</div>
<div class="menu-item menu-about" role="menuitem">
<a href="/about">
<i class="iconfont icon-cup" aria-hidden="true"></i>
<span class="menu-title">About</span>
</a>
</div>
<div class="social-links flex sm:flex-col lg:hidden mt-5">
<span class="social-item text-center">
<a target="_blank" rel="noopener" href="https://github.com/fengkx">
<i class="iconfont social-icon icon-github"></i>
<span class="menu-title hidden lg:inline">menu.github</span>
</a>
</span>
<span class="social-item text-center">
<a target="_blank" rel="noopener" href="https://t.me/fengkx">
<i class="iconfont social-icon icon-telegram"></i>
<span class="menu-title hidden lg:inline">menu.telegram</span>
</a>
</span>
<span class="social-item text-center">
<a target="_blank" rel="noopener" href="https://twitter.com/example">
<i class="iconfont social-icon icon-twitter"></i>
<span class="menu-title hidden lg:inline">menu.twitter</span>
</a>
</span>
<span class="social-item text-center">
<a href="/atom.xml">
<i class="iconfont social-icon icon-rss"></i>
<span class="menu-title hidden lg:inline">menu.rss</span>
</a>
</span>
</div>
</nav>
</header>
<section class="main-section">
<main class="flex-1 px-4 py-14 md:px-5 lg:px-8 lg:py-4 relative min-h-screen">
<article class="content article article-archives article-type-list" itemscope="">
<header class="article-header">
<h1 class="article-title text-lg" itemprop="name">
Categories
</h1>
<p class="article-meta mb-3 text-xs">
<span class="article-date">
<i class="iconfont icon-calendar-check"></i>
<a href="/category-test" class="article-date">
<time datetime="2013-12-24T23:30:09.000Z" itemprop="datePublished">Dec 24</time>
</a>
</span>
<span class="article-category">
<i class="iconfont icon-folder"></i>
<a class="article-category-link" href="/categories/Foo/">Foo</a> , <a class="article-category-link" href="/categories/Foo/Bar/">Bar</a> , <a class="article-category-link" href="/categories/Foo/Bar/Baz/">Baz</a>
</span>
<span class="_partial/post-comment"><i class="icon icon-comment"></i>
<a href="/category-test#comments" class="article-comment-link">
Comments
</a>
</span>
<span class="post-wordcount" itemprop="wordCount">Word Count: 15(words)</span>
<span class="post-readcount" itemprop="timeRequired">Read Count: 1(minutes)</span>
</p>
</header>
<div class="marked-body article-body">
<p>This post contains 3 categories. Make sure your theme can display all of the categories.</p>
</div>
<blockquote class="copyright">
<p><strong>Link to this article : </strong><a class="permalink" href="https://purer.netlify.com/category-test">https://purer.netlify.com/category-test</a></p>
<p><strong>This article is available under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener noreferrer">Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)</a> License</strong></p>
</blockquote>
</article>
<section id="comments">
</section>
</main>
<aside style="" id="sidebar" class="aside aside-fixture">
<div class="toc-sidebar">
<nav id="toc" class="article-toc">
<h3 class="toc-title">Catalogue</h3>
</nav>
</div>
</aside>
</section>
<footer class="hidden lg:block fixed bottom-0 left-0 sm:w-1/12 lg:w-1/6 bg-gray-100 z-40">
<div class="footer-social-links">
<a target="_blank" rel="noopener" href="https://github.com/fengkx">
<i class="iconfont icon-github"></i>
</a>
<a target="_blank" rel="noopener" href="https://t.me/fengkx">
<i class="iconfont icon-telegram"></i>
</a>
<a target="_blank" rel="noopener" href="https://twitter.com/example">
<i class="iconfont icon-twitter"></i>
</a>
<a href="/atom.xml">
<i class="iconfont icon-rss"></i>
</a>
</div>
<p class="footer-custom"><a href = "https://netlify.com" target="_blank" rel="noopener noreferrer">Hosted by Netlify</a></p>
<p class="theme-brand">Theme by <a target="_blank" href="https://github.com/fengkx/hexo-theme-purer" rel="nofollow noopener noreferrer noopener">hexo-theme-purer</a></p>
</footer>
<div id="mask" class="hidden mask fixed inset-0 bg-gray-900 opacity-75 z-40"></div>
<div id="search-view-container" class="hidden shadow-xl"></div>
<script src="/js/dom-event.min.js"></script>
<script src="/js/local-search.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/lightgallery.js@1.1.3/dist/js/lightgallery.min.js"></script>
<script src="/js/light-gallery.min.js"></script>
</body>
</html>