Global

Global Function Settings global

Set up some global functionalities for the entire site.

Custom Fonts

Chinese Font Switch

Configuration Item: global.chinese.enable

TypePossible ValuesDefault Value
Booleantrue | falsefalse

Chinese Font Family

Configuration Item: global.chinese.family

TypeExample
StringNoto Sans SC

Chinese Font Link

Configuration Item: global.chinese.url

TypeNoteExample
StringFont style file address (CSS)https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap

English Font Switch

Configuration Item: global.english.enable

TypePossible ValuesDefault Value
Booleantrue | falsefalse

English Font Family

Configuration Item: global.english.family

TypeExample
StringFarsan

English Font Link

Configuration Item: global.english.url

TypeNoteExample
StringFont style file address (CSS)https://fonts.googleapis.com/css2?family=Farsan&display=swap

Maximum Content Width

Configuration Item: global.content_max_width

TypeNotePossible ValuesDefault Value
StringDo not change unless necessary*px1000px

Screenshot 2023-04-25 at 8.54.39 PM

Sidebar Width

Configuration Item: global.sidebar_width

TypeNotePossible ValuesDefault Value
StringDo not change unless necessary*px210px

Hover Effects

Effects when hovering over various modules such as article cards, article lists, and feature cards.

Shadow

Configuration Item: global.hover.shadow

TypePossible ValuesDefault Value
Booleantrue | falsetrue

Scale

Configuration Item: global.hover.scale

TypePossible ValuesDefault Value
Booleantrue | falsefalse

Reading Progress

Top Progress Bar

Configuration Item: global.scroll_progress.bar

TypePossible ValuesDefault Value
Booleantrue | falsefalse

image-20230321220020055

Toolbar Percentage

Configuration Item: global.scroll_progress.percentage

TypePossible ValuesDefault Value
Booleantrue | falsetrue

image-20230321215758624

Website Statistics

Configuration Item: global.busuanzi_counter

  • enable Whether to enable, fill in true or false, default is true.
  • site_pv Whether to display the total website visits, fill in true or false, default is true.
  • site_uv Whether to display the total website visitors, fill in true or false, default is true.
  • post_pv Whether to display the total post visits, fill in true or false, default is true.

Single Page Experience

Configuration Item: global.single_page

Using swup.js library to bring SPA experience to the website, it is recommended to enable it.

TypeAvailable ValuesDefault Value
Booleantrue | falsetrue

Due to the browser not refreshing, if you want the custom script in the article to load, please add the data-swup-reload-script attribute to your script tag, for example:

<script data-swup-reload-script type="text/javascript">
  // Your script
</script>

Open Graph

For more information, please refer to the Open Graph protocol (opens in a new tab). It can effectively enhance the sharing effect on social media. It is recommended to enable.

Configuration Item: global.open_graph

TypeAvailable ValuesDefault Value
Booleantrue | falsetrue

Google Analytics

Google Analytics, for more information, please refer to Google Analytics (opens in a new tab).

Switch

Configuration Item: global.google_analytics.enable

TypeAvailable ValuesDefault Value
Booleantrue | falsefalse

Measurement ID

Configuration Item: global.google_analytics.id

Fill in the Measurement ID, which can be obtained from Google Analytics (opens in a new tab).

TypeExample
StringG-M7SVFT9AFC