search

YunYouJun / hexo-theme-yun

☁️ A fast & light & lovely theme for Hexo. 一个对可爱自以为是的 Hexo 主题。
https://yun.yunyoujun.cn
MIT License
1.38k stars 167 forks source link

文章目录无法正常显示 #18

Closed yuzijiangorz closed 4 years ago

yuzijiangorz commented 4 years ago

Hexo本地渲染错误，上传仍然错误

这是一级标题

toc显示如下

希望修改

yuzijiangorz commented 4 years ago

希望云游君康康

YunYouJun commented 4 years ago

您是否直接使用了 # 文章一级标题 这种方式。 为保证 SEO 和 Accessibility，本主题文章渲染的方式采用文章标题作为 h1 一级标题，无须显示在目录。 文章的内容目录，统一从 h2 二级标题开始使用。

即：

## 二级标题

良好的 HTML 页面，有且应当只有一个 h1 一级标题。

yuzijiangorz commented 4 years ago

谢谢

yuzijiangorz commented 4 years ago

然而问题还没有解决

我已经更换了一级标题为二级

这里是我的md源码

但是在预览时仍然出现

我想问一下，是主题问题还是本地问题？

yuzijiangorz commented 4 years ago

md源码：https://s1.ax1x.com/2020/04/22/JtPGEn.jpg

错误: https://s1.ax1x.com/2020/04/22/JtP64x.jpg

YunYouJun commented 4 years ago

生成二级标题，可以直接使用 ## 语法实现。 譬如：

## 二级标题

文字内容

不过您的错误信息似乎与此无关，该问题我在本地无法复现。能否提供可复现的源码地址?

或请问文件是否正确使用 UTF-8 编码格式，以及是否使用了其他可能影响字符编码的插件？

以及请尝试 hexo clean，避免受缓存影响。

yuzijiangorz commented 4 years ago

尝试Hexo clean后，错误依然存在 使用UTF-8编码，没有

浮现源码

<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="关于Coderhub的事"><meta name="keywords" content=""><meta name="author" content="yuzijiangorz"><meta name="copyright" content="yuzijiangorz"><meta name="theme-color" content="#7B68EE"><title>关于Coderhub的事 | 鱼子酱の博客</title><link rel="shortcut icon" href="/favicon.ico"><link rel="mask-icon" href="/favicon.ico" color="#7B68EE"><link rel="preload" href="/css/hexo-theme-yun.css" as="style"><link rel="preload" href="/js/utils.js" as="script"><link rel="preload" href="/js/hexo-theme-yun.js" as="script"><link rel="prefetch" href="/js/sidebar.js" as="script"><link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin><link rel="stylesheet" href="/css/hexo-theme-yun.css"><link rel="alternate" href="/atom.xml" title="鱼子酱の博客"><script id="yun-config">
    let Yun = window.Yun || {};
    let CONFIG = {"root":"/","title":"鱼子酱の博客","version":"0.5.2","anonymous_image":"https://cdn.jsdelivr.net/gh/YunYouJun/cdn/img/avatar/none.jpg","say":{"api":"https://v1.hitokoto.cn","hitokoto":true},"local_search":{"path":"/search.xml"},"valine":{"el":"#valine-container","appId":"p2h62jkHuSPY4L8FKCSLQCyj-gzGzoHsz","appKey":"LpauYcKQqjbuuNeSkTSoKWuv","serverURLs":null,"placeholder":"写点神马","avatar":null,"meta":["nick","mail","link"],"pageSize":10,"lang":"zh-cn","visitor":true},"fireworks":{"colors":["255,255,240","62, 131, 225","33, 78, 194"]}};
  </script><script src="//at.alicdn.com/t/font_1140697_9juba7x0cw.js" async></script><link class="aplayer-style-marker" rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/aplayer@latest/dist/APlayer.min.css"><script class="aplayer-script-marker" src="https://cdn.jsdelivr.net/npm/aplayer@latest/dist/APlayer.min.js"></script><script class="meting-script-marker" src="https://cdn.jsdelivr.net/npm/meting@1/dist/Meting.min.js"></script><meta name="generator" content="Hexo 4.2.0"><link rel="alternate" href="/atom.xml" title="鱼子酱の博客" type="application/atom+xml">
