_config.butterfly.yml

# 菜单栏
# 图标列表http://www.wapadd.cn/icons/awesome/index.htm
# 菜单和折叠菜单格式如内容：
menu:
  主页: / || fas fa-home
  目录||fas fa-list:
    归档: /archives/ || fas fa-archive
    标签: /tags/ || fas fa-tags
    分类: /categories/ || fas fa-folder-open
  图库: /Gallery/ || fas fa-images
  传送门: /link/ || fas fa-link
  关于: /about/ || fas fa-heart

# 移动端页面隐藏子菜单项
hide_sidebar_menu_child: true
# --------------------------------------


# 文章代码区域样式
# --------------------------------------

highlight_theme: darker # 代码高亮主题 darker / pale night / light / ocean / mac / mac light / false
highlight_copy: true # 复制按钮 true/false
highlight_lang: true # 显示代码使用的语言
highlight_shrink: false # true: 折叠代码块 / false: 默认展开代码块 | none: 展开并取消折叠按钮
highlight_height_limit: false # unit: px
code_word_wrap: false #代码超出页面自动换行

# 复制设置
# copyright: (复制内容后面加入版权信息)
copy:
  enable: true
  copyright:
    enable: false
    limit_count: 50



# 搜索
# --------------------------------------
local_search:
  enable: true


# MathJax 数学插件
mathjax:
  enable: true
  per_page: false


# 图片设置
# --------------------------------------
# 网站图标
favicon: /media/favicon.png

# 头像
avatar:
  img: /media/avatar.jpg
  effect: false

# 禁用所有横幅图片
disable_top_img: false

#首页的横幅图片
index_img: /media/bg.jpg

# 默认横幅图片
default_top_img: /media/top_img.jpg

# 归档页面顶图
archive_img: 'linear-gradient(20deg, #0062be, #925696, #cc426e, #fb0347)'

# 标签页横幅图片，不设置则显示默认横幅图片
# 标签主页横幅图片
tag_img: 'linear-gradient( 135deg, #F05F57 10%, #360940 100%)'

# 子标签横幅
# format:
#  - tag name: xxxxx
tag_per_img:

# 分类页横幅图片，不设置则显示默认横幅图片
# 分类主页横幅图片 
category_img:

# 子分类横幅图片
# format:
#  - category name: xxxxx
category_per_img:

cover:
  # 是否显示文章封面
  index_enable: true
  aside_enable: true
  archives_enable: true
  # 封面显示位置
  # left/right/both
  position: both
  # 当沒有设置cover時，默认封面显示
  default_cover:
    # - /media/default_top_img.jpg

# 替换无法显示的图片
error_img:
  flink: /img/friend_404.gif
  post_page: /img/404.jpg

# 一个简单的404页面
error_404:
  enable: true
  subtitle: '页面未找到'
  background: /media/page404.jpg

post_meta:
  page: # Home Page
    date_type: created # created / updated / both 主頁文章日期是創建日或者更新日或都顯示
    date_format: date # date/relative 顯示日期還是相對日期
    categories: true # true / false 主頁是否顯示分類
    tags: false # true / false 主頁是否顯示標籤
    label: true # true / false 顯示描述性文字
  post:
    date_type: both # created / updated / both 文章頁日期是創建日或者更新日或都顯示
    date_format: date # date/relative 顯示日期還是相對日期
    categories: true # true / false 文章頁是否顯示分類
    tags: true # true / false 文章頁是否顯示標籤
    label: true # true / false 顯示描述性文字

# wordcount (字數統計)
wordcount:
  enable: true
  post_wordcount: true
  min2read: true
  total_wordcount: true

# 在首页显示文章介绍
# 1: 描述
# 2: both (如果描述存在，则显示描述，或显示auto_excerpt)
# 3: auto_excerpt (默认，自动摘录内容)
# false: 不显示文章介绍
index_post_content:
  method: 3
  length: 500 # 如果将method设置为2或3，则需要配置长度

# Post 帖子相关
# --------------------------------------

# toc (目录)
toc:
  enable: true
  number: true
  style_simple: false

# 帖子版权信息
post_copyright:
  enable: true
  decode: false
  license: CC BY-NC-SA 4.0
  license_url: https://creativecommons.org/licenses/by-nc-sa/4.0/

# 赞助图片
reward:
  enable: true
  QR_code:
    - img: /media/wechat.jpg
      text: 微信
    - img: /media/alipay.jpg
      text: 支付宝

# 相关文章
related_post:
  enable: true
  limit: 6 # 显示的帖子数
  date_type: created # or created or updated 文章日期顯示創建日或者更新日

