This plugin allows you to have password protected articles and pages in MKdocs.
The content is encrypted with AES-256 in Python using PyCryptodome and decrypted in the browser with Crypto-JS or Webcrypto.
It has been tested in Python Python 3.8+
Usecase
I want to be able to protect the content of the page with a password.
Define a password to protect each page independently or a global password to protect them all.
If a global password exists, all articles and pages are protected with this password.
If a password is defined in an article or a page, it is always used even if there is a global password.
If a password is defined as an empty character string, content encryption is disabled.
Additionally password levels can be defined in mkdocs.yml or external yaml file with user/password credentials.
- Stronger cryptography (PBKDF2 for key derivation)
- Faster cryptography (Webcrypto as alternative to crypto-js)
- Allow password inventory or levels in mkdocs.yml or external file for credential handling
- Allow user name + password as credentials
- If credential is reused in different levels it also decrypts all of their content
- Optional adding of credentials to URLs for sharing
- Optional tamper check by signing generated files with Ed25519
- New Documentation and Test bench
The use_secret
functionality was discontinued in the plugin configuration and as a meta tag.
In order to use environment variables in user names or passwords, use the
special yaml tag !ENV
.
- outsource some functionality to separate plugins, like:
- Filename obfuscation
- Signing of generated files
- find a better way for search decryption
- add better alternative to PBKDF2
- optional server side keystore (allows throtteling)
- still no waterproof solution...
- ...to be defined
- Installation
- Usage
- Features
Install the package with pip:
pip install mkdocs-encryptcontent-plugin
Install the package from source with pip:
cd mkdocs-encryptcontent-plugin/
python setup.py sdist bdist_wheel
pip install --force-reinstall --no-deps dist/mkdocs_encryptcontent_plugin-3.0.3-py3-none-any.whl
Enable the plugin in your mkdocs.yml
:
plugins:
- search: {}
- encryptcontent: {}
NOTE: If you have no
plugins
entry in your configuration file yet, you'll likely also want to add thesearch
plugin. MkDocs enables it by default if there is noplugins
entry set, but now you have to enable it explicitly.
Add a tag like password: secret password
to your pages Meta-Data to protect them.
Alternatively add a meta tag like level: secret
to use one or more secrets defined at the
plugin's password_inventory
or password_file
in your "mkdocs.yml" (see below).
With the password_inventory
you can define protection levels (assigned with the meta tag level
in markdown files).
plugins:
- encryptcontent:
password_inventory:
classified: 'password1'
confidential:
- 'password2'
- 'password3'
secret:
user4: 'password4'
user5: 'password5'
These levels may be only one password (f.ex. classified), a list of multiple passwords (f.ex. confidential) or multiple username/password pairs (f.ex. secret). It is possible to reuse credentials at different levels.
Note that a "list of multiple passwords" comes with a downside: All entries may be tested because unlike "user/password pairs" there is no hint to determine the distinct entry to try (At least I found no hint that wouldn't make it easier for a brute force attacker). This means, that a high
kdf_pow
could cause long waiting time even if the right password was entered.
The plugin will generate one secret key for each level, which is then used to encrypt the assigned sites.
To indicate that your Markdown file should be encrypted for level "secret", add the following metadata at the beginning of the file:
---
level: secret
---
This is the first paragraph of the document.
You can define password levels in an external yaml file and link it with password_file
.
The intention is to separate sensitive information from configuration options.
plugins:
- encryptcontent:
password_file: 'passwords.yml'
passwords.yml:
classified: 'password1'
confidential:
- 'password2'
- 'password3'
secret:
user4: 'password4'
user5: 'password5'
Add global_password: your_password
in plugin configuration variable, to protect all pages with this password by default
plugins:
- encryptcontent:
global_password: 'your_password'
If the password meta tag is defined in a markdown file, it will ALWAYS override the global password.
NOTE Keep in mind that if the
password:
tag exists without value in a page, it will not be protected ! Use this to disableglobal_password
on specific pages.
You can add the special level _global
, which will be applied globally on all sites like this:
plugins:
- encryptcontent:
password_inventory:
_global: 'either define one password'
_global:
- 'or define'
- 'multiple passwords'
_global:
user1: 'or use user'
user2: 'and password pairs'
NOTE Add the meta tag
level:
(without a value) to pages which should be excluded from global password level. Also note that it is always possible to set the page to a different level than the global one with thelevel
meta tag.
It is possible to read values from environment variable
(as discribed here).
This replaces the deprecated use_secret
option from previous versions.
plugins:
- encryptcontent:
password_inventory:
secret:
user1: !ENV PASSWORD1_FROM_ENV
user2: !ENV [PASSWORD2_FROM_ENV, 'Password if PASSWORD2_FROM_ENV undefined or empty']
user3: !ENV [PASSWORD3_FROM_ENV, FALLBACK_PASSWORD3_FROM_ENV, 'Password if neither PASSWORD3_FROM_ENV nor FALLBACK_PASSWORD3_FROM_ENV defined']
Optionally you can use some extra variables in plugin configuration to customize default strings.
plugins:
- encryptcontent:
title_prefix: '[LOCK]'
summary: 'another informational message to encrypted content'
placeholder: 'another password placeholder'
decryption_failure_message: 'another informational message when decryption fails'
encryption_info_message: "another information message when you don't have access !"
input_class: 'md-search__form md-search__input'
button_class: 'md-search__icon'
Default prefix title is [Protected]
.
Default summary message is This content is protected with AES encryption.
.
Default password palceholder is Provide password and press ENTER
.
Default decryption failure message is Invalid password.
.
Defaut encryption information message is Contact your administrator for access to this page.
.
NOTE Adding a prefix to the title does not change the default navigation path !
If the plugin is used in conjunction with the static-i18n
plugin you can provide translations
for the used i18n_page_locale
.
- encryptcontent:
#...
translations:
de:
title_prefix: '[VerschlĂĽsselt] '
summary: 'Der Inhalt dieser Seite ist mit AES verschlĂĽsselt. '
placeholder: 'Mit Strg+Enter wird das Passwort global gesetzt'
password_button_text: 'EntschlĂĽsseln'
decryption_failure_message: 'Falsches passwort.'
encryption_info_message: 'Bitte wenden Sie sich an den Systemadministrator um auf diese Seite zuzugreifen.'
You can set the meta tag encryption_summary
to customize summary
and encryption_info_message
on every page.
If you want to make it harder for search engines to scrape you pages content,
you can set obfuscate: SomeNotSoSecretPassword
meta tag in markdown.
The page then will display summary
and encryption_info_message
together with a button labeled with
password_button_text
. In order to view the pages content one hast to press the button first.
If a password
or level
is set, then the obfuscate
feature will be disabled.
If you want to use obfuscate
in a configuration where global_password
or _global
level is defined,
you'll need to set the password:
or rather level:
meta tag (with no password/level defined) to undefine the password on this page.
The keys to all obfuscated pages are also saved in every keystore, so they are decrypted if someone entered correct credentials.
plugins:
- encryptcontent:
title_prefix: ''
summary: ''
placeholder: 'Password'
placeholder_user: User
password_button_text: 'ENTER'
decryption_failure_message: 'Wrong user name or password.'
encryption_info_message: 'Legitimation required.'
translations:
de:
title_prefix: ''
summary: ''
placeholder: 'Passwort'
placeholder_user: Benutzer
password_button_text: 'ENTER'
decryption_failure_message: 'Falscher Benutzer oder Passwort.'
encryption_info_message: 'Legitimation erforderlich.'
html_template_path: "decrypt-form.tpl.html" # override default html template
password_button: True
input_class: 'w3-input' # CSS class used for input username and password
button_class: 'w3-button w3-theme-l1 w3-hover-theme' # CSS class for password_button
hljs: False
arithmatex: False
mermaid2: False
remember_keys: true # keys from keystore will temporarily saved to sessionStorage
remember_password: false # the entered credentials are not saved
remember_prefix: encryptcontent_plugin_ # use different prefixes if other sites are running on the same domain
encrypted_something: # additionally encrypt some html elements
#myNav: [div, id]
myToc: [div, id]
myTocButton: [div, id]
search_index: 'dynamically' # dynamically encrypt mkdocs search index
webcrypto: true # use browsers webcrypto support
#selfhost: true # use self-hosted crypto-js
#selfhost_download: true # download crypt-js for self-hosting
#selfhost_dir: 'theme_override' # where to download crypto-js
#reload_scripts:
# - '#theme'
password_file: 'passwords.yml' # file with password inventory
threshold_warning_min_entropy: 100 # warn if password entropy is below this value
#kdf_pow: 4 # default for crypto-js: 4, default for webcrypto: 5
sign_files: 'encryptcontent-plugin.json' # save ed25519 signatures here
#hash_filenames: # add hash to file names of assets (to make them impossible to guess
# extensions:
# - 'png'
# - 'jpg'
# - 'jpeg'
# - 'svg'
# except:
# - 'logo.svg'
Related to issue #32
You can override the default templates with your own templates by providing an actual replacement
path in the html_template_path
(HTML) and js_template_path
(JS) directives.
Overridden templates completely replace the default templates. You must therefore copy the
default templates as a starting point to keep this plugin working.
plugins:
- encryptcontent:
html_template_path: "/root/real/path/mkdocs_poc/my_html_template.html"
js_template_path: "/root/real/path/mkdocs_poc/my_js_template.js"
form_class: 'md-content__inner md-typeset'
input_class: 'md-input'
button_class: 'md-button md-button--primary'
Use form_class
, input_class
and button_class
to optionally set a CSS class for the password input field and the button.
When overriding the default templates, you can add and use your own Jinja variables
and enrich your template, by defining html_extra_vars
and js_extra_vars
directives in key/value format.
Added values can be used in your Jinja templates via the variable extra
.
plugins:
- encryptcontent:
html_extra_vars:
my_extra: "extra value"
<key>: <value>
js_extra_vars:
my_extra: "extra value"
<key>: <value>
For example, you can modify your HTML template, to add a new title with your own text variable.
[ ... ]
<h2>{{ extra.my_extra }}</h2>
[ ... ]
NOTE Issues related to template override will not be addressed.
Add password_button: True
in plugin configuration variable, to add a button to the right of the password field.
When enabled, it allows to decrypt the content just like the classic keypress ENTER.
Optionally, you can add password_button_text: 'custom_text_button'
to customize the button text.
plugins:
- encryptcontent:
password_button: True
password_button_text: 'custom_text_button'
Enable by default
Related to issue #7
This feature adds an additional attribute encrypted
with value True
to the mkdocs type mkdocs.nav.page
object.
You can add tag_encrypted_page: False
in plugin configuration, to disable tagging of encrypted pages.
When enabled, it is possible to use the encrypted
attribute in the jinja template of your theme, as a condition to perform custom modification.
{%- for nav_item in nav %}
{% if nav_item.encrypted %}
<!-- Do something -->
{% endif %}
{%- endfor %}
For example, you can use conditional check to add a custom class:
<a {% if nav_item.encrypted %}class="mkdocs-encrypted-class"{% endif %}href="{{ nav_item.url|url }}">{{ nav_item.title }}</a>
Related to issue #6
By default the plugin will save the decrypted AES keys to session storage of the browser (can be disabled by setting remember_keys: False
).
This is enabled for convenience, so you are able to browse between multiple encrypted pages without having to re-enter the password.
Additionally it is possible to save the entered user/password in session storage (setting remember_password: True
). Use this for
additional convenience during mkdocs serve
, because the AES key are regenerated every time MkDocs starts
(rendering the old ones invalid and requiring to re-enter a valid credential again).
To avoid problems when multiple sites are hosted within the same domain, it is possible to customize the name of
the keys saved to storage with remember_prefix
.
This feature is not really secure ! decryption keys are store in clear text inside session storage.
Instead of using these features, I recommend to use a password manager with its browser plugin. For example KeepassXC allows you to detect the password field
mkdocs-content-password
and fill it automatically in a much more secure way.
It is also possible to save the used credentials permanently to local storage (setting session_storage: False
), but
this should only be done for testing purposes. The local storage of a browser is most likely readable
for every other process that can access the file system.
The session storage however should only be located in memory and be forgotten after the browser tab is closed.
plugins:
- encryptcontent:
remember_keys : True
remember_password: False
remember_prefix: secretsite_
It is possible to share valid credentials by adding them to the hash part of the URL.
The plugin can also generate share links for certain pages if the meta tag sharelink: true
is defined in markdown.
It will use the first credential for the pages level or the pages password.
The credentials for auto-generated links are base64url encoded.
plugins:
- encryptcontent:
sharelinks: True
sharelinks_output: 'sharelinks.txt' # generated share links are saved here
One condition applies: The user name must not contain the ":" character (Passwords may use that character).
However if sharelinks: True
is enabled in the plugin configuration you can generate share links yourself:
https://your-domain.com/your-site/protected-page/#!username:password
for user/password or
https://your-domain.com/your-site/protected-page/#!password
for only password.
Then another condition applies: If non-aphanumeric characters are used in user/password, they need to be URLencoded (f.ex. %20 = space character). Some browsers may do that automatically (Do a copy/paste from the browsers address bar then).
Since version 3.0.3 it is possible to leave out one part of the password when share links are generated via meta tag.
To do this use the ":" character in a password to divide the part that is incorporated to the share link and the part that remains secret,
like "PartThatIsEncodedToTheShareLink:PartThatRemainsSecret".
The feature is enabled by setting the option sharelinks_incomplete: true
.
If the password that is read from the share link ends with the ":" character, then an additional password input field is displayed for entering the secret part.
If the feature is used, then passwords must not end with the ":" character.
Since version 3.0.3 it is possible to set arbitrary session store variables after decryption. These can be used by javascript functions f. ex. to read API tokens or show the user name or set visibility of menu entries. The variables are encrypted together with the content keys in the keystore.
plugins:
- encryptcontent:
additional_storage_file: 'additional_storage.yaml'
The file may contain a userpass:
dictionary, wich refers to user names
and/or a password:
dictionary, that refers to password-only credentials.
It may contain a arbitrary number of key/value pairs,
but keep in mind to check if the key name is reasonable and not already used by other parts of the page
(as it will be overwritten after decryption).
userpass:
alice:
username: Alice McAliceface
userid: 1
token: uCZDqa2vzuSPFX-o9TebinUAnD9sePJqpPYhavMkCH7gGo7lhjWRS17-HgBys9UKnFR37zXO4Q_f1_ywZJqBlA==
password:
Head32_Sculpture_bovine_:
username: Head McPassword
Related to issue #9
Add encrypted_something: {}
in the plugin configuration variable, to encrypt something else on the page.
The syntax of this new variable MUST follow the yaml format of a dictionary.
Child elements of encrypted_something
are build with a key <unique name>
in string format and a list as value.
The list has to be constructed with the name of an HTML tag <html tag>
as first item
and id
or class
as the second item.
plugins:
- encryptcontent:
encrypted_something:
<uniqe name>: [<html tag>, <'class' or 'id'>]
The <unique name>
key identifies the name of a specific element of the page that will be
searched by Beautiful Soup.
The first value of the list (<html tag>
) identifies the type of HTML tag in which the name is present.
The second value of the list ('id'
or 'class'
) specifies the type of the attribute which contains
the unique name in the html tag.
Prefer to use an 'id'
, however depending on the template of your theme, it is not always possible to use the id.
So we can use the class attribute to define your unique name inside the html tag.
Beautiful Soup will encrypt all HTML elements discovered with the class.
When the feature is enabled every element is decrypted upon successfull content decryption on the page.
Use this to hide the table of contents on the page or sub pages in the menu
By default every child item are encrypted and the encrypted elements have set
style="display:none;"
to hide their content.
You can use the page.encrypted
tag to add attributes to html tags in the HTML templates of your theme
or identify usable tag ids or classes that are already in the theme.
Then add these elements in the format of a yaml dictionary under the variable encrypted_something
.
- For example, encrypt ToC in a theme where ToC is under 'div' element like this :
<div class=".." {% if page.encrypted %}id="mkdocs-encrypted-toc"{% endif %}>
<ul class="..">
<li class=".."><a href="{{ toc_item.url }}">{{ toc_item.title }}</a></li>
<li><a href="{{ toc_item.url }}">{{ toc_item.title }}</a></li>
</ul>
</div>
Set your configuration like this :
plugins:
- encryptcontent:
encrypted_something:
mkdocs-encrypted-toc: [div, id]
- Other example, with multiple targets. You are using a custom version of Material theme and want to encrypt ToC content and Footer.
Material generates 2 <nav>
structures with the same template toc.html
, so you need to use a class
instead of an id for this part.
The footer part, is generated by the footer.html
template in a classic div so an id
is sufficient
After modification, your template looks like this :
toc.html:
<nav class="md-nav md-nav--secondary {% if page.encrypted %}mkdocs-encrypted-toc{% endif %}" aria-label="{{ lang.t('toc.title') }}">
<label class="md-nav__title" for="__toc"> ... </label>
<ul class="md-nav__list" data-md-scrollfix> ... </ul>
</nav>
footer.html:
<footer class="md-footer">
<div class="md-footer-nav" {% if page.encrypted %}id="mkdocs-encrypted-footer"{% endif %}> ... </div>
<div class="md-footer-meta md-typeset" {% if page.encrypted %}id="mkdocs-encrypted-footer-meta"{% endif %}>
</footer>
Your configuration would look like this :
plugins:
- encryptcontent:
encrypted_something:
mkdocs-encrypted-toc: [nav, class]
mkdocs-encrypted-footer: [div, id]
mkdocs-encrypted-footer-meta: [div, id]
- If you are using unmodified mkdocs-material, then this example will encrypt menu, toc and footer But you'd need the Navigation pruning feature to hide the title of encrypted pages from navigation (or see 2.).
plugins:
- encryptcontent:
encrypted_something:
md-footer__inner: [nav, class]
md-nav: [nav, class]
Some themes or plugins might interfere with the way this plugin encrypts the content of a page.
In this case this feature will find and encrypt a unique tag in the same way as encrypted_something
does and additionally inject its decrypt-form.tpl.html
in front of it.
plugins:
- encryptcontent:
inject:
<uniq name>: [<html tag>, <'class' or 'id'>]
This is an example for mkdocs-material:
plugins:
- blog
- encryptcontent:
encrypted_something:
md-footer__inner: [nav, class] #Footer
md-nav: [nav, class] #Menu and toc
inject:
md-content: [div, class]
This feature overrides the normal practice of replacing the rendered content of a page.
It is possible to only encrypt parts of the page and also to remove parts on successful decryption.
First install PyMdown Extensions by entering pip install --upgrade pymdown-extensions
,
then enable them in your mkdocs.yml
:
markdown_extensions:
- pymdownx.blocks.html
This is an example of a mixed markdown page:
title: This page mixes encrypted and normal content
level: secret
inject_id: protected
delete_id: teaser
/// html | div#teaser
## Teaser
You won't believe which secrets this page will unveil.
Find out more after you enter the correct password...
///
/// html | div#protected
## Secret
Well, the princess is another castle.
///
The markdown extension enables us to wrap a div tag around content by /// html | div#some-id
.
It ends with ///
. The meta tag inject_id
defines which div id we would like to encrypt
(it also injects the decryption form here). And the div id found at delete_id
will be deleted
on successful decryption.
Default value is "encrypted"
Related to issue #13
⚠️ The configuration mode "clear" of this functionality can cause DATA LEAKThe unencrypted content of each page is accessible through the search index. Not encrypting the search index means completely removing the protection provided by this plugin. You have been warned
This feature allows you to control the behavior of the encryption plugin with the search index. Three configuration modes are possible:
- clear : Search index is not encrypted. Search is possible even on protected pages.
- dynamically : Search index is encrypted on build. Search is possible once the pages have been decrypted.
- encrypted : Search index of encrypted pages is removed on build. Search is not possible on encrypted pages.
You can set search_index: '<mode_name>'
in your mkdocs.yml
to change the search index encryption mode. Possible values are clear
, dynamically
, encrypted
. The default mode is "encrypted".
plugins:
- encryptcontent:
search_index: 'dynamically'
This functionality modifies the search index created by the “search” plug-in.
Some themes might override the default search plug-in provided by mkdocs,
but so far the structure of the search/search_index.json
file is consistent.
The modification of the search index is carried out last (if
encryptcontent
is also last inplugins
). But always double-check the generated index aftermkdocs build
to see if your information is protected.
When the configuration mode is set to "dynamically", the javascripts contribution files are used to override the default search plugin files provided by MkDocs. They include a process of decrypting and keeping the search index in a SessionStorage.
Material for MkDocs uses a different search plugin that
cannot "easily" be overridden like the default search plugin.
However this Plugin will still remove encrypted pages (encrypted
) or encrypt the search entries (dynamically
)
for mkdocs-material
.
In order to be able to decrypt the search index (dynamically
) mkdocs-material
needs to be customized (patched).
Patches for different versions can be found here.
You'll need some prerequisites and also execute these commands:
git clone https://github.com/squidfunk/mkdocs-material
cd mkdocs-material
pip install mkdocs-minify-plugin
pip install mkdocs-redirects
npm install
#copy material_search_worker.patch to mkdocs-material
patch -p 0 < material_search_worker8.patch
pip install --force-reinstall .
#pip install --force-reinstall --no-deps . #faster if mkdocs-material was already installed
Follow the instructions for Theme development carefully.
Apply the patch before Building the theme:
patch -p 0 < material_browser_request9.patch # until Material 9.3
patch -p 0 < material_browser_request9_4p.patch # Material 9.4+
Related to issue #14
You can set reload_scripts:
in your mkdocs.yml
with list of script sources
or script ids, to reload and execute some js lib after decryption process.
plugins:
- encryptcontent:
reload_scripts:
- 'js/example.js'
- '#autoexec'
It is also possible to reload a script id like <script id="autoexec">console.log('test');</script>
that was encrypted within the page
(related to issue #30).
Enable by default
If HighlightJS module is detected in your theme to improve code color rendering, reload renderer after
decryption process.
If HighlightJS module is not correctly detected, you can force the detection by adding hljs: True
on the plugin configuration
or set hljs: False
to disable this feature.
When enabled the following part of the template is added to force reloading decrypted content.
{% if hljs %}
document.getElementById("mkdocs-decrypted-content").querySelectorAll('pre code').forEach((block) => {
hljs.highlightElement(block);
});
{% endif %}
Enable by default
Related to issue #12
If Arithmatex markdown extension is detected in your markdown extensions to improve math equations rendering,
reload renderer after decryption process.
If the Arithmatex markdown extension is not correctly detected, you can force the detection by adding
arithmatex: True
on the plugin configuration
or set arithmatex: False
to disable this feature.
When enabled, the following part of the template is added to force math equations rendering on decrypted content.
{% if arithmatex %}
MathJax.typesetPromise()
{% endif %}
NOTE It has been tested in Arithmatex
generic
mode only.
Enable by default
Related to issue #22.
If mermaid2 plugin is detected in your configuration to generate graph from text, reload renderer after
decryption process.
If the Mermaid2 plugin is not correctly detected, you can force the detection by adding mermaid2: True
on the plugin configuration
or set mermaid2: False
to disable this feature.
When enabled, the following part of the template is added to force graph rendering on decrypted content.
{% if mermaid2 %}
mermaid.contentLoaded();
{% endif %}
NOTE it currently only works with mermaid version < 10. Also encryptcontent needs to be injected, because the mermaid2 plugin otherwise won't detect the page content correctly.
activate the plugin like this:
plugins:
- mermaid2:
version: 9.4.3
markdown_extensions:
- pymdownx.blocks.html
Example usage:
password: 1234
inject_id: inject
/// html | div#inject
```mermaid
graph LR
hello --> world
world --> again
again --> hello
```
///
Add support for mermaid graphs by adding the pymdownx.superfences
to markdown_extensions
as
described here.
Copy the "material-encryptcontent.mjs" file from here to "/assets/javascripts/" and include it to "mkdocs.yml" like this:
extra_javascript:
- assets/javascripts/material-encryptcontent.mjs
The script is called after successful decryption and renders the mermaid graphs in a similar way as the theme would normally do.
Related to issue #62.
The plugin would add click events to all image of a page, but it can't do that if the page was encrypted.
That's why we need to add it to reload_scripts
section to call it after successful decryption.
plugins:
- glightbox:
zoomable: true
draggable: true
skip_classes:
- skip-lightbox
- encryptcontent:
reload_scripts:
- '#init-glightbox'
By default the plugin uses the crypto-js library for page decryption, but using
the browser's built-in webcrypto engine is also possible (set webcrypto: true
).
The main advantage of webcrypto over crypto-js is that it is much faster, allowing higher
calculation difficulty for key derivation (kdf_pow
). Also it may be easier to implement
key derivation functions other than PBKDF2 with webcrypto in the future.
On the other hand crypto-js is implemented in pure Javascript without any dependencies and well tested (but it probably won't receive any updates as development stalled in 2021, see here) and we know nothing about how good or bad webcrypto is implemented in different browsers.
There is a new variation of crypto-js, called crypto-es.
It provides the same functions, but is implemented in modern javascript and can be activated by setting esm: true
.
If webcrypto: true
and esm: true
is set, then webcrypto will be loaded as a
javascript module (speeding up material theme with instant loading feature).
Crypto-js causes a bug when browsing through encrypted pages, if used in
mkdocs-material
together with thenavigation.instant
feature. It is advised to usewebcrypto: true
or crypto-es withesm: true
in this case.
If you enable selfhost
then you'll choose to upload crypto-js to your web server rather than using cloudflare CDN.
The self-host location is "SITE_URL/assets/javascripts/cryptojs/".
Additionally if you set selfhost_download
then the required files will be automatically downloaded if needed.
The files are checked for their MD5 hash and saved to docs_dir
or selfhost_dir
(relative to mkdocs.yml
).
plugins:
- encryptcontent:
selfhost: True
selfhost_download: False
selfhost_dir: 'theme_overrides'
Either way (webcrypto or crypto-js) the KDF key generation needs to be done for each credential. This may take some additional time when building the site, especially when there are many different ones. That's why these keys and salt are cached by default to a yaml file named "encryptcontent.cache".
plugins:
- encryptcontent:
cache_file: 'encryptcontent.cache' # change file name if needed
Caching can be disabled by setting cache_file: ''
.
Imagine your pages contain many images and you labeled them "1.jpg", "2.jpg" and so on for some reason. If you'd like to encrypt one of these pages, an attacker could try guessing the image file names and would be able to download them despite not having the password to the page.
This feature should make it impossible or at least way harder for an external attacker to guess the file names. Please also check and disable directory listing for that matter. Keep in mind that your hosting provider is still able to see all your images and files.
To counter file name guessing you could activate the feature like this:
plugins:
- encryptcontent:
selfhost: true
selfhost_download: false
hash_filenames:
extensions:
- 'png'
- 'jpg'
- 'jpeg'
- 'svg'
except:
- 'lilien.svg'
At extensions
we define which file name extensions to obfuscate
(extension is taken from the part after the last ".",
so the extension of "image.jpg" is "jpg" and of "archive.tar.gz" is "gz").
You can define multiple exceptions at the except
list.
The file names that end with these strings will be skipped.
You should use this if some images are used by themes or other plugins.
Otherwise, you'd need to change these file names to the obfuscated ones.
The file names are obfuscated in a way that the corresponding file is hashed with MD5 and the hash is added to the file name (If the file content is not changed the file name remains the same), like this:
some_image_1_bb80db433751833b8f8b4ad23767c0fc.jpg ("bb80db433751833b8f8b4ad23767c0fc" being the MD5 hash of said image.)
The file name obfuscation is currently applied to the whole site - not just the encrypted pages...
An attacker would most likely have a hard time brute forcing your encrypted content, given a good password entropy. It would be much easier for him to fish for passwords by modifying the generated pages, if he is able to hack your web space.
This feature will sign all encrypted pages and used javascript files with Ed25519. It will also generate an example canary script, which can be customized to alert if files were modified.
NOTE If Mkdocs is running with
mkdocs serve
, then signature verification of encrypted pages will fail, because the files are modified by Mkdocs to enable live reload.
sign_files: 'signatures.json'
sign_key: 'encryptcontent.key' #optional
canary_template_path: '/path/to/canary.tpl.py' #optional
First an Ed25519 private key is generated at "encryptcontent.key" (besides mkdocs.yml
), however you can supply an
existing private key as long as it's in PEM format.
After generation the signatures are saved to "signatures.json" in site_dir
, so this file also needs to be uploaded
to the web space. The canary script will download this file and compare the URLs to its own list and then download
all files and verify the signatures.
As long as the private key used for signing remains secret, the canary script will be able to determine if someone tampered with the files on the server. But you should run the canary script from another machine that is not related to the server, otherwise the attacker could also modify the canary script and sign with his private key instead.