<link rel="stylesheet" href="/css/prism.css" type="text/css"></head><body><script defer src="https://cdn.jsdelivr.net/npm/animejs@latest/anime.min.js"></script><script defer src="/js/ui/fireworks.js"></script><canvas class="fireworks"></canvas><canvas id="trianglify"></canvas><script defer src="https://cdn.jsdelivr.net/npm/trianglify@latest/dist/trianglify.min.js"></script><script>document.addEventListener("DOMContentLoaded", () => {
  const pattern = Trianglify({
    width: 800,
    height: 600,
    cell_size: 75,
    palette: ["YlGnBu", "GnBu", "Purples", "Blues"],
  });
  document.body.appendChild(pattern.canvas(trianglify));
});</script><div class="container"><a class="sidebar-toggle sidebar-toggle-fixed hty-icon-button"><div class="hamburger hamburger--spin" type="button"><span class="hamburger-box"><span class="hamburger-inner"></span></span></div></a><aside class="sidebar"><ul class="sidebar-nav"><li class="sidebar-nav-item sidebar-nav-toc sidebar-nav-active hty-icon-button" data-target="post-toc-wrap" title="文章目录"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-list-ordered"></use></svg></li><li class="sidebar-nav-item sidebar-nav-overview hty-icon-button" data-target="site-overview-wrap" title="站点概览"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-passport-line"></use></svg></li></ul><div class="sidebar-panel" id="site-overview-wrap"><div class="site-info mickey-mouse"><a class="site-author-avatar" href="/about" title="yuzijiangorz"><img loading="lazy" src="/yzc.png" alt="yuzijiangorz"></a><div class="site-author-name"><a href="/about/">yuzijiangorz</a></div><a class="site-name" href="/about/site.html">鱼子酱の博客</a><sub class="site-subtitle">QWQ</sub><div class="site-desciption"></div></div><nav class="site-state"><a class="site-state-item hty-icon-button icon-home" href="/" title="首页"><span class="site-state-item-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-home-4-line"></use></svg></span></a><div class="site-state-item site-state-posts"><a href="/archives" title="归档"><span class="site-state-item-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-archive-line"></use></svg></span><span class="site-state-item-count">4</span></a></div><div class="site-state-item site-state-tags"><a href="/tags" title="标签"><span class="site-state-item-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-price-tag-3-line"></use></svg></span><span class="site-state-item-count">1</span></a></div></nav><hr style="margin-bottom:0.5rem"><div class="links-of-author"><a class="links-of-author-item hty-icon-button" rel="noopener" href="/atom.xml" title="RSS" target="_blank" style="color:orange"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-rss-line"></use></svg></a><a class="links-of-author-item hty-icon-button" rel="noopener" href="https://github.com/yuzijiangorz" title="GitHub" target="_blank" style="color:#181717"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-github-line"></use></svg></a><a class="links-of-author-item hty-icon-button" rel="noopener" href="mailto:yuzijiangorz@yuzijiangorz.xyz" title="E-Mail" target="_blank" style="color:#8E71C1"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-mail-line"></use></svg></a><a class="links-of-author-item hty-icon-button" rel="noopener" href="https://space.bilibili.com/355546555" title="哔哩哔哩" target="_blank" style="color:#FF8EB3"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-bilibili-line"></use></svg></a><a class="links-of-author-item hty-icon-button" rel="noopener" href="https://twitter.com/yuzijiangorz" title="Twitter" target="_blank" style="color:#1da1f2"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-twitter-line"></use></svg></a><a class="links-of-author-item hty-icon-button" rel="noopener" href="https://osu.ppy.sh/users/16356086" title="osu" target="_blank" style="color:#FFC0CB"><i class="fa-circle-thin"></i></a></div><hr style="margin:0.5rem 1rem"><div class="links"><a class="links-item hty-icon-button" href="/links/" title="我的小伙伴们" style="color:dodgerblue"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-genderless-line"></use></svg></a></div></div><script defer src="/js/sidebar.js"></script><div class="sidebar-panel sidebar-panel-active" id="post-toc-wrap"><div class="post-toc"><div class="post-toc-content"><ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#null"><span class="toc-number">1.</span> <span class="toc-text">&amp;#x5173;&amp;#x4E8E;&amp;#x56E2;&amp;#x961F;&amp;#x5B98;&amp;#x7F51;&amp;#x88AB;&amp;#x7BE1;&amp;#x6539;&amp;#x4E00;&amp;#x4E8B;</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#null"><span class="toc-number">2.</span> <span class="toc-text">&amp;#x516C;&amp;#x544A;</span></a></li></ol></div></div></div></aside><main class="sidebar-translate" id="content"><div id="post"><article class="post-block" itemscope itemtype="http://schema.org/Article"><link itemprop="mainEntityOfPage" href="https://yuzijiangorz.xyz/2020/04/22/about-coderhub/"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="yuzijiangorz"><meta itemprop="description" content="关于Coderhub的事"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="鱼子酱の博客"></span><header class="post-header"><h1 class="post-title" itemprop="name headline">关于Coderhub的事</h1><div class="post-meta"><div class="post-time" style="display:inline-block"><span class="post-meta-item-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-calendar-line"></use></svg></span> <time title="创建时间：2020-04-22 08:32:14" itemprop="dateCreated datePublished" datetime="2020-04-22T08:32:14+08:00">2020-04-22</time></div><span class="post-busuanzi"><span class="post-meta-divider">-</span><span class="post-meta-item-icon" title="阅读次数"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-eye-line"></use></svg> <span id="busuanzi_value_page_pv"></span></span></span><span class="leancloud_visitors" id="/2020/04/22/about-coderhub/" data-flag-title="关于Coderhub的事"><span class="post-meta-divider">-</span><span class="post-meta-item-icon" title="阅读次数"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-eye-line"></use></svg> <span class="leancloud-visitors-count"></span></span></span><div class="post-classify"></div></div></header><section class="post-body" itemprop="articleBody"><div class="post-content post-markdown"><a id="more"></a>
<h2>&#x5173;&#x4E8E;&#x56E2;&#x961F;&#x5B98;&#x7F51;&#x88AB;&#x7BE1;&#x6539;&#x4E00;&#x4E8B;</h2>

