Skip to Content
BasicGlobal

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

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

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

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

  • url Counter API URL, default is https://cn.vercount.one/js.
  • 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. 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

Full-Screen Loading Animation

Toggle

Configuration Item: global.preloader.enable

TypeOptionsDefault
Booleantrue | falsefalse

Custom Content

Configuration Item: global.preloader.custom_message

TypeNoteDefault
StringDefaults to site name if not setNone

Side Tools

Gear Icon Rotation

Configuration Item: global.side_tools.gear_rotation

TypePossible ValuesDefault Value
Booleantrue | falsetrue

Controls whether the gear icon in the right-bottom tools rotates continuously.

Auto Expand Tools List

Configuration Item: global.side_tools.auto_expand

TypePossible ValuesDefault Value
Booleantrue | falsefalse

Controls whether the side tools list automatically expands when the page loads. By default, users need to click the gear button to reveal the tools list.

Google Analytics

Google Analytics, for more information, please refer to Google Analytics.

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.

TypeExample
StringG-M7SVFT9AFC
Last updated on