# 图片描述文字
photofigcaption: true

# post_pagination (分页)
# 可选值: 1 || 2 || false
# 1: “下一篇文章”将链接到旧文章
# 2: “下一篇文章”将链接到新文章
# false: 禁用分页
post_pagination: 1

# 锚
# 当您滚动帖子时，URL 将根据标题 ID 更新。
anchor: false

# 文章過期提醒
noticeOutdate:
  enable: false
  style: flat # style: simple/flat
  limit_day: 500 # When will it be shown
  position: top # position: top/bottom
  message_prev: It has been
  message_next: days since the last update, the content of the article may be outdated.



# 分享功能设置
# --------------------------------------

# Share.js
# https://github.com/overtrue/share.js
sharejs:
  enable: true
  sites: wechat,weibo,qq #设置分享平台，可选：facebook,twitter,wechat,weibo,qq


# 评论系统
# --------------------------------------

comments:
  # 在use下设置使用的评论系统，不设置则不启用。最多只能设置两个评论系统，第一个设为默认
  use:
  # - Valine
  # - Disqus
  text: true # 在按钮旁边显示评论名称
  # lazyload: 当评论元素进入浏览器的视口时，评论系统将被加载。
  # 如果设置为true，则评论计数无效
  lazyload: false
  count: false # 在帖子的 top_img 中显示评论数
  card_post_count: false # 在主页中显示评论数


# livere (來必力)
# https://www.livere.com/
livere:
  uid:

# gitalk
# https://github.com/gitalk/gitalk
gitalk:
  client_id:
  client_secret:
  repo:
  owner:
  admin:
  language: en # en, zh-CN, zh-TW, es-ES, fr, ru
  perPage: 10 # Pagination size, with maximum 100.
  distractionFreeMode: false # Facebook-like distraction free mode.
  pagerDirection: last # Comment sorting direction, available values are last and first.
  createIssueManually: false # Gitalk will create a corresponding github issue for your every single page automatically
  option:

# valine
# https://valine.js.org
valine:
  appId: # leancloud application app id
  appKey: # leancloud application app key
  pageSize: 10 # comment list page size
  avatar: monsterid # gravatar style https://valine.js.org/#/avatar
  lang: en # i18n: zh-CN/zh-TW/en/ja
  placeholder: Please leave your footprints # valine comment input placeholder (like: Please leave your footprints)
  guest_info: nick,mail,link # valine comment header info (nick/mail/link)
  recordIP: false # Record reviewer IP
  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
  bg: # valine background
  emojiCDN: # emoji CDN
  enableQQ: false # enable the Nickname box to automatically get QQ Nickname and QQ Avatar
  requiredFields: nick,mail # required fields (nick/mail)
  visitor: false
  option:

# waline - A simple comment system with backend support fork from Valine
# https://waline.js.org/
waline:
  serverURL: # Waline server address url
  avatar: monsterid # gravatar style https://zh-tw.gravatar.com/site/implement/images/#default-image
  avatarCDN: # Gravatar CDN baseURL
  bg: # waline background
  visitor: false
  option:

# utterances
# https://utteranc.es/
utterances:
  repo:
  # Issue Mapping: pathname/url/title/og:title
  issue_term: pathname
  # Theme: github-light/github-dark/github-dark-orange/icy-dark/dark-blue/photon-dark
  light_theme: github-light
  dark_theme: photon-dark


# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
  envId:
  region:
  visitor: false
  option:

# 聊天服务
# --------------------------------------

# 聊天按钮 [recommend]
# 会在网站右下角创建一个按钮
chat_btn: false

# 聊天按钮向上滚动时显示，向下滚动时隐藏按钮
chat_hide_show: false

# chatra
# https://chatra.io/
chatra:
  enable: false
  id:

# tidio
# https://www.tidio.com/
tidio:
  enable: false
  public_key:

# daovoice
# http://daovoice.io/
daovoice:
  enable: false
  app_id:

# gitter
# https://gitter.im/
gitter:
  enable: false
  room:

# crisp
# https://crisp.chat/en/
crisp:
  enable: false
  website_id:


# -------------------------------------------

# 页脚设置
# --------------------------------------
footer:
  owner:
    enable: true
    since: 2020 
  custom_text: #自定义文本
  copyright: true # 主题和框架的版权


# 页脚背景
footer_bg: false

# the position of bottom right button/default unit: px (右下角按钮距离底部的距离/默认单位为px)
rightside-bottom:

# -------------------------------------
# 数据分析统计
# --------------------------------------

# 百度统计
# https://tongji.baidu.com/web/welcome/login
baidu_analytics:

