# 前言

shoka 主题真是太好看啦

# 应用主题

在应用主题之前,至少安装 hexo-renderer-multi-markdown-ithexo-autoprefixer

安装 multi-markdown-it 强烈建议 --ignore-scripts 跳过 Chromium 内核的下载

即便使用魔法我也没有安装成功等到后面出问题可就太难受了

详细解释可以看作者的原文

npm un hexo-renderer-marked --save
# npm i hexo-renderer-multi-markdown-it --save
npm i hexo-renderer-multi-markdown-it --save --ignore-scripts
npm install hexo-autoprefixer --save

根目录配置文件添加

markdown:
  render: # 渲染器设置
    html: true # 过滤 HTML 标签
    xhtmlOut: true # 使用 '/' 来闭合单标签 (比如 <br />)。
    breaks: true # 转换段落里的 '\n' 到 <br>。
    linkify: true # 将类似 URL 的文本自动转换为链接。
    typographer: 
    quotes: '“”‘’'
  plugins: # markdown-it 插件设置
    - plugin:
        name: markdown-it-toc-and-anchor
        enable: true
        options: # 文章目录以及锚点应用的 class 名称,shoka 主题必须设置成这样
          tocClassName: 'toc'
          anchorClassName: 'anchor'
    - plugin:
        name: markdown-it-multimd-table
        enable: true
        options:
          multiline: true
          rowspan: true
          headerless: true
    - plugin:
        name: ./markdown-it-furigana
        enable: true
        options:
          fallbackParens: "()"
    - plugin:
        name: ./markdown-it-spoiler
        enable: true
        options:
          title: "你知道得太多了"
minify:
  html:
    enable: true
    exclude: # 排除 hexo-feed 用到的模板文件
      - '**/json.ejs'
      - '**/atom.ejs'
      - '**/rss.ejs'
  css:
    enable: true
    exclude:
      - '**/*.min.css'
  js:
    enable: true
    mangle:
      toplevel: true
    output:
    compress:
    exclude:
      - '**/*.min.js'
autoprefixer:
  exclude:
    - '*.min.css'

还要停用默认代码高亮功能

highlight:
  enable: false
prismjs:
  enable: false

# 增加自定义配置

主题根目录下添加 _config.shoka.yml

以下修改主题的自定义配置都应该保存在这个文件

# 自定义 CSS/JS

实在是没有按钮,没有办法了

在主题配置 _config.yml 文件中添加

inject:
  head:
    - https://www.bootcss.com/p/buttons/css/buttons.css
  bottom:
    -

shoka/layout/_partials/head/head.njk 末行添加

参考

shoka/layout/_partials/layout.njk body 结束之前添加

参考

# 踩坑 minivaline

不懂作者姐姐为什么要用 minivaline

# 评论跳转

可能我用的评论与版本不一样,导致 a 标签有问题

<a href="//posts/3076/#60105fsde4bba79" data-pjax-state=""></a>

只需要把这个 / 去掉就可以了,主题配置文件可以更换

// gh/mydracula/image@master/20210206/065d05bdd7b0c3bd7bc24fdb10ee4210.js
<a href="/'+n[o].get("url")+"#"+n[o].id+'"><span class="breadcrumb">'+n[o].get("nick")+" @ "+(0,a.default)(n[o].get("createdAt"),e.i18n)+"</span><span>"+n[o].get("comment").replace(/<[^>]+>/gi,"").substr(0,100)+"</span></a>

# 评论跨域

什么乱七八糟的错误

Access to XMLHttpRequest at 'https://console.leancloud.app/1.1/...' from origin '' has been blocked by CORS

LeanCloud 不是休眠就是服务器 url 有问题经典老毛病

修改 serverURLs 配置 APPID 前 8 位

serverURLs: https://ABCDEFG1.api.lncldglobal.com
更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

山河 微信支付

微信支付

山河 支付宝

支付宝

山河 贝宝

贝宝