saicaca / hexo-theme-vivia

A clean and minimalist theme for Hexo.
https://saicaca.github.io/vivia-preview/
MIT License
329 stars 40 forks source link

Markdown #30

Closed xyzfrozen closed 9 months ago

xyzfrozen commented 9 months ago

在哪里开 Markdown 啊

xyzfrozen commented 9 months ago

还有 Personal info 的 网页 icon 替换了,但是还是不能显示

links:
  - name: Cnblogs
    icon: fa-solid fa-blog  # Find icon codes at https://fontawesome.com/search
    url: https://www.cnblogs.com/xyzfrozen
  - name: Luogu
    icon: fa-solid fa-l
    url: https://www.luogu.com.cn
  - name: GitHub
    icon: fa-brands fa-github
    url: https://github.com

这样只有 Github 的可以显示

LynxCatTheThird commented 9 months ago

在哪里开 Markdown 啊

Markdown 为 Hexo 原生支持,不存在所谓的“开”。如果您遇到了渲染问题,请:

  1. 检查语法(尤其是中英文字符和空格)
  2. 检查渲染器

还有 Personal info 的 网页 icon 替换了,但是还是不能显示

这样只有 Github 的可以显示

这是因为您配置错了。请不要想当然地编辑,到这里查询一下再更改。

xyzfrozen commented 9 months ago

在哪里开 Markdown 啊

Markdown 为 Hexo 原生支持,不存在所谓的“开”。如果您遇到了渲染问题,请:

  1. 检查语法(尤其是中英文字符和空格)
  2. 检查渲染器

还有 Personal info 的 网页 icon 替换了,但是还是不能显示 这样只有 Github 的可以显示

这是因为您配置错了。请不要想当然地编辑,到这里查询一下再更改。

Q1

我的意思是类似

plugins:
    mathjax: true

这样的东西主题里面好像没找到,这个是否修改有影响吗?

渲染器更换为 $kramed$ 了,并且修改了 $\text{escape,em}$

这是本地的 $inline.js$

var _utils = require('../utils');
var replace = _utils.replace;
var merge = _utils.merge;
var noop = _utils.noop;

/**
 * Inline-Level Grammar
 */

var inline = {
  escape: /^\\([`*\[\]()#$+\-.!_>])/,
  autolink: /^<([^ >]+(@|:\/)[^ >]+)>/,
  url: noop,
  html: /^<!--[\s\S]*?-->|^<(\w+(?!:\/|[^\w\s@]*@)\b)*?(?:"[^"]*"|'[^']*'|[^'">])*?>([\s\S]*?)?<\/\1>|^<(\w+(?!:\/|[^\w\s@]*@)\b)(?:"[^"]*"|'[^']*'|[^'">])*?>/,
  link: /^!?\[(inside)\]\(href\)/,
  reflink: /^!?\[(inside)\]\s*\[([^\]]*)\]/,
  nolink: /^!?\[((?:\[[^\]]*\]|[^\[\]])*)\]/,
  reffn: /^!?\[\^(inside)\]/,
  strong: /^__([\s\S]+?)__(?!_)|^\*\*([\s\S]+?)\*\*(?!\*)/,
  em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
  code: /^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,
  br: /^ {2,}\n(?!\s*$)/,
  del: noop,
  text: /^[\s\S]+?(?=[\\<!\[_*`$]| {2,}\n|$)/,
  math: /^\$\$\s*([\s\S]*?[^\$])\s*\$\$(?!\$)/,
};

inline._inside = /(?:\[[^\]]*\]|[^\[\]]|\](?=[^\[]*\]))*/;
inline._href = /\s*<?([\s\S]*?)>?(?:\s+['"]([\s\S]*?)['"])?\s*/;

inline.link = replace(inline.link)
  ('inside', inline._inside)
  ('href', inline._href)
  ();

inline.reflink = replace(inline.reflink)
  ('inside', inline._inside)
  ();

inline.reffn = replace(inline.reffn)
  ('inside', inline._inside)
  ();

/**
 * Normal Inline Grammar
 */

inline.normal = merge({}, inline);

/**
 * Pedantic Inline Grammar
 */

inline.pedantic = merge({}, inline.normal, {
  strong: /^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,
  em: /^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/
});

/**
 * GFM Inline Grammar
 */

inline.gfm = merge({}, inline.normal, {
  escape: replace(inline.escape)('])', '~|])')(),
  url: /^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,
  del: /^~~(?=\S)([\s\S]*?\S)~~/,
  text: replace(inline.text)
    (']|', '~]|')
    ('|', '|https?://|')
    ()
});

/**
 * GitBook Grammar
 */
inline.gitbook = merge({}, inline.gfm, {
  // Template variable
  tplvar: /^{{\s*(.*?)\s*(?=}})}}/,

  // Template expression
  tplexpr: /^{%\s*(.*?)\s*(?=%})%}/,
});
inline.gitbook.text = replace(inline.gfm.text)
  ('~]|', '~]|'+inline.gitbook.tplvar.source+'|'+inline.gitbook.tplexpr.source+'|')
  ();

