Check List

Please check followings before submitting a new issue.

[ ] I have already read Docs page & Troubleshooting page
[ ] I have already searched existing issues and they are not help to me
[ ] I examined error or warning messages and it's difficult to solve
[ ] Using the latest version of Hexo (run hexo version to check)
[ ] Node.js is higher than minimum required version

Question

www.kyolee.cn is my blog, The setup was completed in the last few days, and it was found that the loading of "index.css" was very very slow, which caused the loading of the entire page to be much slower. The loading of index.css in a website like www.yichen.online is very fast, how can I modify it to be as fast as it

Environment & Settings

gzip has been deployed Node.js & npm version

[root@VM-0-8-centos ~]# npm -v 7.15.1 [root@VM-0-8-centos ~]# node -v v14.17.0

Your site _config.yml (Optional)

Hexo Configuration

Docs: https://hexo.io/docs/configuration.html

Source: https://github.com/hexojs/hexo/

Site

title: Kyo Lee's Memo subtitle: '随记' description: "[̲̅K̲̅y̲̅o̲̅L̲̅e̲̅e̲̅]" keywords: author: kyolee language: zh-CN timezone: 'Asia/Shanghai'

URL

Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'

url: http://kyolee.cn permalink: :year/:month/:day/:title/ permalink_defaults: pretty_urls: trailing_index: true # Set to false to remove trailing 'index.html' from permalinks trailing_html: true # Set to false to remove trailing '.html' from permalinks

Writing

new_post_name: :title.md # File name of new posts default_layout: post titlecase: false # Transform title into titlecase external_link: enable: true # Open external links in new tab field: site # Apply to the whole site exclude: '' filename_case: 0 render_drafts: false post_asset_folder: false relative_link: false future: true highlight: enable: true line_number: true auto_detect: false tab_replace: '' wrap: true hljs: false prismjs: enable: false preprocess: true line_number: true tab_replace: ''

Home page setting

path: Root path for your blogs index page. (default = '')

per_page: Posts displayed per page. (0 = disable pagination)

order_by: Posts order. (Order by date descending by default)

index_generator: path: '' per_page: 10 order_by: -date

Category & Tag

default_category: uncategorized category_map: tag_map:

Metadata elements

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta

meta_generator: true

Date / Time format

Hexo uses Moment.js to parse and display date

You can customize the date format as defined in

http://momentjs.com/docs/#/displaying/format/

date_format: YYYY-MM-DD time_format: HH:mm:ss

updated_option supports 'mtime', 'date', 'empty'

updated_option: 'mtime'

Pagination

Set per_page to 0 to disable pagination

per_page: 10 pagination_dir: page

Include / Exclude file(s)

include:/exclude: options only apply to the 'source/' folder

include: exclude: ignore:

Extensions

Plugins: https://hexo.io/plugins/

Themes: https://hexo.io/themes/

theme: butterfly

Deployment

Docs: https://hexo.io/docs/one-command-deployment

deploy: type: ''

Your theme _config.yml (Optional)

Main menu navigation (導航目錄)

--------------------------------------

format: name: link || icon

sub-menu

name || icon:

name: link || icon

menu: 主页: / || fas fa-home 文章: /archives/ || fas fa-archive 标签: /tags/ || fas fa-tags 分类: /categories/ || fas fa-folder-open

List||fas fa-list:

# Music: /music/ || fas fa-music
# Movie: /movies/ || fas fa-video

友链: /link/ || fas fa-link 关于: /about/ || fas fa-heart

Hide the child menu items in mobile sidebar

hide_sidebar_menu_child: false

Code Blocks (代碼相關)

--------------------------------------

highlight_theme: mac # darker / pale night / light / ocean / mac / mac light / false highlight_copy: true # copy button highlight_lang: true # show the code language highlight_shrink: false # true: shrink the code blocks / false: expand the code blocks | none: expand code blocks and hide the button highlight_height_limit: false # unit: px code_word_wrap: false

copy settings

copyright: Add the copyright information after copied content (複製的內容後面加上版權信息)

copy: enable: true copyright: enable: false limit_count: 50