<p>&#x4E0D;&#x8981;&#x7D27;&#xFF0C;&#x53EA;&#x662F;&#x5185;&#x90E8;&#x7EA0;&#x7EB7;&#x3002;&#x73B0;&#x5728;&#x5DF2;&#x7ECF;&#x548C;&#x597D;&#xFF0C;&#x5B98;&#x7F51;&#x5DF2;&#x7ECF;&#x4FEE;&#x590D;</p>
<h2>&#x516C;&#x544A;</h2>

<p>&#x7531;&#x4E8E;coding Pages&#x5B98;&#x7F51;&#x5728;2.25&#x7EF4;&#x62A4;&#xFF0C;&#x6240;&#x4EE5; <a href="https://www.coderhub.ltd" target="_blank" rel="noopener">&#x5B98;&#x7F51;</a>&#x53EF;&#x80FD;&#x5728;&#x90A3;&#x4E00;&#x5929;&#x65E0;&#x6CD5;&#x8BBF;&#x95EE;&#x6216;&#x901F;&#x5EA6;&#x53D8;&#x6162;&#xFF0C;&#x8BF7;&#x5927;&#x5BB6;&#x4E0D;&#x8981;&#x62C5;&#x5FC3;</p>
<p>&#x5982;&#x679C;coderhub&#x771F;&#x7684;&#x6563;&#x4E86;&#xFF0C;&#x4E5F;&#x6CA1;&#x6709;&#x5173;&#x7CFB;&#x3002;&#x9879;&#x76EE;&#x8FD8;&#x662F;&#x4F1A;&#x7EE7;&#x7EED;&#x7EF4;&#x62A4;&#x7684;&#x3002;</p>
<p><strong>EOF</strong></p>
</div><div id="reward-container"><span class="hty-icon-button button-glow" id="reward-button" title="打赏" onclick="var qr = document.getElementById(&quot;qr&quot;); qr.style.display = (qr.style.display === &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;;"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-hand-coin-line"></use></svg></span><div id="reward-comment">我这么可爱,让我喝一杯冰阔落呗awa</div><div id="qr" style="display:none;"><div style="display:inline-block"><a href="https://s1.ax1x.com/2020/04/21/J8h1KA.jpg" target="_blank" rel="noopener"><img loading="lazy" src="https://s1.ax1x.com/2020/04/21/J8h1KA.jpg" alt="支付宝" title="支付宝"></a><div><span style="color:#00A3EE"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-alipay-line"></use></svg></span></div></div><div style="display:inline-block"><a href="https://s1.ax1x.com/2020/04/21/J8h1KA.jpg" target="_blank" rel="noopener"><img loading="lazy" src="https://s1.ax1x.com/2020/04/21/J8h1KA.jpg" alt="QQ 支付" title="QQ 支付"></a><div><span style="color:#12B7F5"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-qq-line"></use></svg></span></div></div><div style="display:inline-block"><a href="https://s1.ax1x.com/2020/04/21/J8f9OI.png" target="_blank" rel="noopener"><img loading="lazy" src="https://s1.ax1x.com/2020/04/21/J8f9OI.png" alt="微信支付" title="微信支付"></a><div><span style="color:#2DC100"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-wechat-pay-line"></use></svg></span></div></div></div></div><ul class="post-copyright"><li class="post-copyright-author"><strong>本文作者：</strong>yuzijiangorz</li><li class="post-copyright-link"><strong>本文链接：</strong><a href="https://yuzijiangorz.xyz/2020/04/22/about-coderhub/" title="关于Coderhub的事">https://yuzijiangorz.xyz/2020/04/22/about-coderhub/</a></li><li class="post-copyright-license"><strong>版权声明：</strong>本博客所有文章除特别声明外，均默认采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener" title="CC BY-NC-SA 4.0 "><svg class="icon"><use xlink:href="#icon-creative-commons-line"></use></svg><svg class="icon"><use xlink:href="#icon-creative-commons-by-line"></use></svg><svg class="icon"><use xlink:href="#icon-creative-commons-nc-line"></use></svg><svg class="icon"><use xlink:href="#icon-creative-commons-sa-line"></use></svg></a> 许可协议。</li></ul></section></article><div class="post-nav"><div class="post-nav-item"></div><div class="post-nav-item"><a class="post-nav-next" href="/2020/04/20/ads/" rel="next" title="广告"><span class="post-nav-text">广告</span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-arrow-right-s-line"></use></svg></a></div></div></div><div id="comment"><div class="comment-tooltip text-center"><span></span><br></div><div class="comment-container" id="valine-container"></div></div></main><footer class="sidebar-translate" id="footer"><div class="copyright"><span>&copy; 2020 </span><span class="with-love" id="animate"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-cloud-line"></use></svg></span><span class="author"> yuzijiangorz</span></div><div id="busuanzi"><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><span id="busuanzi_container_site_uv"><span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-user-line"></use></svg></span><span id="busuanzi_value_site_uv"></span></span><span class="footer-separator">|</span><span id="busuanzi_container_site_pv"><span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-eye-line"></use></svg></span><span id="busuanzi_value_site_pv"></span></span></div><script defer src="https://cdn.jsdelivr.net/npm/valine@latest/dist/Valine.min.js"></script><script>function initValine() {
  new Valine(CONFIG.valine);
}
document.addEventListener("DOMContentLoaded", function() {
  initValine();
});</script></footer><a class="hty-icon-button" id="goUp" aria-label="back-to-top" href="#"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-arrow-up-s-line"></use></svg><svg class="progress-circle-container" viewBox="0 0 100 100"><circle class="progress-circle" id="progressCircle" cx="50" cy="50" r="48" fill="none" stroke="#7B68EE" stroke-width="2" stroke-linecap="round"></circle></svg></a><a class="popup-trigger hty-icon-button icon-search" id="search" href="https://www.bing.com/search?q=yuzijiangorz.xyz" target="_blank" rel="noopener" title="搜索"><span class="site-state-item-icon"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-search-line"></use></svg></span></a><script>let date = new Date();
let today = (date.getMonth() + 1) + "-" + date.getDate()
if ("4-4,9-18".indexOf(today) !== -1) {
  document.documentElement.style.filter = "grayscale(1)";
}</script></div><script defer src="/js/utils.js"></script><script defer src="/js/hexo-theme-yun.js"></script><script src="https://cdn.jsdelivr.net/npm/live2d-widget@^3.1.3/lib/L2Dwidget.min.js"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"https://cdn.jsdelivr.net/npm/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json"},"display":{"position":"right","width":150,"height":300},"mobile":{"show":true},"react":{"opacity":0.7},"dialog":{"enable":true,"hitokoto":true},"log":false});</script></body></html>
yuzijiangorz commented 4 years ago