# Google Analytics
# https://analytics.google.com/analytics/web/
google_analytics:

# Tencent Analytics ID
# https://mta.qq.com
tencent_analytics:

# CNZZ Analytics
# https://www.umeng.com/
cnzz_analytics:

# Cloudflare Analytics
# https://www.cloudflare.com/zh-tw/web-analytics/
cloudflare_analytics:

# Microsoft Clarity
# https://clarity.microsoft.com/
microsoft_clarity:


# --------------------------------------
# 广告
# --------------------------------------

# 谷歌广告
google_adsense:
  enable: false
  auto_ads: true
  js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
  client:
  enable_page_level_ads: true

# 手动插入广告
# ad:
#   index:
#   aside:
#   post:

# 站长认证
# --------------------------------------

site_verification:
  # - name: google-site-verification
  #   content: xxxxxx
  # - name: baidu-site-verification
  #   content: xxxxxxx

# 美化/效果
# --------------------------------------

# 自定义主题颜色
# 注意：颜色值必须在双引号中，如"#000"，否则可能会导致错误！

theme_color:
  enable: true
  main: "#49B1F5"
  paginator: "#00c4b6"
  button_hover: "#FF7242"
  text_selection: "#00c4b6"
  link_color: "#99a9bf"
  meta_color: "#858585"
  hr_color: "#A4D8FA"
  code_foreground: "#F47466"
  code_background: "rgba(27, 31, 35, .05)"
  toc_color: "#00c4b6"
  blockquote_padding_color: "#49b1f5"
  blockquote_background_color: "#49b1f5"

# 首页的top_img设置
# default: top img - full screen, site info - middle (默认top_img全屏，site_info在中间)
# The position of site info, eg: 300px/300em/300rem/10% (主页标题与顶部的距离，建议默认)
index_site_info_top:
# The height of top_img, eg: 300px/300em/300rem (主頁top_img高度)
index_top_img_height:

# Enter transitions (开启网页进入效果)
enter_transitions: true

# The user interface setting of category and tag page (category和tag页的UI设置)
# index - same as Homepage UI (index 值代表 UI与首页的UI一样)
# default - same as archives UI 默认跟archives页面UI一样
category_ui: # 留空或 index
tag_ui: # 留空或 index



# 网站背景设置
# -----------------------------------

# 网站背景
# 图片格式: url(http://xxxxxx.com/xxx.jpg)
background: 


# 网站背景特效：
# --------------------------------------
# 靜止彩帶背景，点击切换样式
canvas_ribbon:
  enable: false
  size: 150
  alpha: 0.6
  zIndex: -1
  click_to_change: true
  mobile: false

# 动态彩帶背景
canvas_fluttering_ribbon:
  enable: true
  mobile: false

# canvas网状线条
canvas_nest:
  enable: false
  color: '0,0,255' 
  opacity: 0.7 
  zIndex: -1 
  count: 99 
  mobile: false





# 评论区打字特效
activate_power_mode:
  enable: false
  colorful: true # open particle animation (冒光特效)
  shake: true #  open shake (抖动特效)
  mobile: false


# 鼠标点击效果
# --------------------------------------
#  烟花特效
fireworks:
  enable: false
  zIndex: 9999 # -1 or 9999
  mobile: false

# 爱心
click_heart:
  enable: true
  mobile: true

# 文字（可自定义文本内容）
ClickShowText:
  enable: false
  text:
    - I
    - LOVE
    - YOU
  fontSize: 15px
  random: false
  mobile: false


# Default display mode (网站显示模式，白天和黑夜)
# light (default) / dark
display_mode: light

# Beautify (美化页面显示)
beautify:
  enable: true
  field: post # site/post
  title-prefix-icon: '\f0c1'
  title-prefix-icon-color: '#F47466'

# 全局字体设置
# 非必要不要修改
font:
  global-font-size:
  code-font-size:
  font-family:
  code-font-family:

# 站点左上角标题和站点中间副标题的字体设置
blog_title_font:
  font_link:
  font-family:

# The setting of divider icon (水平分隔线图标设置)
hr_icon:
  enable: true
  icon: # Font Awesome 图标的 unicode 值，例如 '\3423'
  icon-top:



# 主页字幕
subtitle:
  enable: true
  effect: true
  loop: true
  source: false
  sub:
    - 知识来自实践。
    - Knowledge comes from experience alone.
    - 世间无所谓天才，它仅是刻苦加勤奋。
    - There is no such thing as genius; it is nothing but labour and diligence.

# Loading Animation (加载动画)
preloader: true



# -------------------------------------
# 侧边栏设置
# --------------------------------------