social settings (社交圖標設置)

formal:

icon: link || the description

social:

fab fa-github: https://github.com/xxxxx || Github

fas fa-envelope: mailto:xxxxxx@gmail.com || Email

search (搜索)

--------------------------------------

Algolia search

algolia_search: enable: false hits: per_page: 6

Local search

local_search: enable: false

Math (數學)

--------------------------------------

About the per_page

if you set it to true, it will load mathjax/katex script in each page (true 表示每一頁都加載js)

if you set it to false, it will load mathjax/katex script according to your setting (add the 'mathjax: true' in page's front-matter)

(false 需要時加載，須在使用的 Markdown Front-matter 加上 mathjax: true)

MathJax

mathjax: enable: false per_page: false

KaTeX

katex: enable: false per_page: false hide_scrollbar: true

Image (圖片設置)

--------------------------------------

Favicon（網站圖標）

favicon: /img/favicon.png

Avatar (頭像)

avatar: img: /img/avatar.png effect: false

Disable all banner image

disable_top_img: false

The banner image of home page

index_img:

If the banner of page not setting, it will show the top_img

default_top_img: 'https://pic.downk.cc/item/5fe492c13ffa7d37b30839ec.jpg'

default_top_img: 'https://cdn.jsdelivr.net/gh/kyo2001lee/CDN@1.0/wallhaven-wypx9p.jpg'

The banner image of archive page

archive_img:

If the banner of tag page not setting, it will show the top_img

note: tag page, not tags page (子標籤頁面的 top_img)

tag_img:

The banner image of tag page

format:

- tag name: xxxxx

tag_per_img:

If the banner of category page not setting, it will show the top_img

note: category page, not categories page (子分類頁面的 top_img)

category_img:

The banner image of category page

format:

- category name: xxxxx

category_per_img:

cover:

display the cover or not (是否顯示文章封面)

index_enable: true aside_enable: true archives_enable: true

the position of cover in home page (封面顯示的位置)

left/right/both

position: both

When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封面顯示)

default_cover:

- https://i.loli.net/2020/05/01/gkihqEjXxJ5UZ1C.jpg

Replace Broken Images (替換無法顯示的圖片)

error_img: flink: /img/friend_404.gif post_page: /img/404.jpg

A simple 404 page

error_404: enable: true subtitle: 'Page Not Found' background: https://i.loli.net/2020/05/19/aKOcLiyPl2JQdFD.png

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

wordcount (字數統計)

wordcount: enable: true post_wordcount: true min2read: true total_wordcount: false

Display the article introduction on homepage

1: description

2: both (if the description exists, it will show description, or show the auto_excerpt)

3: auto_excerpt (default)

false: do not show the article introduction

index_post_content: method: 3 length: 500 # if you set method to 2 or 3, the length need to config

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/

Sponsor/reward

reward: enable: false QR_code:

- img: /img/wechat.jpg

#   link:
#   text: wechat
# - img: /img/alipay.jpg
#   link:
#   text: alipay

Post edit

Easily browse and edit blog source code online.

post_edit: enable: false

url: https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name/

For example: https://github.com/jerryc127/butterfly.js.org/edit/main/source/

url:

related_post: enable: true limit: 6 # Number of posts displayed date_type: created # or created or updated 文章日期顯示創建日或者更新日

figcaption (圖片描述文字)

photofigcaption: false

post_pagination (分頁)

value: 1 || 2 || false

1: The 'next post' will link to old post

2: The 'next post' will link to new post

false: disable pagination

post_pagination: 1

anchor

when you scroll in post, the URL will update according to header id.

anchor: true

Displays outdated notice for a post (文章過期提醒)

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 System (分享功能)

--------------------------------------

AddThis

https://www.addthis.com/

addThis: enable: false pubid:

Share.js

https://github.com/overtrue/share.js

sharejs: enable: true sites: facebook,twitter,wechat,weibo,qq

AddToAny

https://www.addtoany.com/

addtoany: enable: false item: facebook,twitter,wechat,sina_weibo,facebook_messenger,email,copy_link

Comments System

--------------------------------------

comments:

Up to two comments system, the first will be shown as default

Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo

use:

- Valine

- Disqus

text: true # Display the comment name next to the button

lazyload: The comment system will be load when comment element enters the browser's viewport.

If you set it to true, the comment count will be invalid

lazyload: false count: false # Display comment count in post's top_img card_post_count: false # Display comment count in Home Page

disqus

https://disqus.com/

disqus: shortname:

Alternative Disqus - Render comments with Disqus API

DisqusJS 評論系統，可以實現在網路審查地區載入 Disqus 評論列表，兼容原版

https://github.com/SukkaW/DisqusJS

disqusjs: shortname: siteName: apikey: api: nocomment: # display when a blog post or an article has no comment attached admin: adminLabel:

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 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

Facebook Comments Plugin

https://developers.facebook.com/docs/plugins/comments/

facebook_comments: app_id: user_id: # optional pageSize: 10 # The number of comments to show order_by: social # social/time/reverse_time lang: en_US # Language en_US/zh_CN/zh_TW and so on

Twikoo

https://github.com/imaegoo/twikoo

twikoo: envId: region: visitor: false option:

Chat Services

--------------------------------------

Chat Button [recommend]

It will create a button in the bottom right corner of website, and hide the origin button

chat_btn: false

The origin chat button is displayed when scrolling up, and the button is hidden when scrolling down

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 Settings

--------------------------------------

footer: owner: enable: true since: 2020 custom_text: Hi, welcome to my blog! copyright: true # Copyright of theme and framework

Analysis

--------------------------------------

Baidu Analytics

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 (谷歌廣告)

google_adsense: enable: false auto_ads: true js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js client: enable_page_level_ads: true

Insert ads manually (手動插入廣告)

ad:

index:

aside:

post:

Verification (站長驗證)

--------------------------------------

site_verification:

- name: google_site_verification

content: xxxxxx

- name: baidu_site_verification

content: xxxxxxx

Beautify/Effect (美化/效果)

--------------------------------------

Theme color for customize

Notice: color value must in double quotes like "#000" or may cause error!

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"

The top_img settings of home page

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:

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

Website Background (設置網站背景)

can set it to color or image (可設置圖片或者顔色)