从XML文件看到了

我所有的正文都

问一下怎么解决

yuzijiangorz commented 4 years ago

https://s1.ax1x.com/2020/04/22/Jt4wSf.jpg

yuzijiangorz commented 4 years ago

求求云游君翻一下

YunYouJun commented 4 years ago

源码不是指这个，这是生成后的文件。本意指你的 Hexo 的原工作目录下的文件。 你需要将你的代码推送到 GitHub 上，以方便查看。

你可以参考这里，以将本地文件推送到 Hexo 分支。并提供你的项目地址，以方便复现问题。

yuzijiangorz commented 4 years ago

https://github.com/yuzijiangorz/hexobf

yuzijiangorz commented 4 years ago

这里是一个依然报错的文件

YunYouJun commented 4 years ago

image

您好，直接下载您的文件本地测试可以正常显示。仍旧无法复现。 问题应当出在您的配置或系统、编辑器的编码格式。

建议提供完整项目文件，或查看 package.json 是否添加了影响字符编码的依赖，以及推荐使用 VS Code 等编辑器。

yuzijiangorz commented 4 years ago

这里是我的package.json

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },
  "hexo": {
    "version": "4.2.0"
  },
  "dependencies": {
    "cheerio": "^0.22.0",
    "hexo": "^4.0.0",
    "hexo-blog-encrypt": "^3.0.12",
    "hexo-deployer-git": "^2.1.0",
    "hexo-generator-archive": "^1.0.0",
    "hexo-generator-category": "^1.0.0",
    "hexo-generator-feed": "^2.2.0",
    "hexo-generator-index-pin-top": "^0.2.2",
    "hexo-generator-json-content": "^4.2.3",
    "hexo-generator-search": "^2.4.0",
    "hexo-generator-searchdb": "^1.2.0",
    "hexo-generator-sitemap": "^2.0.0",
    "hexo-generator-tag": "^1.0.0",
    "hexo-helper-live2d": "^3.1.1",
    "hexo-katex": "0.0.13",
    "hexo-permalink-pinyin": "^1.1.0",
    "hexo-prism-plugin": "^2.3.0",
    "hexo-render-pug": "^2.1.4",
    "hexo-renderer-ejs": "^1.0.0",
    "hexo-renderer-kramed": "^0.1.4",
    "hexo-renderer-mathjax": "^0.6.0",
    "hexo-renderer-pug": "^1.0.0",
    "hexo-renderer-stylus": "^1.1.0",
    "hexo-server": "^1.0.0",
    "hexo-tag-vimhighlight": "^0.3.1",
    "hexo-wordcount": "^6.0.1"
  }
}

没有安装任何的关于字符编码的插件 我使用的是VScode,UTF-8格式，但是仍然无法正常显示

YunYouJun commented 4 years ago

抱歉，尝试安装了您额外的依赖，仍旧无法复现问题。 若您无法提供最小可复现的代码仓库，我将无法尝试解决该问题。

yuzijiangorz commented 4 years ago

https://ws28.cn/f/2cvjj3s9ba5

我的本地仓库

YunYouJun commented 4 years ago

您好，该问题已复现并寻找到原因。

问题原因

为您安装的 hexo-katex 插件引起。 对目录文本进行了转译。

替代方案

事实上，如果您想要使用 KaTeX，本主题已原生支持。可参见KaTeX | Yun 文档。 通过 CDN 方式引入以优化速度，并提供单独开启与全局开启的方式。

解决方案

所以对于该问题的解决方案是，建议您卸载 hexo-katex 插件。

npm uninstall hexo-katex
hexo clean
hexo s
yuzijiangorz commented 4 years ago

谢谢

YunYouJun commented 4 years ago

因为该问题已得到解决，我将关闭该 ISSUE。