# 右侧社交图标设置：
social:
  fas fa-envelope: mailto:你的邮箱 || Email
  # fab fa-github: https://github.com/xxxxx || Github
  # fas fa-envelope: mailto:xxxxxx@gmail.com || Email

aside:
  enable: true
  hide: false
  button: true
  mobile: true 
  position: right
  card_author:
    enable: true
    description: 
    button:
      enable: true 
      icon: fab fa-github 
      text: Follow Me 
      link: https://github.com/guguliu 
  card_announcement:
    enable: true
    content: This is my Blog 
  card_recent_post:
    enable: true 
    limit: 5 
    sort: date 
    sort_order: 
  card_categories:
    enable: true 
    limit: 8 
    expand: none 
    sort_order: 
  card_tags:
    enable: true 
    limit: 40 
    color: false 
    sort_order: 
  card_archives:
    enable: true 
    type: monthly 
    format: MMMM YYYY 
    order: -1 
    limit: 8 
    sort_order: 
  card_webinfo:
    enable: true 
    post_count: true
    last_push_date: true
    sort_order: 



# 访问人数
busuanzi:
  site_uv: true
  site_pv: true
  page_pv: true

# 网站运行时间
# 格式: Month/Day/Year Time or Year/Month/Day Time
runtimeshow:
  enable: true
  publish_date: 2020/09/10

# Aside widget - Newest Comments
newest_comments:
  enable: false
  sort_order: # 除非您知道它是如何工作的，否则不要修改设置
  limit: 6
  storage: 10 # unit: mins, save data to localStorage
  avatar: true

# --------------------------------------
# Bottom right button (右下角按钮)
# --------------------------------------

# 更改字体大小
change_font_size: false

# 简体繁体转换按钮
translate:
  enable: true
  # 按钮文本
  default: 繁
  # 网站语言（1 - 繁体中文/ 2 - 简体中文）
  defaultEncoding: 2
  # 时间延迟
  translateDelay: 0
  # 语言为简体中文时按钮的文字
  msgToTraditionalChinese: '繁'
  # 语言为繁体中文时按钮的文字
  msgToSimplifiedChinese: '簡'

# Read Mode (阅读模式)
readmode: true

# dark mode （夜间模式）
darkmode:
  enable: true
  # 切换按钮 dark/light 模式
  button: true
  # Switch dark/light mode automatically (自动 dark mode和 light mode)
  # autoChangeMode: 1  Following System Settings, if the system doesn't support dark mode, it will switch dark mode between 6 pm to 6 am
  # autoChangeMode: 2  Switch dark mode between 6 pm to 6 am
  # autoChangeMode: false
  autoChangeMode: false

# Lightbox (图片大图查看模式)
# --------------------------------------
# You can only choose one, or neither (只能选一个或者都不选)

# medium-zoom
# https://github.com/francoischalifour/medium-zoom
medium_zoom: false

# fancybox
# http://fancyapps.com/fancybox/3/
fancybox: true




# Tag Plugins settings (标签外挂)
# --------------------------------------

# mermaid绘图插件
# see https://github.com/mermaid-js/mermaid
mermaid:
  enable: true
  # built-in themes: default/forest/dark/neutral
  theme: default

# Note (Bootstrap Callout)
note:
  # Note tag style values:
  #  - simple    bs-callout old alert style. Default.
  #  - modern    bs-callout new (v2-v3) alert style.
  #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
  #  - disabled  disable all CSS styles import of note tag.
  style: flat
  icons: true
  border_radius: 3
  # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
  # Offset also applied to label tag variables. This option can work with disabled note tag.
  light_bg_offset: 0


# other
# --------------------------------------

# Pjax
# 它可能包含错误且不稳定，请在发现错误时提供反馈。
# https://github.com/MoOx/pjax
pjax:
  enable: true
  exclude:
    # - xxxx
    # - xxxx

# 背景音乐
# Inject the css and script (aplayer/meting)
aplayerInject:
  enable: true
  per_page: true

# Snackbar (Toast Notification 彈窗)
# https://github.com/polonel/SnackBar
# position 彈窗位置
# 可選 top-left / top-center / top-right / bottom-left / bottom-center / bottom-right
snackbar:
  enable: false
  position: bottom-left
  bg_light: '#49b1f5' # The background color of Toast Notification in light mode
  bg_dark: '#121212' # The background color of Toast Notification in dark mode

# https://instant.page/
# prefetch (预加载)
instantpage: false

# https://github.com/vinta/pangu.js
# Insert a space between Chinese character and English character (中英文之间添加空格)
pangu:
  enable: false
  field: site # site/post