The formal of image: url(http://xxxxxx.com/xxx.jpg)

background:

Footer Background

footer_bg: false

the position of bottom right button/default unit: px (右下角按鈕距離底部的距離/默認單位為px)

rightside-bottom:

Enter transitions (開啓網頁進入效果)

enter_transitions: true

Background effects (背景特效)

--------------------------------------

canvas_ribbon (靜止彩帶背景)

See: https://github.com/hustcc/ribbon.js

canvas_ribbon: enable: false size: 150 alpha: 0.6 zIndex: -1 click_to_change: false mobile: false

Fluttering Ribbon (動態彩帶)

canvas_fluttering_ribbon: enable: false mobile: false

canvas_nest

https://github.com/hustcc/canvas-nest.js

canvas_nest: enable: false color: '0,0,255' #color of lines, default: '0,0,0'; RGB values: (R,G,B).(note: use ',' to separate.) opacity: 0.7 # the opacity of line (0~1), default: 0.5. zIndex: -1 # z-index property of the background, default: -1. count: 99 # the number of lines, default: 99. mobile: false

Typewriter Effect (打字效果)

https://github.com/disjukr/activate-power-mode

activate_power_mode: enable: false colorful: true # open particle animation (冒光特效) shake: true # open shake (抖動特效) mobile: false

Mouse click effects: fireworks (鼠標點擊效果: 煙火特效)

fireworks: enable: false zIndex: 9999 # -1 or 9999 mobile: false

Mouse click effects: Heart symbol (鼠標點擊效果: 愛心)

click_heart: enable: false mobile: false

Mouse click effects: words (鼠標點擊效果: 文字)

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'

Global font settings

Don't modify the following settings unless you know how they work (非必要不要修改)

font: global-font-size: 17px code-font-size: font-family: sans-serif code-font-family:

Font settings for the site title and site subtitle

左上角網站名字主頁居中網站名字

blog_title_font: font_link: font-family: Hiragino Sans GB

The setting of divider icon (水平分隔線圖標設置)

hr_icon: enable: true icon: # the unicode value of Font Awesome icon, such as '\3423' icon-top:

the subtitle on homepage (主頁subtitle)

subtitle: enable: true

Typewriter Effect (打字效果)

effect: false

loop (循環打字)

loop: false

source調用第三方服務

source: false 關閉調用

source: 1 調用搏天api的隨機語錄（簡體）

source: 2 調用一言網的一句話（簡體）

source: 3 調用一句網（簡體）

source: 4 調用今日詩詞（簡體）

subtitle 會先顯示 source , 再顯示 sub 的內容

source: false

如果有英文逗號' , ',請使用轉義字元 ,

如果有英文雙引號' " ',請使用轉義字元 "

開頭不允許轉義字元，如需要，請把整個句子用雙引號包住

如果關閉打字效果，subtitle只會顯示sub的第一行文字

sub:

每一個想要學習的念頭都有可能是未來的你在向你求救
Loading Animation (加載動畫)

preloader: true

aside (側邊欄)

--------------------------------------

aside: enable: true hide: false button: true mobile: true # display on mobile position: right # left or right card_author: enable: true description: button: enable: true icon: fab fa-github text: Follow Me link: https://github.com/xxxxxx card_announcement: enable: true content: This is my Blog card_recent_post: enable: true limit: 5 # if set 0 will show all sort: date # date or updated sort_order: # Don't modify the setting unless you know how it works card_categories: enable: true limit: 8 # if set 0 will show all expand: none # none/true/false sort_order: # Don't modify the setting unless you know how it works card_tags: enable: true limit: 40 # if set 0 will show all color: false sort_order: # Don't modify the setting unless you know how it works card_archives: enable: true type: monthly # yearly or monthly format: MMMM YYYY # eg: YYYY年MM月 order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending limit: 8 # if set 0 will show all sort_order: # Don't modify the setting unless you know how it works card_webinfo: enable: true post_count: true last_push_date: true sort_order: # Don't modify the setting unless you know how it works

busuanzi count for PV / UV in site

訪問人數

busuanzi: site_uv: false site_pv: false page_pv: false

Time difference between publish date and now (網頁運行時間)

Formal: Month/Day/Year Time or Year/Month/Day Time

runtimeshow: enable: false publish_date:

Aside widget - Newest Comments

newest_comments: enable: false sort_order: # Don't modify the setting unless you know how it works limit: 6 storage: 10 # unit: mins, save data to localStorage avatar: true

You can only choose one, or neither

valine: false github_issues: enable: false repo: disqus: enable: false forum: api_key: twikoo: false waline: false

Bottom right button (右下角按鈕)

--------------------------------------

Change font size

change_font_size: true

Conversion between Traditional and Simplified Chinese (簡繁轉換)

translate: enable: false

The text of a button

default: 繁

the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese）

defaultEncoding: 2

Time delay

translateDelay: 0

The text of the button when the language is Simplified Chinese

msgToTraditionalChinese: '繁'

The text of the button when the language is Traditional Chinese

msgToSimplifiedChinese: '簡'

Read Mode (閲讀模式)

readmode: true

dark mode

darkmode: enable: true

Toggle Button to switch dark/light mode

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

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/knsv/mermaid

mermaid: enable: false

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

It may contain bugs and unstable, give feedback when you find the bugs.

https://github.com/MoOx/pjax

pjax: enable: false exclude:

- xxxx

# - xxxx

Inject the css and script (aplayer/meting)

aplayerInject: enable: false 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: true position: bottom-right 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: true field: post # site/post

Lazyload (圖片懶加載)

https://github.com/verlok/vanilla-lazyload

lazyload: enable: false 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 '' tag) and the bottom (before '' tag)

插入代码到头部之前和底部之前

inject: head:

-

bottom:

-

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

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

