提交 72ceb594 编写于 作者: T TRHX

Site updated: 2018-08-27 21:27:19

上级 a075f218
......@@ -153,7 +153,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......
......@@ -183,7 +183,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......
......@@ -156,7 +156,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -323,7 +323,7 @@
<strong class="article-nav-caption"><</strong>
<div class="article-nav-title">
(no title)
Hexo 博客主题个性化
</div>
</a>
......@@ -411,7 +411,7 @@
<div class="scroll" id="post-nav-button">
<a href="/2018/08/27/Hexo 博客主题个性化/" title="上一篇: ">
<a href="/2018/08/27/Hexo 博客主题个性化/" title="上一篇: Hexo 博客主题个性化">
<i class="fa fa-angle-left"></i>
</a>
......
......@@ -3,14 +3,15 @@
<head>
<meta charset="utf-8">
<title>TRHX&#39;s Blog - Live and Learn!</title>
<title>Hexo 博客主题个性化 | TRHX&#39;s Blog - Live and Learn!</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="title:Hexo 博客主题个性化 tags: Hexo 主题个性化 categories: 实用教程 description: Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客 本文将讲述一些博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 spfk 主题为例) – 添加评论系统 主流的评论系统有很多,比如:网易云跟帖、多说、友">
<meta name="description" content="Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客">
<meta name="keywords" content="Hexo,主题个性化">
<meta property="og:type" content="article">
<meta property="og:title" content="TRHX&#39;s Blog - Live and Learn!">
<meta property="og:title" content="Hexo 博客主题个性化">
<meta property="og:url" content="http://yoursite.com/2018/08/27/Hexo 博客主题个性化/index.html">
<meta property="og:site_name" content="TRHX&#39;s Blog - Live and Learn!">
<meta property="og:description" content="title:Hexo 博客主题个性化 tags: Hexo 主题个性化 categories: 实用教程 description: Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客 本文将讲述一些博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 spfk 主题为例) – 添加评论系统 主流的评论系统有很多,比如:网易云跟帖、多说、友">
<meta property="og:description" content="Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客">
<meta property="og:locale" content="zh-CN">
<meta property="og:image" content="https://i.imgur.com/mNjUFeP.png">
<meta property="og:image" content="https://i.imgur.com/I3DXQMC.png">
......@@ -20,10 +21,10 @@
<meta property="og:image" content="https://i.imgur.com/OgKwuQY.png">
<meta property="og:image" content="https://i.imgur.com/9oCg3Gx.png">
<meta property="og:image" content="https://i.imgur.com/LI7iFxx.png">
<meta property="og:updated_time" content="2018-08-27T13:06:07.425Z">
<meta property="og:updated_time" content="2018-08-27T13:25:08.401Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TRHX&#39;s Blog - Live and Learn!">
<meta name="twitter:description" content="title:Hexo 博客主题个性化 tags: Hexo 主题个性化 categories: 实用教程 description: Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客 本文将讲述一些博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 spfk 主题为例) – 添加评论系统 主流的评论系统有很多,比如:网易云跟帖、多说、友">
<meta name="twitter:title" content="Hexo 博客主题个性化">
<meta name="twitter:description" content="Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客">
<meta name="twitter:image" content="https://i.imgur.com/mNjUFeP.png">
<link rel="alternative" href="/atom.xml" title="TRHX&#39;s Blog - Live and Learn!" type="application/atom+xml">
......@@ -162,7 +163,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -252,7 +253,7 @@
<div class="article-meta">
<a href="/2018/08/27/Hexo 博客主题个性化/" class="article-date">
<time datetime="2018-08-27T11:30:02.763Z" itemprop="datePublished">2018-08-27</time>
<time datetime="2018-08-27T13:25:24.452Z" itemprop="datePublished">2018-08-27</time>
</a>
</div>
......@@ -261,20 +262,36 @@
<input type="hidden" class="isFancy" />
<header class="article-header">
<h1 class="article-title" itemprop="name">
Hexo 博客主题个性化
</h1>
</header>
<div class="article-info article-info-post">
<div class="article-category tagcloud">
<a class="article-category-link" href="/categories/实用教程/">实用教程</a>
</div>
<div class="article-tag tagcloud">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题个性化/">主题个性化</a></li></ul>
</div>
<div class="clearfix"></div>
</div>
<div class="article-entry" itemprop="articleBody">
<hr>
<p>title:Hexo 博客主题个性化</p>
<p>tags: </p>
<ul>
<li>Hexo</li>
<li>主题个性化</li>
</ul>
<p>categories: 实用教程</p>
<p>description: Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客</p>
<hr>
<font color="#4094C7" size="4"><br><strong>本文将讲述一些博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 <a href="https://github.com/luuman/hexo-theme-spfk" target="_blank" rel="noopener">spfk</a> 主题为例)</strong><br></font>
<font color="#4094C7" size="4"><br><strong>本文将讲述一些博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 <a href="https://github.com/luuman/hexo-theme-spfk" target="_blank" rel="noopener">spfk</a> 主题为例)</strong><br></font>
<hr>
<h1 id="–-添加评论系统"><a href="#–-添加评论系统" class="headerlink" title=" – 添加评论系统 "></a><font color="#FF0000"> – 添加评论系统 </font></h1><p>主流的评论系统有很多,比如:网易云跟帖、多说、友言、畅言、来必力(LiveRe)、Disqus、Valine、Gitment等等,目前网易云跟帖、多说、友言都已经关闭了,还有些可能需要翻墙,比较麻烦,百度了一下,最后还是选择了来必力评论系统</p>
......@@ -338,12 +355,12 @@
<div class="copyright">
<p><span>本文标题:</span><a href="/2018/08/27/Hexo 博客主题个性化/"></a></p>
<p><span>本文标题:</span><a href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a></p>
<p><span>文章作者:</span><a href="/" title="访问 TRHX 的个人博客">TRHX</a></p>
<p><span>发布时间:</span>2018年08月27日 - 19时30</p>
<p><span>最后更新:</span>2018年08月27日 - 21时06</p>
<p><span>发布时间:</span>2018年08月27日 - 21时25</p>
<p><span>最后更新:</span>2018年08月27日 - 21时25</p>
<p>
<span>原始链接:</span><a class="post-url" href="/2018/08/27/Hexo 博客主题个性化/" title="">http://yoursite.com/2018/08/27/Hexo 博客主题个性化/</a>
<span>原始链接:</span><a class="post-url" href="/2018/08/27/Hexo 博客主题个性化/" title="Hexo 博客主题个性化">http://yoursite.com/2018/08/27/Hexo 博客主题个性化/</a>
<span class="copy-path" data-clipboard-text="原文: http://yoursite.com/2018/08/27/Hexo 博客主题个性化/  作者: TRHX" title="点击复制文章链接"><i class="fa fa-clipboard"></i></span>
<script src="/js/clipboard.min.js"></script>
<script> var clipboard = new Clipboard('.copy-path'); </script>
......
......@@ -153,7 +153,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......
......@@ -152,7 +152,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -256,14 +256,28 @@
<header class="archive-article-header">
<div class="article-meta">
<a href="/2018/08/27/Hexo 博客主题个性化/" class="archive-article-date">
<time datetime="2018-08-27T11:30:02.763Z" itemprop="datePublished">08-27</time>
<time datetime="2018-08-27T13:25:24.452Z" itemprop="datePublished">08-27</time>
</a>
</div>
<h1 itemprop="name">
<a class="archive-article-title" href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a>
</h1>
<div class="article-info info-on-archive">
<div class="article-category tagcloud">
<a class="article-category-link" href="/categories/实用教程/">实用教程</a>
</div>
<div class="article-tag tagcloud">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题个性化/">主题个性化</a></li></ul>
</div>
</div>
<div class="clearfix"></div>
</header>
......
......@@ -152,7 +152,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -256,14 +256,28 @@
<header class="archive-article-header">
<div class="article-meta">
<a href="/2018/08/27/Hexo 博客主题个性化/" class="archive-article-date">
<time datetime="2018-08-27T11:30:02.763Z" itemprop="datePublished">08-27</time>
<time datetime="2018-08-27T13:25:24.452Z" itemprop="datePublished">08-27</time>
</a>
</div>
<h1 itemprop="name">
<a class="archive-article-title" href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a>
</h1>
<div class="article-info info-on-archive">
<div class="article-category tagcloud">
<a class="article-category-link" href="/categories/实用教程/">实用教程</a>
</div>
<div class="article-tag tagcloud">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题个性化/">主题个性化</a></li></ul>
</div>
</div>
<div class="clearfix"></div>
</header>
......
......@@ -152,7 +152,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -256,14 +256,28 @@
<header class="archive-article-header">
<div class="article-meta">
<a href="/2018/08/27/Hexo 博客主题个性化/" class="archive-article-date">
<time datetime="2018-08-27T11:30:02.763Z" itemprop="datePublished">08-27</time>
<time datetime="2018-08-27T13:25:24.452Z" itemprop="datePublished">08-27</time>
</a>
</div>
<h1 itemprop="name">
<a class="archive-article-title" href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a>
</h1>
<div class="article-info info-on-archive">
<div class="article-category tagcloud">
<a class="article-category-link" href="/categories/实用教程/">实用教程</a>
</div>
<div class="article-tag tagcloud">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题个性化/">主题个性化</a></li></ul>
</div>
</div>
<div class="clearfix"></div>
</header>
......
......@@ -150,7 +150,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......
......@@ -152,7 +152,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -251,6 +251,41 @@
</div>
<div class="archives">
<article class="archive-article archive-type-post">
<div class="archive-article-inner">
<header class="archive-article-header">
<div class="article-meta">
<a href="/2018/08/27/Hexo 博客主题个性化/" class="archive-article-date">
<time datetime="2018-08-27T13:25:24.452Z" itemprop="datePublished">08-27</time>
</a>
</div>
<h1 itemprop="name">
<a class="archive-article-title" href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a>
</h1>
<div class="article-info info-on-archive">
<div class="article-category tagcloud">
<a class="article-category-link" href="/categories/实用教程/">实用教程</a>
</div>
<div class="article-tag tagcloud">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题个性化/">主题个性化</a></li></ul>
</div>
</div>
<div class="clearfix"></div>
</header>
</div>
</article>
<article class="archive-article archive-type-post">
<div class="archive-article-inner">
<header class="archive-article-header">
......
此差异已折叠。
......@@ -155,7 +155,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -247,7 +247,7 @@
<div class="article-meta">
<a href="/2018/08/27/Hexo 博客主题个性化/" class="article-date">
<time datetime="2018-08-27T11:30:02.763Z" itemprop="datePublished">2018-08-27</time>
<time datetime="2018-08-27T13:25:24.452Z" itemprop="datePublished">2018-08-27</time>
</a>
</div>
......@@ -256,75 +256,22 @@
<input type="hidden" class="isFancy" />
<header class="article-header">
<h1 itemprop="name">
<a class="article-title" href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a>
</h1>
</header>
<div class="article-entry" itemprop="articleBody">
<hr>
<p>title:Hexo 博客主题个性化</p>
<p>tags: </p>
<ul>
<li>Hexo</li>
<li>主题个性化</li>
</ul>
<p>categories: 实用教程</p>
<p>description: Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客</p>
<hr>
<font color="#4094C7" size="4"><br><strong>本文将讲述一些博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 <a href="https://github.com/luuman/hexo-theme-spfk" target="_blank" rel="noopener">spfk</a> 主题为例)</strong><br></font>
<hr>
<h1 id="–-添加评论系统"><a href="#–-添加评论系统" class="headerlink" title=" – 添加评论系统 "></a><font color="#FF0000"> – 添加评论系统 </font></h1><p>主流的评论系统有很多,比如:网易云跟帖、多说、友言、畅言、来必力(LiveRe)、Disqus、Valine、Gitment等等,目前网易云跟帖、多说、友言都已经关闭了,还有些可能需要翻墙,比较麻烦,百度了一下,最后还是选择了来必力评论系统</p>
<p>进入<a href="https://livere.com" target="_blank" rel="noopener">来必力官网</a>,注册一个账号(注册时可能需要翻墙)<br><br></p>
<p><img src="https://i.imgur.com/mNjUFeP.png" alt=""> </p>
<p><br><br>注册完毕之后,登录,进入安装页面,选择 City 免费版安装,安装之后你会得到一段代码<br><br></p>
<p><img src="https://i.imgur.com/I3DXQMC.png" alt=""></p>
<p><img src="https://i.imgur.com/GUROoY0.png" alt=""></p>
<p><img src="https://i.imgur.com/sCi7KKc.png" alt=""> </p>
<p><br><br>我们打开主题文件下的 <font color="#FF0000">_config.yml</font> 文件,添加如下代码:<br><br></p>
<p><img src="https://i.imgur.com/Lwfd9pZ.png" alt=""> </p>
<p><br><br><font color="#FF0000">\themes\hexo-theme-spfk\layout\_partial\comments</font> 文件夹下新建一个 <font color="#FF0000">livere.ejs</font> 的文件,在里面填写来必力提供的代码:</p>
<pre><code>&lt;!-- 来必力City版安装代码 --&gt;
&lt;div id=&quot;lv-container&quot; data-id=&quot;city&quot; data-uid=&quot;这里是你的uid&quot;&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
(function(d, s) {
var j, e = d.getElementsByTagName(s)[0];
if (typeof LivereTower === &apos;function&apos;) { return; }
j = d.createElement(s);
j.src = &apos;https://cdn-city.livere.com/js/embed.dist.js&apos;;
j.async = true;
e.parentNode.insertBefore(j, e);
})(document, &apos;script&apos;);
&lt;/script&gt;
&lt;noscript&gt;为正常使用来必力评论功能请激活JavaScript&lt;/noscript&gt;
&lt;/div&gt;
&lt;!-- City版安装代码已完成 --&gt;
</code></pre><p>打开 <font color="#FF0000">\themes\hexo-theme-spfk\layout\_partial\article.ejs </font>文件,在适当位置添加如下红框中的代码: </p>
<p><br><br><img src="https://i.imgur.com/OgKwuQY.png" alt=""> </p>
<p><br><br>完成以上操作之后,我们就可以使用来必力评论系统了<br><br></p>
<p><img src="https://i.imgur.com/9oCg3Gx.png" alt=""><br><br></p>
<hr>
<h1 id="–-添加卡通人物"><a href="#–-添加卡通人物" class="headerlink" title=" – 添加卡通人物 "></a><font color="#FF000"> – 添加卡通人物 </font></h1><p>我在逛别人博客的时候偶然发现右下角居然有一个萌萌的卡通人物,还能根据你鼠标位置摇头,瞬间被吸引到了,赶紧也给自己博客添加一个吧!<a href="https://github.com/EYHN/hexo-helper-live2d" target="_blank" rel="noopener">点击此处</a>进入该项目地址 </p>
<p>输入如下命令获取 live2d :</p>
<pre><code>$ npm install --save hexo-helper-live2d
</code></pre><p>输入以下命令,下载相应的模型,将 <font color="#FF0000">packagename</font> 更换成模型名称即可,更多模型选择请<a href="https://github.com/xiazeyu/live2d-widget-models" target="_blank" rel="noopener">点击此处</a>,各个模型的预览请<a href="https://huaji8.top/post/live2d-plugin-2.0/" target="_blank" rel="noopener">访问原作者的博客</a> </p>
<pre><code>$ npm install packagename
</code></pre><p>打开站点目录下的 <font color="#FF0000">_config.yml</font> 文件,添加如下代码: </p>
<pre><code>live2d:
enable: true
scriptFrom: local
model:
use: live2d-widget-model-haruto #模型选择
display:
position: right #模型位置
width: 150 #模型宽度
height: 300 #模型高度
mobile:
show: false #是否在手机端显示
</code></pre><p>设置好过后我们就拥有了一个卡通人物<br><br></p>
<p><img src="https://i.imgur.com/LI7iFxx.png" alt=""></p>
Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客
</div>
......@@ -332,8 +279,20 @@
<div class="article-info article-info-index">
<div class="article-category tagcloud">
<a class="article-category-link" href="/categories/实用教程/">实用教程</a>
</div>
<div class="article-tag tagcloud">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题个性化/">主题个性化</a></li></ul>
</div>
<p class="article-more-link">
<a href="/2018/08/27/Hexo 博客主题个性化/#more">阅读全文 >></a>
</p>
<div class="clearfix"></div>
</div>
......
......@@ -3,11 +3,25 @@
<entry>
<title></title>
<title>Hexo 博客主题个性化</title>
<link href="/2018/08/27/Hexo%20%E5%8D%9A%E5%AE%A2%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96/"/>
<url>/2018/08/27/Hexo%20%E5%8D%9A%E5%AE%A2%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96/</url>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><hr><p>title:Hexo 博客主题个性化</p><p>tags: </p><ul><li>Hexo</li><li>主题个性化</li></ul><p>categories: 实用教程</p><p>description: Hexo 博客主题的美化,添加一些实用功能,定制你的专属博客</p><hr><font color="#4094C7" size="4"><br><strong>本文将讲述一些博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 <a href="https://github.com/luuman/hexo-theme-spfk" target="_blank" rel="noopener">spfk</a> 主题为例)</strong><br></font><hr><h1 id="–-添加评论系统"><a href="#–-添加评论系统" class="headerlink" title=" – 添加评论系统 "></a><font color="#FF0000"> – 添加评论系统 </font></h1><p>主流的评论系统有很多,比如:网易云跟帖、多说、友言、畅言、来必力(LiveRe)、Disqus、Valine、Gitment等等,目前网易云跟帖、多说、友言都已经关闭了,还有些可能需要翻墙,比较麻烦,百度了一下,最后还是选择了来必力评论系统</p><p>进入<a href="https://livere.com" target="_blank" rel="noopener">来必力官网</a>,注册一个账号(注册时可能需要翻墙)<br><br></p><p><img src="https://i.imgur.com/mNjUFeP.png" alt=""> </p><p><br><br>注册完毕之后,登录,进入安装页面,选择 City 免费版安装,安装之后你会得到一段代码<br><br></p><p><img src="https://i.imgur.com/I3DXQMC.png" alt=""></p><p><img src="https://i.imgur.com/GUROoY0.png" alt=""></p><p><img src="https://i.imgur.com/sCi7KKc.png" alt=""> </p><p><br><br>我们打开主题文件下的 <font color="#FF0000">_config.yml</font> 文件,添加如下代码:<br><br></p><p><img src="https://i.imgur.com/Lwfd9pZ.png" alt=""> </p><p><br><br>在 <font color="#FF0000">\themes\hexo-theme-spfk\layout\_partial\comments</font> 文件夹下新建一个 <font color="#FF0000">livere.ejs</font> 的文件,在里面填写来必力提供的代码:</p><pre><code>&lt;!-- 来必力City版安装代码 --&gt;&lt;div id=&quot;lv-container&quot; data-id=&quot;city&quot; data-uid=&quot;这里是你的uid&quot;&gt;&lt;script type=&quot;text/javascript&quot;&gt; (function(d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === &apos;function&apos;) { return; } j = d.createElement(s); j.src = &apos;https://cdn-city.livere.com/js/embed.dist.js&apos;; j.async = true; e.parentNode.insertBefore(j, e); })(document, &apos;script&apos;);&lt;/script&gt;&lt;noscript&gt;为正常使用来必力评论功能请激活JavaScript&lt;/noscript&gt;&lt;/div&gt;&lt;!-- City版安装代码已完成 --&gt;</code></pre><p>打开 <font color="#FF0000">\themes\hexo-theme-spfk\layout\_partial\article.ejs </font>文件,在适当位置添加如下红框中的代码: </p><p><br><br><img src="https://i.imgur.com/OgKwuQY.png" alt=""> </p><p><br><br>完成以上操作之后,我们就可以使用来必力评论系统了<br><br></p><p><img src="https://i.imgur.com/9oCg3Gx.png" alt=""><br><br></p><hr><h1 id="–-添加卡通人物"><a href="#–-添加卡通人物" class="headerlink" title=" – 添加卡通人物 "></a><font color="#FF000"> – 添加卡通人物 </font></h1><p>我在逛别人博客的时候偶然发现右下角居然有一个萌萌的卡通人物,还能根据你鼠标位置摇头,瞬间被吸引到了,赶紧也给自己博客添加一个吧!<a href="https://github.com/EYHN/hexo-helper-live2d" target="_blank" rel="noopener">点击此处</a>进入该项目地址 </p><p>输入如下命令获取 live2d :</p><pre><code>$ npm install --save hexo-helper-live2d </code></pre><p>输入以下命令,下载相应的模型,将 <font color="#FF0000">packagename</font> 更换成模型名称即可,更多模型选择请<a href="https://github.com/xiazeyu/live2d-widget-models" target="_blank" rel="noopener">点击此处</a>,各个模型的预览请<a href="https://huaji8.top/post/live2d-plugin-2.0/" target="_blank" rel="noopener">访问原作者的博客</a> </p><pre><code>$ npm install packagename</code></pre><p>打开站点目录下的 <font color="#FF0000">_config.yml</font> 文件,添加如下代码: </p><pre><code>live2d: enable: true scriptFrom: local model: use: live2d-widget-model-haruto #模型选择 display: position: right #模型位置 width: 150 #模型宽度 height: 300 #模型高度 mobile: show: false #是否在手机端显示</code></pre><p>设置好过后我们就拥有了一个卡通人物<br><br></p><p><img src="https://i.imgur.com/LI7iFxx.png" alt=""></p>]]></content>
<content type="html"><![CDATA[<link rel="stylesheet" class="aplayer-secondary-style-marker" href="\assets\css\APlayer.min.css"><script src="\assets\js\APlayer.min.js" class="aplayer-secondary-script-marker"></script><font color="#4094C7" size="4"><br><strong>本文将讲述一些博客主题的美化、实用功能的添加,不同主题可能方法有些不同(本文以作者 luuman 的 <a href="https://github.com/luuman/hexo-theme-spfk" target="_blank" rel="noopener">spfk</a> 主题为例)</strong><br></font><hr><h1 id="–-添加评论系统"><a href="#–-添加评论系统" class="headerlink" title=" – 添加评论系统 "></a><font color="#FF0000"> – 添加评论系统 </font></h1><p>主流的评论系统有很多,比如:网易云跟帖、多说、友言、畅言、来必力(LiveRe)、Disqus、Valine、Gitment等等,目前网易云跟帖、多说、友言都已经关闭了,还有些可能需要翻墙,比较麻烦,百度了一下,最后还是选择了来必力评论系统</p><p>进入<a href="https://livere.com" target="_blank" rel="noopener">来必力官网</a>,注册一个账号(注册时可能需要翻墙)<br><br></p><p><img src="https://i.imgur.com/mNjUFeP.png" alt=""> </p><p><br><br>注册完毕之后,登录,进入安装页面,选择 City 免费版安装,安装之后你会得到一段代码<br><br></p><p><img src="https://i.imgur.com/I3DXQMC.png" alt=""></p><p><img src="https://i.imgur.com/GUROoY0.png" alt=""></p><p><img src="https://i.imgur.com/sCi7KKc.png" alt=""> </p><p><br><br>我们打开主题文件下的 <font color="#FF0000">_config.yml</font> 文件,添加如下代码:<br><br></p><p><img src="https://i.imgur.com/Lwfd9pZ.png" alt=""> </p><p><br><br>在 <font color="#FF0000">\themes\hexo-theme-spfk\layout\_partial\comments</font> 文件夹下新建一个 <font color="#FF0000">livere.ejs</font> 的文件,在里面填写来必力提供的代码:</p><pre><code>&lt;!-- 来必力City版安装代码 --&gt;&lt;div id=&quot;lv-container&quot; data-id=&quot;city&quot; data-uid=&quot;这里是你的uid&quot;&gt;&lt;script type=&quot;text/javascript&quot;&gt; (function(d, s) { var j, e = d.getElementsByTagName(s)[0]; if (typeof LivereTower === &apos;function&apos;) { return; } j = d.createElement(s); j.src = &apos;https://cdn-city.livere.com/js/embed.dist.js&apos;; j.async = true; e.parentNode.insertBefore(j, e); })(document, &apos;script&apos;);&lt;/script&gt;&lt;noscript&gt;为正常使用来必力评论功能请激活JavaScript&lt;/noscript&gt;&lt;/div&gt;&lt;!-- City版安装代码已完成 --&gt;</code></pre><p>打开 <font color="#FF0000">\themes\hexo-theme-spfk\layout\_partial\article.ejs </font>文件,在适当位置添加如下红框中的代码: </p><p><br><br><img src="https://i.imgur.com/OgKwuQY.png" alt=""> </p><p><br><br>完成以上操作之后,我们就可以使用来必力评论系统了<br><br></p><p><img src="https://i.imgur.com/9oCg3Gx.png" alt=""><br><br></p><hr><h1 id="–-添加卡通人物"><a href="#–-添加卡通人物" class="headerlink" title=" – 添加卡通人物 "></a><font color="#FF000"> – 添加卡通人物 </font></h1><p>我在逛别人博客的时候偶然发现右下角居然有一个萌萌的卡通人物,还能根据你鼠标位置摇头,瞬间被吸引到了,赶紧也给自己博客添加一个吧!<a href="https://github.com/EYHN/hexo-helper-live2d" target="_blank" rel="noopener">点击此处</a>进入该项目地址 </p><p>输入如下命令获取 live2d :</p><pre><code>$ npm install --save hexo-helper-live2d </code></pre><p>输入以下命令,下载相应的模型,将 <font color="#FF0000">packagename</font> 更换成模型名称即可,更多模型选择请<a href="https://github.com/xiazeyu/live2d-widget-models" target="_blank" rel="noopener">点击此处</a>,各个模型的预览请<a href="https://huaji8.top/post/live2d-plugin-2.0/" target="_blank" rel="noopener">访问原作者的博客</a> </p><pre><code>$ npm install packagename</code></pre><p>打开站点目录下的 <font color="#FF0000">_config.yml</font> 文件,添加如下代码: </p><pre><code>live2d: enable: true scriptFrom: local model: use: live2d-widget-model-haruto #模型选择 display: position: right #模型位置 width: 150 #模型宽度 height: 300 #模型高度 mobile: show: false #是否在手机端显示</code></pre><p>设置好过后我们就拥有了一个卡通人物<br><br></p><p><img src="https://i.imgur.com/LI7iFxx.png" alt=""></p>]]></content>
<categories>
<category> 实用教程 </category>
</categories>
<tags>
<tag> Hexo </tag>
<tag> 主题个性化 </tag>
</tags>
</entry>
......
......@@ -152,7 +152,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......
......@@ -152,7 +152,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -251,6 +251,41 @@
</div>
<div class="archives">
<article class="archive-article archive-type-post">
<div class="archive-article-inner">
<header class="archive-article-header">
<div class="article-meta">
<a href="/2018/08/27/Hexo 博客主题个性化/" class="archive-article-date">
<time datetime="2018-08-27T13:25:24.452Z" itemprop="datePublished">08-27</time>
</a>
</div>
<h1 itemprop="name">
<a class="archive-article-title" href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a>
</h1>
<div class="article-info info-on-archive">
<div class="article-category tagcloud">
<a class="article-category-link" href="/categories/实用教程/">实用教程</a>
</div>
<div class="article-tag tagcloud">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题个性化/">主题个性化</a></li></ul>
</div>
</div>
<div class="clearfix"></div>
</header>
</div>
</article>
<article class="archive-article archive-type-post">
<div class="archive-article-inner">
<header class="archive-article-header">
......
......@@ -152,7 +152,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......
......@@ -150,7 +150,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......@@ -307,12 +307,12 @@
<!-- Tag Cloud Page -->
<hr>
<br>
<ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/实用教程/">实用教程</a><span class="category-list-count">2</span></li></ul>
<ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/实用教程/">实用教程</a><span class="category-list-count">3</span></li></ul>
<p class="count"></p>
<div class="tags">
<a href="/tags/Github-Pages/" style="font-size: 16px; color: #808080">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 16px; color: #808080">Hexo</a> <a href="/tags/Markdown/" style="font-size: 16px; color: #808080">Markdown</a> <a href="/tags/技巧/" style="font-size: 16px; color: #808080">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 16px; color: #808080">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 35px; color: #000">Hexo</a> <a href="/tags/Markdown/" style="font-size: 16px; color: #808080">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 16px; color: #808080">主题个性化</a> <a href="/tags/技巧/" style="font-size: 16px; color: #808080">技巧</a>
</div>
<style>
.category-list li{
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tag: 主题个性化 | TRHX&#39;s Blog - Live and Learn!</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="一个大学生用于自学的个人博客">
<meta property="og:type" content="website">
<meta property="og:title" content="TRHX&#39;s Blog - Live and Learn!">
<meta property="og:url" content="http://yoursite.com/tags/主题个性化/index.html">
<meta property="og:site_name" content="TRHX&#39;s Blog - Live and Learn!">
<meta property="og:description" content="一个大学生用于自学的个人博客">
<meta property="og:locale" content="zh-CN">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TRHX&#39;s Blog - Live and Learn!">
<meta name="twitter:description" content="一个大学生用于自学的个人博客">
<link rel="alternative" href="/atom.xml" title="TRHX&#39;s Blog - Live and Learn!" type="application/atom+xml">
<link rel="icon" href="/img/trhx2.png">
<link rel="stylesheet" href="//cdn.bootcss.com/animate.css/3.5.0/animate.min.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
<!-- 加载特效 -->
<script src="/js/pace.js"></script>
<link href="/css/pace/pace-theme-flash.css" rel="stylesheet" />
<script>
var yiliaConfig = {
rootUrl: '/',
fancybox: true,
animate: true,
isHome: false,
isPost: false,
isArchive: false,
isTag: true,
isCategory: false,
open_in_new: false
}
</script>
</head>
<body>
<div id="container">
<div class="left-col">
<div class="overlay"></div>
<div class="intrude-less">
<header id="header" class="inner">
<a href="/" class="profilepic">
<img lazy-src="/img/trhx.png" class="js-avatar">
</a>
<hgroup>
<h1 class="header-author"><a href="/" title="Hi Mate">TRHX</a></h1>
</hgroup>
<p class="header-subtitle">天下事有难易乎?为之,则难者亦易矣;不为,则易者亦难矣!</p>
<form>
<input type="text" class="st-default-search-input search" id="search" placeholder=" Search...">
</form>
<div id="switch-btn" class="switch-btn">
<div class="icon">
<div class="icon-ctn">
<div class="icon-wrap icon-house" data-idx="0">
<div class="birdhouse"></div>
<div class="birdhouse_holes"></div>
</div>
<div class="icon-wrap icon-ribbon hide" data-idx="1">
<div class="ribbon"></div>
</div>
<div class="icon-wrap icon-link hide" data-idx="2">
<div class="loopback_l"></div>
<div class="loopback_r"></div>
</div>
<div class="icon-wrap icon-me hide" data-idx="3">
<div class="user"></div>
<div class="shoulder"></div>
</div>
</div>
</div>
<div class="tips-box hide">
<div class="tips-arrow"></div>
<ul class="tips-inner">
<li>菜单</li>
<li>标签云</li>
<li>友情链接</li>
<li>关于我</li>
</ul>
</div>
</div>
<div id="switch-area" class="switch-area">
<div class="switch-wrap">
<section class="switch-part switch-part1">
<nav class="header-menu">
<ul>
<li><a href="http://trhx.top">博客首页</a></li>
<li><a href="/archives">所有文章</a></li>
<li><a href="/tags">静心阅读</a></li>
<li><a href="/about">关于我</a></li>
</ul>
</nav>
<nav class="header-nav">
<ul class="social">
<a class="fl github" target="_blank" href="https://github.com/TRHX" title="github">github</a>
<a class="fl zhihu" target="_blank" href="https://www.zhihu.com/people/tan-70-56/activities" title="zhihu">zhihu</a>
<a class="fl mail" target="_blank" href="mailto:&#116;&#114;&#104;&#120;&#64;&#102;&#111;&#120;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;" title="mail">mail</a>
<a class="fl QQ" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2273902448&site=qq&menu=yes" title="QQ">QQ</a>
<a class="fl weibo" target="_blank" href="http://weibo.com/TRHX1" title="weibo">weibo</a>
<a class="fl rss" target="_blank" href="https://blog.csdn.net/qq_36759224" title="rss">rss</a>
</ul>
</nav>
</section>
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
<section class="switch-part switch-part3">
<div id="js-friends">
<a target="_blank" class="main-nav-link switch-friends-link" href="https://www.hojun.cn">hojun</a>
<a target="_blank" class="main-nav-link switch-friends-link" href="https://luotaocheng.github.io">luotaocheng</a>
</div>
</section>
<section class="switch-part switch-part4">
<div id="js-aboutme">业余单车运动员、菜鸟级软件工程大学生、爱折腾、爱刺激、爱编程、爱科技</div>
</section>
</div>
</div>
</header>
</div>
<div style="position:absolute; bottom:100px; left:0px; width:50%">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=300 height=86 src="//music.163.com/outchain/player?type=2&id=32405683&auto=1&height=66"></iframe>
</div>
</div>
<div class="mid-col">
<nav id="mobile-nav">
<div class="overlay">
<div class="slider-trigger"></div>
<h1 class="header-author js-mobile-header hide"><a href="/" title="Me">TRHX</a></h1>
</div>
<div class="intrude-less">
<header id="header" class="inner">
<a href="/" class="profilepic">
<img lazy-src="/img/trhx.png" class="js-avatar">
</a>
<hgroup>
<h1 class="header-author"><a href="/" title="Me">TRHX</a></h1>
</hgroup>
<p class="header-subtitle">天下事有难易乎?为之,则难者亦易矣;不为,则易者亦难矣!</p>
<nav class="header-menu">
<ul>
<li><a href="http://trhx.top">博客首页</a></li>
<li><a href="/archives">所有文章</a></li>
<li><a href="/tags">静心阅读</a></li>
<li><a href="/about">关于我</a></li>
<div class="clearfix"></div>
</ul>
</nav>
<nav class="header-nav">
<div class="social">
<a class="github" target="_blank" href="https://github.com/TRHX" title="github">github</a>
<a class="zhihu" target="_blank" href="https://www.zhihu.com/people/tan-70-56/activities" title="zhihu">zhihu</a>
<a class="mail" target="_blank" href="mailto:&#116;&#114;&#104;&#120;&#64;&#102;&#111;&#120;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;" title="mail">mail</a>
<a class="QQ" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2273902448&site=qq&menu=yes" title="QQ">QQ</a>
<a class="weibo" target="_blank" href="http://weibo.com/TRHX1" title="weibo">weibo</a>
<a class="rss" target="_blank" href="https://blog.csdn.net/qq_36759224" title="rss">rss</a>
</div>
</nav>
</header>
</div>
</nav>
<div class="body-wrap">
<section class="archives-wrap">
<div class="archive-year-wrap">
<a href="/archives/2018" class="archive-year">2018</a>
</div>
<div class="archives">
<article class="archive-article archive-type-post">
<div class="archive-article-inner">
<header class="archive-article-header">
<div class="article-meta">
<a href="/2018/08/27/Hexo 博客主题个性化/" class="archive-article-date">
<time datetime="2018-08-27T13:25:24.452Z" itemprop="datePublished">08-27</time>
</a>
</div>
<h1 itemprop="name">
<a class="archive-article-title" href="/2018/08/27/Hexo 博客主题个性化/">Hexo 博客主题个性化</a>
</h1>
<div class="article-info info-on-archive">
<div class="article-category tagcloud">
<a class="article-category-link" href="/categories/实用教程/">实用教程</a>
</div>
<div class="article-tag tagcloud">
<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/Hexo/">Hexo</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题个性化/">主题个性化</a></li></ul>
</div>
</div>
<div class="clearfix"></div>
</header>
</div>
</article>
</div></section>
</div>
<footer id="footer">
<div class="outer">
<div id="footer-info">
<div class="footer-left">
&copy; 2018 <a href="http://trhx.top" target="_blank"> TRHX </a>
</div>
<div class="footer-right">
<a href="http://hexo.io/" target="_blank">Hexo</a> Theme spfk by <a href="https://github.com/luuman/hexo-theme-spfk" target="_blank">luuman</a>
</div>
</div>
<div class="visit">
<span id="busuanzi_container_site_pv" style='display:none'>
<font size=2 color=#4094C7>
<span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span>
<script>
var now = new Date();
function createtime()
{
var grt= new Date("08/10/2018 17:38:00");//此处修改你的建站时间或者网站上线时间
now.setTime(now.getTime()+250);
days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days);
hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
document.getElementById("timeDate").innerHTML = " 本站已运行 "+dnum+"";
document.getElementById("times").innerHTML = hnum + " 小时 " + mnum + "" + snum + "";
}
setInterval("createtime()",250);
</script>
</font>
||
<span id="site-visit" >本站到访数:
<span id="busuanzi_value_site_uv"></span>
</span>
</span>
<span> || </span>
<span id="busuanzi_container_page_pv" style='display:none'>
<span id="page-visit">本页阅读量:
<span id="busuanzi_value_page_pv"></span>
</span>
</span>
</div>
</div>
</footer>
</div>
<script src="https://7.url.cn/edu/jslib/comb/require-2.1.6,jquery-1.9.1.min.js"></script>
<script src="/js/main.js"></script>
<script>
$(document).ready(function() {
var backgroundnum = 71;
var backgroundimg = "url(/background/bg-x.jpg)".replace(/x/gi, Math.ceil(Math.random() * backgroundnum));
$("#mobile-nav").css({"background-image": backgroundimg,"background-size": "cover","background-position": "center"});
$(".left-col").css({"background-image": backgroundimg,"background-size": "cover","background-position": "center"});
})
</script>
<div class="scroll" id="scroll">
<a href="#"><i class="fa fa-arrow-up"></i></a>
<a href="#comments"><i class="fa fa-comments-o"></i></a>
<a href="#footer"><i class="fa fa-arrow-down"></i></a>
</div>
<script>
$(document).ready(function() {
if ($("#comments").length < 1) {
$("#scroll > a:nth-child(2)").hide();
};
})
</script>
<button class="hide-labels">TAG 开关</button>
<script src="https://7.url.cn/edu/jslib/comb/require-2.1.6,jquery-1.9.1.min.js">
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
$(".article-info").toggle(200);
});
});
</script>
<script async src="https://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>
<script language="javascript">
$(function() {
$("a[title]").each(function() {
var a = $(this);
var title = a.attr('title');
if (title == undefined || title == "") return;
a.data('title', title).removeAttr('title').hover(
function() {
var offset = a.offset();
$("<div id=\"anchortitlecontainer\"></div>").appendTo($("body")).html(title).css({
top: offset.top - a.outerHeight() - 15,
left: offset.left + a.outerWidth()/2 + 1
}).fadeIn(function() {
var pop = $(this);
setTimeout(function() {
pop.remove();
}, pop.text().length * 800);
});
}, function() {
$("#anchortitlecontainer").remove();
});
});
});
</script>
<script type="text/javascript">
window.onload = function(){
document.getElementById("search").onclick = function(){
console.log("search")
search();
}
}
function search(){
(function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
(w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
})(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');
_st('install','A1Pz-LKMXbrzcFg2FWi6','2.0.0');
}
</script>
</div>
<script src="/live2dw/lib/L2Dwidget.min.js?0c58a1486de42ac6cc1c59c7d98ae887"></script><script>L2Dwidget.init({"model":{"jsonPath":"live2d-widget-model-haruto"},"display":{"position":"right","width":150,"height":300},"mobile":{"show":false},"log":false,"pluginJsPath":"lib/","pluginModelPath":"assets/","pluginRootPath":"live2dw/","tagMode":false});</script></body>
</html>
<!-- 页面点击小红心 -->
<script type="text/javascript" src="/js/love.js"></script>
\ No newline at end of file
......@@ -152,7 +152,7 @@
<section class="switch-part switch-part2">
<div class="widget tagcloud" id="js-tagcloud">
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 10px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
<a href="/tags/Github-Pages/" style="font-size: 10px;">Github Pages</a> <a href="/tags/Hexo/" style="font-size: 20px;">Hexo</a> <a href="/tags/Markdown/" style="font-size: 10px;">Markdown</a> <a href="/tags/主题个性化/" style="font-size: 10px;">主题个性化</a> <a href="/tags/技巧/" style="font-size: 10px;">技巧</a>
</div>
</section>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册