# Lazyload (圖片懶加載)
# https://github.com/verlok/vanilla-lazyload
lazyload:
  enable: true
  field: site # site/post
  placeholder:
  blur: false

# PWA
# See https://github.com/JLHwung/hexo-offline
# ---------------
# pwa:
#   enable: false
#   manifest: /pwa/manifest.json
#   apple_touch_icon: /pwa/apple-touch-icon.png
#   favicon_32_32: /pwa/32.png
#   favicon_16_16: /pwa/16.png
#   mask_icon: /pwa/safari-pinned-tab.svg

# Open graph meta tags
# https://developers.facebook.com/docs/sharing/webmasters/
Open_Graph_meta: true

# Add the vendor prefixes to ensure compatibility
css_prefix: true


# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    # - <link rel="stylesheet" href="/xxx.css">
  bottom:
    # Aplayer 音乐播放器配置：
    - <div class="aplayer no-destroy" 
      data-id="7675104902" 
      data-server="tencent" 
      data-type="playlist" 
      data-fixed="true" 
      data-mini="true" 
      data-listFolded="false" 
      data-order="random" 
      data-preload="none" 
      data-autoplay="true" muted></div>
    # - <script src="xxxx"></script>

# CDN
# Don't modify the following settings unless you know how they work
# 非必要請不要修改
CDN:
  # main
  main_css: /css/index.css
  jquery: https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js
  main: /js/main.js
  utils: /js/utils.js

  # pjax
  pjax: https://cdn.jsdelivr.net/npm/pjax/pjax.min.js

  # comments
  gitalk: https://cdn.jsdelivr.net/npm/gitalk@latest/dist/gitalk.min.js
  gitalk_css: https://cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.css
  valine: https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js
  disqusjs: https://cdn.jsdelivr.net/npm/disqusjs@1/dist/disqus.js
  disqusjs_css: https://cdn.jsdelivr.net/npm/disqusjs@1/dist/disqusjs.css
  utterances: https://utteranc.es/client.js
  twikoo: https://cdn.jsdelivr.net/npm/twikoo/dist/twikoo.all.min.js
  waline: https://cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js

  # share
  addtoany: https://static.addtoany.com/menu/page.js
  sharejs: https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js
  sharejs_css: https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css

  # search
  local_search: /js/search/local-search.js
  algolia_js: /js/search/algolia.js
  algolia_search: https://cdn.jsdelivr.net/npm/instantsearch.js@2.10.5/dist/instantsearch.min.js
  algolia_search_css: https://cdn.jsdelivr.net/npm/instantsearch.js@2.10.5/dist/instantsearch.min.css

  # math
  mathjax: https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
  katex: https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css
  katex_copytex: https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/copy-tex.min.js
  katex_copytex_css: https://cdn.jsdelivr.net/npm/katex@latest/dist/contrib/copy-tex.css
  mermaid: https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js

  # count
  busuanzi: //busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js

  # background effect
  canvas_ribbon: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-ribbon.min.js
  canvas_fluttering_ribbon: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-fluttering-ribbon.min.js
  canvas_nest: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-nest.min.js

  lazyload: https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js
  instantpage: https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js
  typed: https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js
  pangu: https://cdn.jsdelivr.net/npm/pangu/dist/browser/pangu.min.js

  # photo
  fancybox_css: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css
  fancybox: https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js
  medium_zoom: https://cdn.jsdelivr.net/npm/medium-zoom/dist/medium-zoom.min.js

  # snackbar
  snackbar_css: https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css
  snackbar: https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js

  # effect
  activate_power_mode: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/activate-power-mode.min.js
  fireworks: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/fireworks.min.js
  click_heart: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-heart.min.js
  ClickShowText: https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/click-show-text.min.js

  # fontawesome
  fontawesome: https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css

  # Conversion between Traditional and Simplified Chinese
  translate: /js/tw_cn.js

  # justifiedGallery
  justifiedGallery_js: https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js
  justifiedGallery_css: https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css

  # aplayer
  aplayer_css: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css
  aplayer_js: https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js
  meting_js: https://cdn.jsdelivr.net/gh/metowolf/MetingJS@1.2/dist/Meting.min.js

  # Prism.js
  prismjs_js: https://cdn.jsdelivr.net/npm/prismjs/prism.min.js
  prismjs_lineNumber_js: https://cdn.jsdelivr.net/npm/prismjs/plugins/line-numbers/prism-line-numbers.min.js
  prismjs_autoloader: https://cdn.jsdelivr.net/npm/prismjs/plugins/autoloader/prism-autoloader.min.js