Hexo and Plugin version(npm ls --depth 0) [root@VM-0-8-centos ~]# hexo -version hexo-cli: 4.2.0 os: Linux 4.18.0-193.28.1.el8_2.x86_64 linux x64 node: 14.17.0 v8: 8.4.371.23-node.63 uv: 1.41.0 zlib: 1.2.11 brotli: 1.0.9 ares: 1.17.1 modules: 83 nghttp2: 1.42.0 napi: 8 llhttp: 2.1.3 openssl: 1.1.1k cldr: 38.1 icu: 68.2 tz: 2020d unicode: 13.0

Your package.json 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": "5.4.0" }, "dependencies": { "gulp-html-minifier-terser": "^6.0.1", "hexo": "^5.0.0", "hexo-browsersync": "^0.3.0", "hexo-generator-archive": "^1.0.0", "hexo-generator-category": "^1.0.0", "hexo-generator-feed": "^3.0.0", "hexo-generator-index": "^2.0.0", "hexo-generator-sitemap": "^2.1.0", "hexo-generator-tag": "^1.0.0", "hexo-renderer-ejs": "^1.0.0", "hexo-renderer-jade": "^0.3.0", "hexo-renderer-marked": "^4.0.0", "hexo-renderer-pug": "^1.0.0", "hexo-renderer-stylus": "^2.0.1", "hexo-server": "^2.0.0", "hexo-theme-landscape": "^0.0.3", "hexo-wordcount": "^6.0.1" }, "devDependencies": { "gulp": "^4.0.2", "gulp-clean-css": "^4.3.0", "gulp-htmlclean": "^2.7.22", "gulp-imagemin": "^7.1.0", "gulp-terser": "^2.0.1" } }

hexojs / hexo

my index.css loading very slow,how can i fix it #4712

Check List

Question

Environment & Settings

Hexo Configuration

Docs: https://hexo.io/docs/configuration.html

Source: https://github.com/hexojs/hexo/

Site

URL

Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'

Directory

Writing

Home page setting

path: Root path for your blogs index page. (default = '')

per_page: Posts displayed per page. (0 = disable pagination)

order_by: Posts order. (Order by date descending by default)

Category & Tag

Metadata elements

Date / Time format

Hexo uses Moment.js to parse and display date

You can customize the date format as defined in

updated_option supports 'mtime', 'date', 'empty'

Pagination

Set per_page to 0 to disable pagination

Include / Exclude file(s)

include:/exclude: options only apply to the 'source/' folder

Extensions

Plugins: https://hexo.io/plugins/

Themes: https://hexo.io/themes/

Deployment

Docs: https://hexo.io/docs/one-command-deployment

Main menu navigation (導航目錄)

--------------------------------------

format: name: link || icon

sub-menu

name || icon:

name: link || icon

List||fas fa-list:

Hide the child menu items in mobile sidebar

Code Blocks (代碼相關)

--------------------------------------

copy settings

copyright: Add the copyright information after copied content (複製的內容後面加上版權信息)

social settings (社交圖標設置)

formal:

icon: link || the description

fab fa-github: https://github.com/xxxxx || Github

fas fa-envelope: mailto:xxxxxx@gmail.com || Email

search (搜索)

--------------------------------------

Algolia search

Local search

Math (數學)

--------------------------------------

About the per_page

if you set it to true, it will load mathjax/katex script in each page (true 表示每一頁都加載js)

if you set it to false, it will load mathjax/katex script according to your setting (add the 'mathjax: true' in page's front-matter)

(false 需要時加載，須在使用的 Markdown Front-matter 加上 mathjax: true)

MathJax

KaTeX

Image (圖片設置)

--------------------------------------

Favicon（網站圖標）

Avatar (頭像)

Disable all banner image

The banner image of home page

If the banner of page not setting, it will show the top_img

default_top_img: 'https://pic.downk.cc/item/5fe492c13ffa7d37b30839ec.jpg'

The banner image of archive page

If the banner of tag page not setting, it will show the top_img

note: tag page, not tags page (子標籤頁面的 top_img)

The banner image of tag page

format:

- tag name: xxxxx

If the banner of category page not setting, it will show the top_img

note: category page, not categories page (子分類頁面的 top_img)

The banner image of category page

format:

- category name: xxxxx