1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
|
base_url = "https://abridge.netlify.app" # do NOT include a trailing slash on the base URL for web urls
#base_url = "/home/jieiku/.dev/abridge/public/" # used for locally usable build directly from disk, also set below extra.uglyurls = true
title = "Abridge"
description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No JS."
default_language = "en"
output_dir = "public"
compile_sass = true
build_search_index = true
minify_html = false
generate_feed = true
feed_filename = "atom.xml"
#ignored_content = ["*.{graphml,xlsx}", "temp.*"]
#hard_link_static = false # set to true to hard link instead of copying, useful for very large files.
taxonomies = [
{name = "categories", feed = true},
{name = "tags", feed = true},
]
#theme = "abridge"
[markdown]
extra_syntaxes_and_themes = ["highlight_themes"] # Abridge's config.toml
# In YOUR SITE'S config.toml set to: ["highlight_themes", "themes/abridge/highlight_themes"]
highlight_code = true
#highlight_theme = "abridge-dark"
highlight_theme = "css"
# abridge-dark ayu-dark-abridge ayu_mirage-dark-abridge charcoal-dark-abridge dracula-dark-abridge material-dark-abridge
# abridge-light ayu-light-abridge ayu_mirage-light-abridge charcoal-light-abridge dracula-light-abridge material-light-abridge
# abridge-white ayu-white-abridge ayu_mirage-white-abridge charcoal-white-abridge dracula-white-abridge material-white-abridge
# xx-abridge themes are a copy of themes xx with contrast/color tweaks for 100 score on google lighthouse https://learnui.design/tools/accessible-color-generator.html
# https://www.getzola.org/documentation/content/syntax-highlighting/#inline-vs-classed-highlighting
render_emoji = false
external_links_target_blank = true # rel="noopener"
external_links_no_follow = false # rel="nofollow"
external_links_no_referrer = false # rel="noreferrer"
smart_punctuation = false # `...` to `…`, `"quote"` to `“curly”` etc
[extra]
uglyurls = false # if set to true then links are generated with the full path. eg https://abridge.netlify.app/index.html
language_code = "en-US"
title_separator = "|" # Separator between title and title_addition, set as |, -, _, etc
# To disable title_addition but keep built in page additions eg, Posts page: "Posts | Abridge" set title_addition to an empty string
# To always set the page title exactly eg "Abridge" then comment out the below line (not recommend, bad for SEO)
title_addition = "Fast & Lightweight Zola Theme" # a default value for title addition
author = "Jake G" # Put Your Name here
author_show = true # displays the author name on line with date, tags, categories
readtime = false # displays the read time on line with date, tags, categories
readtime_string = "min" # read time indication eg "min": - 1 min "min read": - 1 min read
recent = true # TOC / index
recent_items = 9
footer_credit = true
#footer_credit_override = '<p>Powered by <a href="https://www.getzola.org/">Zola</a> & <a href="https://github.com/Jieiku/abridge/">Abridge</a></p>' # <i class="fa-solid fa-heart"></i>
#uncomment one of the two lines, or neither, depending on which type of logo you want to use:
logo = { file="logo.svg", width="32", height="32", alt="Abridge", text="bridge" }
#textlogo = '<font color="#f90">A</font>bridge'
sitedesc = false # enables or disables the display of the site description below the logo.
#copyright_start_year = 2019 # optional
#copyright_end_year = 2020 # optional, recommend leaving unset, zola build will set this to current year by default
headhr = false # show or hide horizontal rule below header
foothr = true # show or hide horizontal rule above footer
menu = [
{url = "/", name = "Home", slash = true},
{url = "/about/", name = "About", slash = true},
{url = "/posts/", name = "Posts", slash = true},
{url = "/categories/", name = "Categories", slash = true},
{url = "/tags/", name = "Tags", slash = true},
]
menu_footer = [
{url = "/", name = "Home", slash = true},
{url = "/about/", name = "About", slash = true},
{url = "/contact/", name = "Contact", slash = true},
{url = "/privacy/", name = "Privacy", slash = true},
{url = "/sitemap.xml", name = "Sitemap", slash = false},
]
# Security Headers should preferably be set by your webserver (Nginx, Apache) https://observatory.mozilla.org https://csp-evaluator.withgoogle.com/
# If you are unable to load your security headers with your webserver, this will load a couple of them as meta tags.
# There are many other security related headers most of which can only be set by the webserver method.
# Comment out either of these meta headers and they wont be used.
#security_header_referrer = "strict-origin-when-cross-origin"
#security_header_csp = "default-src 'none'; frame-ancestors 'none'; object-src 'none'; base-uri 'self'; manifest-src 'self'; connect-src 'self'; form-action 'self'; media-src 'self' data: cdn.cloudflare.com www.youtube-nocookie.com player.vimeo.com; frame-src 'self' www.youtube-nocookie.com player.vimeo.com; font-src 'self' cdn.cloudflare.com cdn.jsdelivr.net fonts.gstatic.com; img-src 'self' data: cdn.cloudflare.com; style-src 'self' 'unsafe-inline' cdn.cloudflare.com cdn.jsdelivr.net fonts.googleapis.com; script-src 'self' www.youtube-nocookie.com player.vimeo.com"
#################
# Resource Files
#################
banner = "banner.png" # Used as default image for OpenGraph/Twitter if page specific image is undefined.
js_search_index = "search_index.en.js"
js_search = "search.min.js"
stylesheet = "abridge.css" # location and file to use for stylesheet:
# abridge.css - Orange Automatic Dark/Light Theme based on browser/system preference.
# abridge-dark.css - Orange Dark Theme
# abridge-light.css - Orange Light Theme
# abridge-blue.css - Blue Automatic Night/Light Theme based on browser/system preference.
# abridge-bluelight.css - Blue Light Theme
# abridge-bluenight.css - Blue Dark Theme
# favicons, comment out a line to disable loading some or all of these.
favicon_theme_color = "#333333"
favicon_ms_color = "#333333"
favicon_webmanifest = "site.webmanifest" # Used for android-chrome-512x512.png and android-chrome-192x192.png
favicon_mask = "safari-pinned-tab.svg" # safari-pinned-tab.svg
favicon_mask_color = "#ff9900"
favicon180 = "apple-touch-icon.png" # apple-touch-icon.png
favicon32 = "favicon-32x32.png" # favicon-32x32.png
favicon16 = "favicon-16x16.png" # favicon-16x16.png
# Uncomment below line to load fontawesome, eg: <i class="fa-solid fa-heart"></i>
#fontawesome = "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.min.css"
# Externally using googleapis for fonts gets you a Free CDN, AND may already be cached by the end user.
# Sometimes the font you want is not available by googleapis, or you only want to load local resources.
# For Locally loaded fonts review: abridge/sass/skins/_abridge_fonts.scss
# For externally loaded Fonts, make sure to include the FULL url including the http/https prefix
#fonts = [ {url = "https://fonts.googleapis.com/css?family=Montserrat:400,700,italic|Fira+Code:400,italic"} ]
# Local fonts are defined in the css, defining them here only adds the preload tag to the head.
# preload will eliminate Content Layout Shift, but will hurt with page load time.
#fonts = [
# {url = "font/FiraCode.woff2"},
# {url = "font/Jost.woff2"},
# {url = "font/Jost-italic.woff2"},
# {url = "font/Jost-Bold.woff2"},
#]
math = false # katex math js library, used to to render mathematical notations, requires javascript
math_auto_render = false
#katex_css = "https://cdn.jsdelivr.net/npm/katex@0.15.6/dist/katex.min.css" # Fonts - use remote fonts
#katex_js = "https://cdn.jsdelivr.net/npm/katex@0.15.6/dist/katex.min.js"
#katex_autorender_js = "https://cdn.jsdelivr.net/npm/katex@0.15.6/dist/contrib/auto-render.min.js"
#mathtex_js = "https://cdn.jsdelivr.net/npm/katex@0.15.6/dist/contrib/mathtex-script-type.min.js"
katex_css = "katex.min.css" # Fonts - to load the css locally, you also need to have all the fonts.
katex_js = "katex.min.js" # use local js, so that we dont have to whitelist cdn.jsdelivr.net for script src in CSP
mathtex_js = "mathtex-script-type.min.js" # use local js, so that we dont have to whitelist cdn.jsdelivr.net for script src in CSP
katex_autorender_js = "auto-render.min.js"
##########################
# meta/seo/analytic tags
##########################
keywords = "Abridge, Abridge.css, Zola, Theme, Zola Theme, getzola, Semantic Html, Fast, lightweight" # used for the primary site index
twitter = "your-user-name" # used for twitter related
#google = "Your Google Site verification code."
#bing = "Your Bing Site verification code."
seo = true # enable or disable seo-related meta tags: opengraph, facebook, twitter
# Footer social links; full options listed in macros/social.html
[extra.social]
feed = true
mail = "name@example.com"
mastodon = "@your-user-name"
element = "matrix.example.com"
#matrix = "matrix.example.com"
buymeacoffee = "your-user-name"
twitter = "your-user-name"
facebook = "your-user-name"
linkedin = "your-user-name"
gitlab = "your-user-name"
github = "your-user-name"
github_sponsor = "your-user-name"
bitbucket = "your-user-name"
python = "your-user-name"
docker = "your-user-name"
stack = "your-user-name"
instagram = "your-user-name"
pinterest = "your-user-name"
twitch = "your-user-name"
youtube = "your-channel-id"
researchgate = "your-profile-id"
|