/**
 * GFM + Line Breaks Inline Grammar
 */

inline.breaks = merge({}, inline.gfm, {
  br: replace(inline.br)('{2,}', '*')(),
  text: replace(inline.gfm.text)('{2,}', '*')()
});

module.exports = inline;

还是没法触发成功,大佬能否看看


Q2

$icon$ 配置我是从 fontawesome 直接复制的源代码

<i class="fa-brands fa-github"></i>
<i class="fa-solid fa-l"></i>

本地修改为

links:
  - name: Cnblogs
    icon: fa-solid fa-blog  # Find icon codes at https://fontawesome.com/search
    url: https://www.cnblogs.com/xyzfrozen
  - name: Luogu
    icon: fa-solid fa-l
    url: https://www.luogu.com.cn
  - name: GitHub
    icon: fa-brands fa-github
    url: https://github.com

就是按照这个渲染成功的 $Github$ 改的,是不能这样改吗

xyzfrozen commented 9 months ago

个人网站 https://xyzfrozen.github.io/

LynxCatTheThird commented 9 months ago

Q1

看不懂 inline.js……


Q2

我这边可以显示,但是我对主题进行了修改(参见#29)。可能是因为主题的字体不全,导致找不到某些符号……? image

saicaca commented 9 months ago

Q1. 你说的这个应该是 hexo-renderer-markdown-it 这个渲染器的配置,我觉得这个和主题没有什么关系,主题没有指定渲染器,你可以自行把 Hexo 的渲染器换成 hexo-renderer-markdown-it,在 _config.yml 中填写相关配置。

Q2. 你的配置没有问题,但我看到你网站上的图标代码和你发的配置不一样。 image 应该是因为你 Hexo 的本地缓存没有更新,你可以尝试先执行 hexo clean 删除缓存再重新部署。

xyzfrozen commented 9 months ago

第二个问题解决了 第一个换了渲染器,但是公式重复了 貌似是 $Katex$ 和 $Mathjax$ 重复了,这个怎么办啊 这篇文章 说的 把MathJax Support中true改成false 是什么意思啊

xyzfrozen commented 9 months ago
# Math
math:                        
  katex:
    enable: true             
    copytex: true            
    mhchem: false            
  mathjax:
    enable: false   

关掉 $mathjax$ 也没用

xyzfrozen commented 9 months ago
# Math
math:                        
  katex:
    enable: true             
    copytex: true            
    mhchem: false            
  mathjax:
    enable: false   

关掉 mathjax 也没用

这是 @LynxCatTheThird #29 里面的,修改到 _ $\text{config.vivia.yml}$ 内

LynxCatTheThird commented 9 months ago

@xyzfrozen,您是否合并了#29?若没有,请检查渲染器配置,在 KaTeX 和 MathJax 中任选一。若已合并,请关闭渲染器或主题的数学,在渲染器的 KaTeX、渲染器的 MathJax、主题的 KaTeX、主题的 MathJax 中任选一。

xyzfrozen commented 9 months ago

@LynxCatTheThird 合并 #29 是什么意思啊,才用 $Github$ 几天

xyzfrozen commented 9 months ago

Update:按照这篇文章 配置的 $markdown$ 但是没找到最后一步里面的类似 $main.styl$ 的文件

刚才不知道为什么没有配置这个文件网站也触发了,但是现在只有本地触发成功,并且是重复公式 尝试

hexo clean
hexo d -g

多次后也没有变化

LynxCatTheThird commented 9 months ago

Update:按照这篇文章 配置的 markdown 但是没找到最后一步里面的类似 main.styl 的文件

刚才不知道为什么没有配置这个文件网站也触发了,但是现在只有本地触发成功,并且是重复公式 尝试

hexo clean
hexo d -g

多次后也没有变化

就目前来看大概率是您把渲染器配置错了,但是由于不知道您的具体配置,似乎难以解答……

@LynxCatTheThird 合并 #29 是什么意思啊,才用 Github 几天

既然您不知道合并,那必然是没有的。请检查渲染器配置,在 KaTeX 和 MathJax 中任选一。

~此外,我觉得像这样高频率的聊天用 QQ(45933179) 似乎比较合适……?~

xyzfrozen commented 9 months ago

请问您的 qq ?

LynxCatTheThird commented 9 months ago

45933179

xyzfrozen commented 9 months ago

ok