Switch hosting to Vercel (#1113)

* Fix URLs to work when `baseURL` is in a sub-directory * Use `RelPermalink` to not have assets loaded from `baseUrl` * Add `.vercel` to gitignore * Remove deploy Github Action, we are now using Vercel
2022-12-21 06:26:37 +01:00 · 2022-12-21 06:26:37 +01:00 · d356c6caac
parent ffbe66a389
commit d356c6caac
54 changed files with 267 additions and 290 deletions
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@ -1,31 +0,0 @@
-name: Pages
-
-on:
-  push:
-    branches:
-    - master
-
-jobs:
-  build-deploy:
-    runs-on: ubuntu-18.04
-    steps:
-    - uses: actions/checkout@v1
-
-    - name: Setup Hugo
-      uses: peaceiris/actions-hugo@v2
-      with:
-        hugo-version: '0.105.0'
-        extended: true
-
-    - name: Build
-      run: hugo --minify
-
-    - name: Deploy
-      uses: easingthemes/ssh-deploy@v2.0.7
-      env:
-        SSH_PRIVATE_KEY: ${{ secrets.ACTIONS_DEPLOY_KEY }}
-        ARGS: "-rltgoDzvO"
-        SOURCE: ./public/
-        REMOTE_HOST: ${{ secrets.REMOTE_HOST }}
-        REMOTE_USER: ${{ secrets.REMOTE_USER }}
-        TARGET: ${{ secrets.REMOTE_TARGET }}
--- a/.gitignore
+++ b/.gitignore
@ -2,3 +2,4 @@ public/
 static/.sass-cache
 resources/
 .hugo_build.lock
+.vercel
--- a/assets/fontawesome.scss
+++ b/assets/fontawesome.scss
--- a/assets/roboto-mono.scss
+++ b/assets/roboto-mono.scss
@ -2,10 +2,10 @@
  font-family: 'Roboto Mono';
  src:
    local('Roboto Mono'),
-    url('../webfonts/roboto-mono/robotomono-regular-webfont.woff2') format('woff2'),
-    url('../webfonts/roboto-mono/robotomono-regular-webfont.woff') format('woff'),
-    url('../webfonts/roboto-mono/robotomono-regular-webfont.ttf') format('truetype'),
-    url('../webfonts/roboto-mono/robotomono-regular-webfont.svg#roboto_monoregular') format('svg');
+    url('./webfonts/roboto-mono/robotomono-regular-webfont.woff2') format('woff2'),
+    url('./webfonts/roboto-mono/robotomono-regular-webfont.woff') format('woff'),
+    url('./webfonts/roboto-mono/robotomono-regular-webfont.ttf') format('truetype'),
+    url('./webfonts/roboto-mono/robotomono-regular-webfont.svg#roboto_monoregular') format('svg');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
--- a/assets/roboto.scss
+++ b/assets/roboto.scss
@ -2,10 +2,10 @@
  font-family: 'Roboto';
  src:
    local('Roboto Italic'),
-    url('../webfonts/roboto/roboto-italic-webfont.woff2') format('woff2'),
-    url('../webfonts/roboto/roboto-italic-webfont.woff') format('woff'),
-    url('../webfonts/roboto/roboto-italic-webfont.ttf') format('truetype'),
-    url('../webfonts/roboto/roboto-italic-webfont.svg#roboto-italic-webfont') format('svg');
+    url('./webfonts/roboto/roboto-italic-webfont.woff2') format('woff2'),
+    url('./webfonts/roboto/roboto-italic-webfont.woff') format('woff'),
+    url('./webfonts/roboto/roboto-italic-webfont.ttf') format('truetype'),
+    url('./webfonts/roboto/roboto-italic-webfont.svg#roboto-italic-webfont') format('svg');
  font-weight: normal;
  font-display: swap;
  font-style: italic;
@ -15,10 +15,10 @@
  font-family: 'Roboto';
  src:
    local('Roboto Bold'),
-    url('../webfonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
-    url('../webfonts/roboto/roboto-bold-webfont.woff') format('woff'),
-    url('../webfonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
-    url('../webfonts/roboto/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');
+    url('./webfonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
+    url('./webfonts/roboto/roboto-bold-webfont.woff') format('woff'),
+    url('./webfonts/roboto/roboto-bold-webfont.ttf') format('truetype'),
+    url('./webfonts/roboto/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');
  font-weight: bold;
  font-display: swap;
  font-style: normal;
@ -28,10 +28,10 @@
  font-family: 'Roboto';
  src:
    local('Roboto Medium'),
-    url('../webfonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
-    url('../webfonts/roboto/roboto-medium-webfont.woff') format('woff'),
-    url('../webfonts/roboto/roboto-medium-webfont.ttf') format('truetype'),
-    url('../webfonts/roboto/roboto-medium-webfont.svg#roboto-medium-webfont') format('svg');
+    url('./webfonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
+    url('./webfonts/roboto/roboto-medium-webfont.woff') format('woff'),
+    url('./webfonts/roboto/roboto-medium-webfont.ttf') format('truetype'),
+    url('./webfonts/roboto/roboto-medium-webfont.svg#roboto-medium-webfont') format('svg');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
@ -41,10 +41,10 @@
  font-family: 'Roboto';
  src:
    local('Roboto'),
-    url('../webfonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
-    url('../webfonts/roboto/roboto-regular-webfont.woff') format('woff'),
-    url('../webfonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
-    url('../webfonts/roboto/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
+    url('./webfonts/roboto/roboto-regular-webfont.woff2') format('woff2'),
+    url('./webfonts/roboto/roboto-regular-webfont.woff') format('woff'),
+    url('./webfonts/roboto/roboto-regular-webfont.ttf') format('truetype'),
+    url('./webfonts/roboto/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
  font-weight: normal;
  font-display: swap;
  font-style: normal;
--- a/content/en/_index.md
+++ b/content/en/_index.md
@ -22,7 +22,7 @@ Similar to how blogging is the act of publishing updates to a website, **microbl

 A Mastodon website can operate alone. Just like a traditional website, people sign up on it, post messages, upload pictures and talk to each other. _Unlike_ a traditional website, Mastodon websites can interoperate, letting their users communicate with each other; just like you can send an email from your Gmail account to someone from Outlook, Fastmail, Protonmail, or any other email provider, as long as you know their email address, **you can mention or message anyone on any website using their address**.

-{{< figure src="/assets/network-models.jpg" caption="From left to right: Centralized, Federated, Distributed" >}}
+{{< figure src="assets/network-models.jpg" caption="From left to right: Centralized, Federated, Distributed" >}}



@ -104,6 +104,3 @@ Learn how to write an app for Mastodon:
 Learn about the Mastodon backend and how to contribute:

 {{< page-ref page="dev/overview" >}}
-
-
-
--- a/content/en/api/guidelines.md
+++ b/content/en/api/guidelines.md
@ -131,4 +131,4 @@ Please check `app/javascript/mastodon/selectors/index.js` and `app/lib/feed_mana

 Server-side preview images are never cropped, to support a variety of apps and user interfaces. Therefore, the cropping must be done by those apps. To crop intelligently, focal points can be used to ensure a certain section of the image is always within the cropped viewport. See this [guide on how focal points are defined](https://github.com/jonom/jquery-focuspoint#1-calculate-your-images-focus-point). In summary, floating points range from -1.0 to 1.0, left-to-right or bottom-to-top. (0,0) is the center of the image. (0.5, 0.5) would be in the center of the upper-right quadrant. (-0.5, -0.5) would be in the center of the lower-left quadrant. For reference, thumbnails in the Mastodon frontend are most commonly 16:9.

-{{< figure src="/assets/focal-points.jpg" caption="A demonstration of various focal points and their coordinates." >}}
+{{< figure src="assets/focal-points.jpg" caption="A demonstration of various focal points and their coordinates." >}}
--- a/content/en/spec/activitypub.md
+++ b/content/en/spec/activitypub.md
@ -420,7 +420,7 @@ Mastodon supports setting a focal point on uploaded images, so that wherever tha
 }
 ```

-{{< figure src="/assets/focal-points.jpg" caption="A demonstration of various focal points and their coordinates." >}}
+{{< figure src="assets/focal-points.jpg" caption="A demonstration of various focal points and their coordinates." >}}

 The focal point of (-0.55, 0.43) in the example above corresponds to a point 55% to the left of center and 43% above center. This focal point should remain visible within the cropped thumbnail, if any cropping is done.

--- a/content/en/user/contacts.md
+++ b/content/en/user/contacts.md
@ -9,13 +9,13 @@ menu:

 ## Generating invites {#invites}

-{{< figure src="/assets/invites.jpg" caption="Invite people from your account&apos;s settings" >}}
+{{< figure src="assets/invites.jpg" caption="Invite people from your account&apos;s settings" >}}

 Invite links can be generated and shared with other people, and some servers require invites in order to register for an account. When generating an invite link, you can set the max uses to limit how many times a certain link is used, or how long it has been active. Invite links can be deactivated at any time.

 ## Follows and followers {#relationships}

-{{< figure src="/assets/relationships.jpg" caption="Mutuals who have not moved their account, sorted by last activity" >}}
+{{< figure src="assets/relationships.jpg" caption="Mutuals who have not moved their account, sorted by last activity" >}}

 Within settings, you can find a relationship manager that lets you filter and sort through the profiles that you are connected to, based on different criteria:

--- a/content/en/user/discoverability.md
+++ b/content/en/user/discoverability.md
@ -11,29 +11,28 @@ menu:

 ### Featured hashtags {#featured-tags}

-{{< figure src="/assets/featured-tags.jpg" caption="A featured hashtag showing last usage date and total usage." >}}
+{{< figure src="assets/featured-tags.jpg" caption="A featured hashtag showing last usage date and total usage." >}}

 You can choose to feature certain hashtags that you use often. Go to Settings &gt; Profile &gt; Featured hashtags to manage which hashtags you are currently featuring. Once featured, a link to the hashtag will be shown on your profile, with the date of the last time it was used in a status, as well as the total number of statuses in which it was used.

 ### Featured profiles {#featured-profiles}

-{{< figure src="/assets/featured-profiles.jpg" caption="Four randomly-selected featured profiles." >}}
+{{< figure src="assets/featured-profiles.jpg" caption="Four randomly-selected featured profiles." >}}

 You can choose to feature profiles of people that you are following. Go to that person's profile dropdown menu and click "Feature on profile". When you feature a profile, a link to their profile will appear on your profile, under a section titled "your choices". Up to 4 profiles will be shown at a time, and these profiles are selected randomly from your pool of featured profiles every time the page is loaded.

 ## Pinned posts {#pinned}

-{{< figure src="/assets/pinned.jpg" caption="A pinned post by mastodon.social/@gargron" >}}
+{{< figure src="assets/pinned.jpg" caption="A pinned post by mastodon.social/@gargron" >}}

 You can choose to feature up to 5 of your own public posts at the top of your profile. Go to the status dropdown menu and click "Pin on profile". When you pin a post, it will appear at the top of your "posts" tab, before all other chronological status updates.

 ## Profile directory {#directory}

-{{< figure src="/assets/directory.jpg" caption="Profile directory as seen from mastodon.social" >}}
+{{< figure src="assets/directory.jpg" caption="Profile directory as seen from mastodon.social" >}}

 The profile directory shows all accounts that have opted into being shown in the directory, and can be used to quickly find profiles that you may be interested in following.

 The profile directory can be sorted either by recent activity (the most recently published status), or by new arrivals (the most recently created accounts). The directory can also be filtered to show only local accounts, or to show all known accounts that your website is aware of.

 Profiles appear as cards that include a user's display name, address, account bio, and some brief stats such as how many posts they've published, how many followers they have, and the time of their last published status.
-
--- a/content/en/user/external.md
+++ b/content/en/user/external.md
@ -9,13 +9,12 @@ menu:

 ## Remote interactions on another Mastodon site {#interact}

-{{< figure src="/assets/status-permalink.jpg" caption="An example of a post&apos;s public permalink on a Mastodon site." >}}
+{{< figure src="assets/status-permalink.jpg" caption="An example of a post&apos;s public permalink on a Mastodon site." >}}

 When you are browsing a remote site powered by Mastodon, clicking on any of the interaction buttons will load a dialog that will redirect you to your local site.

-{{< figure src="/assets/external-reply.jpg" caption="A remote interaction dialog for replying to a toot." >}}
+{{< figure src="assets/external-reply.jpg" caption="A remote interaction dialog for replying to a toot." >}}

 ## Signing into a client app {#apps}

 You can use your Mastodon account to sign into any app that implements the Mastodon API. A list of such apps can be found at [https://joinmastodon.org/apps](https://joinmastodon.org/apps).
-
--- a/content/en/user/moderating.md
+++ b/content/en/user/moderating.md
@ -11,11 +11,11 @@ menu:

 It is possible to filter statuses for specific keywords and phrases so that they can be hidden automatically.

-{{< figure src="/assets/filter-list.jpg" caption="A sample of active filters for various keywords in different contexts." >}}
+{{< figure src="assets/filter-list.jpg" caption="A sample of active filters for various keywords in different contexts." >}}

 To create or manage your filters, go to Settings &gt; Filters. The "Add new filter" button will let you create a new filter, and existing filters can be edited or deleted. Your existing filters will be summarized in a table.

-{{< figure src="/assets/filter-edit.jpg" caption="Filters can have an expiry date, specific contexts, server-side drop, and use word boundaries." >}}
+{{< figure src="assets/filter-edit.jpg" caption="Filters can have an expiry date, specific contexts, server-side drop, and use word boundaries." >}}

 Filters have the following settings:

@ -46,7 +46,7 @@ Filters normally apply to any status that contains the included characters, rega

 ## User-level actions {#blocking-and-muting}

-{{< figure src="/assets/profile-dropdown.jpg" caption="The profile dropdown menu offers various actions." >}}
+{{< figure src="assets/profile-dropdown.jpg" caption="The profile dropdown menu offers various actions." >}}

 ### Hiding boosts {#hide-boosts}

@ -54,7 +54,7 @@ If you hide boosts from someone, you won’t see their boosts in your home feed.

 ### Muting {#mute}

-{{< figure src="/assets/muted.jpg" caption="Sample of muted accounts." >}}
+{{< figure src="assets/muted.jpg" caption="Sample of muted accounts." >}}

 When muting, you have the option to mute notifications from them or not. Muting without muting notifications hides the user from your view:

@ -71,7 +71,7 @@ The user has no way of knowing they have been muted.

 ### Blocking {#block}

-{{< figure src="/assets/blocked.jpg" caption="Sample of blocked accounts." >}}
+{{< figure src="assets/blocked.jpg" caption="Sample of blocked accounts." >}}

 Blocking hides a user from your view:

@ -92,7 +92,7 @@ If you and the blocked user are on the same server, the blocked user will not be

 ### Hiding an entire server {#block-domain}

-![](/assets/block-domain.png)
+![]({{relURL "assets/block-domain.png" }})

 If you block an entire server:

@ -103,6 +103,6 @@ If you block an entire server:

 ## Reporting problematic content to moderators {#report}

-{{< figure src="/assets/report-modal.jpg" caption="The report modal allows selecting example statuses, adding a note, and forwarding reports." >}}
+{{< figure src="assets/report-modal.jpg" caption="The report modal allows selecting example statuses, adding a note, and forwarding reports." >}}

 If you see a status or user that is violating the rules of your website, you can report that user to your site's moderators. Clicking the "report" option on the user dropdown or status dropdown will open the report modal. Here, you can (and should) add a note about why you are reporting this account. You can attach certain problematic statuses for additional context on why you are reporting the account, and if their conduct is violating the rules of the remote website, you can also choose to forward the report to their site's moderators.
--- a/content/en/user/moving.md
+++ b/content/en/user/moving.md
@ -9,7 +9,7 @@ menu:

 ## Exporting your information {#export}

-{{< figure src="/assets/export.jpg" caption="The data export page in settings" >}}
+{{< figure src="assets/export.jpg" caption="The data export page in settings" >}}

 At any time you want, you can go to Settings &gt; Export and download a CSV file for your current followed accounts, your currently created lists, your currently blocked accounts, your currently muted accounts, and your currently blocked domains. Your following, blocking, muting, and domain-blocking lists can be imported at Settings &gt; Import, where they can either be merged or overwritten.

@ -21,25 +21,24 @@ From the bottom of Settings &gt; Account, you can find options related to accoun

 ### Profile redirect {#redirect}

-{{< figure src="/assets/account-redirect.jpg" caption="Profile redirect form" >}}
+{{< figure src="assets/account-redirect.jpg" caption="Profile redirect form" >}}

 Redirecting your account disables posting from that account and displays a "profile moved" notice indicating your new account. Anyone viewing your profile can see this notice and will know to follow you at your new account. Following redirected accounts is not possible. The redirect can be canceled at any time.

 ### Profile move {#move}

-{{< figure src="/assets/account-move.jpg" caption="Profile move form" >}}
+{{< figure src="assets/account-move.jpg" caption="Profile move form" >}}

 Moving your account is the same as redirecting your account, but it will also irreversibly force everyone to unfollow your current account and follow your new account, if their software supports the Move activity. Your posts will not be moved, due to technical limitations. There is also a 30 day cooldown period in which you cannot migrate again, so be very careful before using this option!

 ### Account aliases {#aliases}

-{{< figure src="/assets/account-aliases.jpg" caption="Alias management screen" >}}
+{{< figure src="assets/account-aliases.jpg" caption="Alias management screen" >}}

 Profile moves can only be initiated when your two accounts have been aliased. Account aliases are currently not used for anything other than profile moves, where you will need to set your old account as an alias of your new account before initiating the move. Setting aliases is harmless and reversible on its own.

 ## Deleting your account {#delete}

-{{< figure src="/assets/account-delete.jpg" caption="Account deletion form" >}}
+{{< figure src="assets/account-delete.jpg" caption="Account deletion form" >}}

 From the bottom of Settings &gt; Account, you can find the form to delete your account. Deleting your account is irreversible, and will cause both your profile and username to become forever unusable.
-
--- a/content/en/user/network.md
+++ b/content/en/user/network.md
@ -9,7 +9,7 @@ menu:

 ## Browsing content through public timelines {#timelines}

-{{< figure src="/assets/timeline.jpg" caption="Posts within a public timeline" >}}
+{{< figure src="assets/timeline.jpg" caption="Posts within a public timeline" >}}

 To allow you to discover potentially interesting content, Mastodon provides a way to browse all public posts. Well, there is no global shared state between all servers, so there is no way to browse _all_ public posts. When you browse the **federated timeline**, you see all public posts that the server you are on knows about. There are various ways your server may discover posts, but the bulk of them will be from people that other users on your server follow.

@ -17,7 +17,7 @@ There is a way to filter the federated timeline to view only public posts create

 ## Interacting with people's posts {#actions}

-{{< figure src="/assets/status.jpg" caption="An expanded view can be loaded by clicking a status in the timeline." >}}
+{{< figure src="assets/status.jpg" caption="An expanded view can be loaded by clicking a status in the timeline." >}}

 You can perform quick actions on a post directly from the timeline, or you can click on the post to load an expanded view that shows extra information, such as a full timestamp, interaction counts, and threaded replies, if any. The following actions can be performed on a post:

@ -29,7 +29,7 @@ You can perform quick actions on a post directly from the timeline, or you can c

 ## Notifications {#notifications}

-{{< figure src="/assets/notifications.jpg" caption="Notifications column" >}}
+{{< figure src="assets/notifications.jpg" caption="Notifications column" >}}

 When other people interact with you or your posts, you will receive a notification depending on the type of the event. Your notifications column allows you to view all notifications in the same stream, or to filter for specific types of notifications:

@ -44,7 +44,7 @@ When unread notifications are present, a checkmark will appear in the column hea

 ## Following profiles {#follow}

-![](/assets/profile.jpg)
+![]({{ relUrl "/assets/profile.jpg" }})

 As long as you encounter a person within your app’s user interface, e.g. the web interface on your home server, or your mobile app, you can just click “follow” and you won’t notice a difference if that person is on your server or not.

@ -54,21 +54,21 @@ If you are visiting a public page on another Mastodon site, see [Using Mastodon

 ## Enabling notifications {#bell}

-![](/assets/bell.jpg)
+![]({{ relUrl "/assets/bell.jpg" }})

 If you are following someone, you also have the option to receive a notification every time they post. To opt into this functionality, click the bell icon.

 ## Search {#search}

-{{< figure src="/assets/search.jpg" caption="The search function can be accessed from the sidebar." >}}
+{{< figure src="assets/search.jpg" caption="The search function can be accessed from the sidebar." >}}

 Mastodon's basic search allows logged-in users to find posts containing a specific hashtag, or to load a user or status directly if they know the URL or address. Searching for a term will show profiles whose username or display name contains that term, as well as hashtags that match or contain that term.

-{{< figure src="/assets/direct-url.jpg" caption="An example of a post being loaded directly by its URL." >}}
+{{< figure src="assets/direct-url.jpg" caption="An example of a post being loaded directly by its URL." >}}

-{{< figure src="/assets/search-accounts.jpg" caption="An example of accounts returned when searching for &quot;cats&quot;." >}}
+{{< figure src="assets/search-accounts.jpg" caption="An example of accounts returned when searching for &quot;cats&quot;." >}}

-{{< figure src="/assets/search-hashtags.jpg" caption="An example of hashtags returned when searching for &quot;cats&quot;." >}}
+{{< figure src="assets/search-hashtags.jpg" caption="An example of hashtags returned when searching for &quot;cats&quot;." >}}

 Admins may optionally install full-text search. Mastodon’s full-text search allows logged-in users to find results from their own posts, their favourites, their bookmarks and their mentions. It deliberately does not allow searching for arbitrary strings in the entire database, in order to reduce the risk of abuse by people searching for controversial terms to find people to dogpile.

@ -80,19 +80,18 @@ The following operators are supported:

 ## Direct conversations {#direct}

-{{< figure src="/assets/dm-column.jpg" caption="A list of conversations containing direct messages." >}}
+{{< figure src="assets/dm-column.jpg" caption="A list of conversations containing direct messages." >}}

 In Mastodon, direct messages are just posts that have the "direct" visibility selected. Visibility can be selected per-post, which allows changing the privacy level later in a thread. The direct messages column currently shows a list of all conversations containing a direct post. Clicking on a conversation will load the associated thread.

-{{< figure src="/assets/dm-thread.jpg" caption="A direct message in a thread." >}}
+{{< figure src="assets/dm-thread.jpg" caption="A direct message in a thread." >}}

 ## List timelines {#lists}

 Lists are subsets of your home timeline. You can create a list, give it a name, and add users that you follow to that list.

-![](/assets/lists.jpg)
+![]({{ relUrl "/assets/lists.jpg" }})

 Opening a list will load that list's timeline. List timelines contain only posts by members of that list, as well as replies to you or to other members of the list. This can be changed to show replies to all people you follow, or to no one.

-{{< figure src="/assets/list.jpg" caption="A list timeline" >}}
-
+{{< figure src="assets/list.jpg" caption="A list timeline" >}}
--- a/content/en/user/posting.md
+++ b/content/en/user/posting.md
@ -7,7 +7,7 @@ menu:
    parent: user
 ---

-{{< figure src="/assets/compose-with-cw.jpg" caption="Compose form with CW enabled" >}}
+{{< figure src="assets/compose-with-cw.jpg" caption="Compose form with CW enabled" >}}

 ## Text {#text}

@ -15,25 +15,25 @@ The main body of each status update can be composed using the text field. The de

 ### Links {#links}

-{{< figure src="/assets/compose-links.jpg" caption="Links must start with http(s):// and are counted as 23 characters regardless of length." >}}
+{{< figure src="assets/compose-links.jpg" caption="Links must start with http(s):// and are counted as 23 characters regardless of length." >}}

 If you include links in your post, they must begin with `http://` or `https://`. All links are counted as 23 characters, no matter how long they actually are, so there is no need to use a link shortener to save characters. In fact, using a link shortener is actively discouraged.

 ### Mentions {#mentions}

-{{< figure src="/assets/compose-mentions.jpg" caption="Suggested mentions for both local and remote users." >}}
+{{< figure src="assets/compose-mentions.jpg" caption="Suggested mentions for both local and remote users." >}}

 You can mention users by typing out their full address, e.g. `@alice@example.com`. Note that any usage of`@word` will be interpreted as mentioning the local user with the username `word`, if that user exists. Only the username part will count against your character limit -- the domain is not counted.

 ### Hashtags {#hashtags}

-{{< figure src="/assets/compose-hashtags.jpg" caption="Hashtags are autosuggested by usage frequency." >}}
+{{< figure src="assets/compose-hashtags.jpg" caption="Hashtags are autosuggested by usage frequency." >}}

 You can use a `#hashtag` to make your post discoverable to anyone searching for that hashtag. Hashtags can contain alphanumeric characters and underscores, but cannot contain numbers only.

 ### Custom emoji {#emoji}

-{{< figure src="/assets/compose-custom-emoji.jpg" caption="An array of custom emoji are available in the selector." >}}
+{{< figure src="assets/compose-custom-emoji.jpg" caption="An array of custom emoji are available in the selector." >}}

 Each server offers a set of custom emoji you can use, like on Discord. You can use an emoji using its shortcode like `:thounking:`, or by clicking the emoji face in the compose box and browsing through the "Custom" category. You can also browse through and search for standard unicode emoji.

@ -43,7 +43,7 @@ You can attach either files or a poll to your status.

 ### Files {#media}

-{{< figure src="/assets/compose-media-attachment.jpg" caption="Thumbnail for attached media, with options to delete, edit, or mark as sensitive" >}}
+{{< figure src="assets/compose-media-attachment.jpg" caption="Thumbnail for attached media, with options to delete, edit, or mark as sensitive" >}}

 Click the paper clip to attach a file to your post. You can attach the following:

@ -54,13 +54,13 @@ Click the paper clip to attach a file to your post. You can attach the following

 #### Editing media {#edit}

-{{< figure src="/assets/edit-media.jpg" caption="Edit media to add a media description or choose a focal point for the preview thumbnail." >}}
+{{< figure src="assets/edit-media.jpg" caption="Edit media to add a media description or choose a focal point for the preview thumbnail." >}}

 By clicking the "Edit" link on the attachment thumbnail, you can load a modal which will allow adding a media description or changing the focal point. Although optional, it is a good idea to add media descriptions that briefly describe what is in contained in the media. These descriptions will be shown when the media fails to load for any reason, or when accessed by screen readers and other assistive technology. Setting the focal point is also optional, but can make preview thumbnails looks better when they are not shown in a 16:9 aspect ratio.

 ### Polls {#polls}

-{{< figure src="/assets/compose-polls.jpg" caption="A poll with 2 one-of choices, expiring in 1 day" >}}
+{{< figure src="assets/compose-polls.jpg" caption="A poll with 2 one-of choices, expiring in 1 day" >}}

 Click the bar graph icon to attach a poll to your post.

@ -126,9 +126,8 @@ Send your post only to mentioned users.

 ## Content warnings and sensitive content {#cw}

-{{< figure src="/assets/status-cw.jpg" caption="A status with a CW that is marked as sensitive content." >}}
+{{< figure src="assets/status-cw.jpg" caption="A status with a CW that is marked as sensitive content." >}}

 One feature that Mastodon provides that you may not have seen on other social networks is the option to attach a content warning to your posts. When a content warning is included, the status content will be collapsed by default, and only the CW will be shown, similarly to an email subject line or a "read more" break. This can be used to add a summary or subject for your post, to collapse long posts, or to otherwise provide context or setup for the body of the post.

 When media is attached, a checkbox appears to allow you to "mark media as sensitive". This hides the full media behind a blurred thumbnail by default. Adding a CW to a post automatically marks the media as sensitive as well.
-
--- a/content/en/user/preferences.md
+++ b/content/en/user/preferences.md
@ -13,13 +13,13 @@ menu:

 Mastodon defaults to a dark theme, but a light or high-contrast theme can be selected.

-{{< figure src="/assets/light-theme.jpg" caption="Mastodon light theme" >}}
+{{< figure src="assets/light-theme.jpg" caption="Mastodon light theme" >}}

 ### Choose your layout {#layout}

 Mastodon defaults to a simple, one-column layout with a compose box on the left and a column switcher on the right. You can choose to enable the advanced web interface, which allows you view and pin multiple columns at the same time.

-{{< figure src="/assets/advanced-web-ui.jpg" caption="The advanced web interface" >}}
+{{< figure src="assets/advanced-web-ui.jpg" caption="The advanced web interface" >}}

 In either interface, updates will load automatically as new posts are available. You can enable Slow Mode to instead show a banner at the top of the column indicating the number of new items available, which will be loaded only when you click the banner.

@ -41,7 +41,7 @@ By default, any media marked as sensitive is hidden behind a click-through overl

 Hidden and unloaded media uses a colorful gradient provided by the BlurHash algorithm, which uses the colors of the image but blurs the details. These gradients can be disabled.

-{{< figure src="/assets/blurhash.jpg" caption="An example blurhash thumbnail" >}}
+{{< figure src="assets/blurhash.jpg" caption="An example blurhash thumbnail" >}}

 Posts with content warnings are collapsed by default, but you can choose to always expand the warnings so that the full post is displayed.

@ -71,7 +71,7 @@ If you opt out of search engine indexing, a `noindex` flag will be added to your

 You can choose to hide your network, which will make your following and follower lists private to you only.

-{{< figure src="/assets/hidden-network.jpg" caption="A profile that has opted to hide its network" >}}
+{{< figure src="assets/hidden-network.jpg" caption="A profile that has opted to hide its network" >}}

 If you want to see posts that are boosted multiple times be reinserted into your feed at the top, you can disable boost grouping in timelines.

@ -86,4 +86,3 @@ If you often post sensitive media, you can choose to always mark your media as s
 ### Filtering languages on public timelines {#languages}

 You can choose to only show posts in certain detected languages while browsing the public timelines. However, note that language detection can be very imprecise, so you may still see some posts in a disabled language, or miss some posts from enabled languages.
-
--- a/content/en/user/profile.md
+++ b/content/en/user/profile.md
@ -9,7 +9,7 @@ menu:

 ## Your appearance {#appearance}

-{{< figure src="/assets/profile-cards.jpg" caption="Profile cards showing display name, avatar, and header" >}}
+{{< figure src="assets/profile-cards.jpg" caption="Profile cards showing display name, avatar, and header" >}}

 You can change how your profile appears to others by navigating to Settings &gt; Profile &gt; Appearance.

@ -33,7 +33,7 @@ Your header is a banner image shown at the top of your profile, as well as in pr

 You can set certain flags on your profile to let others know how you use Mastodon.

-![](/assets/bot-flag.jpg)
+![]({{ relUrl "/assets/bot-flag.jpg" }})

 ### Locked account {#locked}

--- a/content/ja/_index.md
+++ b/content/ja/_index.md
@ -22,7 +22,7 @@ menu:

 Mastodonのウェブサイトは単独で運用できます。従来のウェブサイトとまるっきり同じように、人々は、Mastodonのウェブサイトの一つに登録してメッセージを投稿したり写真をアップロードしたりすることで互いにおしゃべりします。そして従来のウェブサイトとは*異なり*、Mastodonのウェブサイトは相互運用できるため、それぞれのMastodonの間でユーザーは相互に通信できます。つまり、あなたのGmailにあるアカウントからOutlookやFastmail、Protonmail、またはその他のメールプロバイダーにあるアカウントの誰かに、その宛先の電子メールアドレスを知ってさえいれば電子メールを送信できるように、**そういったアドレスを使ってあなたはどのウェブサイトにいるどんなユーザーに対してもメンションやメッセージを送ることができるのです**。

-{{< figure src="/assets/image%20%289%29.png" caption="中央型（左）、連合型（中央）、分散型（右）" >}}
+{{< figure src="assets/image%20%289%29.png" caption="中央型（左）、連合型（中央）、分散型（右）" >}}

 ## ActivityPubとは？ {#fediverse}

--- a/content/ja/user/contacts.md
+++ b/content/ja/user/contacts.md
@ -9,13 +9,13 @@ menu:

 ## 招待リンクの作成 {#invites}

-{{< figure src="/assets/image%20%2862%29.png" caption="設定で、人を招待するリンクを作成できる" >}}
+{{< figure src="assets/image%20%2862%29.png" caption="設定で、人を招待するリンクを作成できる" >}}

 招待リンクを作成して他の人に配ることができます。一部のサーバーではアカウンを登録するために招待を必要とします。招待リンクを作成するときに、そのリンクの使用回数の最大値や有効期限を設定できます。招待リンクはいつでも無効にできます。

 ## フォローとフォロワー {#relationships}

-{{< figure src="/assets/image%20%2849%29.png" caption="相互にフォローしているアカウントのうち、引っ越ししていな人を「最後の活動」で並び替えたところ" >}}
+{{< figure src="assets/image%20%2849%29.png" caption="相互にフォローしているアカウントのうち、引っ越ししていな人を「最後の活動」で並び替えたところ" >}}

 設定では、繋がりを管理できます。次に挙げるさまざまな基準に基づいて、あなたが繋がっているプロフィールをフィルターしたり並び替えて表示できます。

@ -35,7 +35,7 @@ menu:

 ### Keybaseを使ったID検証 {#keybase}

-{{< figure src="/assets/image%20%2860%29.png" caption="プロフィールにおける本人証明" >}}
+{{< figure src="assets/image%20%2860%29.png" caption="プロフィールにおける本人証明" >}}

 はじめに、Keybaseに登録し、Keybaseアカウント上でGPG公開鍵を生成するかアップロードするかします。次に、「prove more identities（他のIDを証明する）」に進みます。そして、動ているあなたのサーバーを見つけてください。もし見つからない場合はKeybaseにその内容を問い合わせてください。Mastodonのドメインを選択し、ユーザー名を入力します。Mastodonアカウントで認可し、証明メッセージを投稿することで、あなたのIDを証明できます。これを一度行うと本人証明が確立され、KeybaseがIDを証明したことをプロフィールに表示します。

--- a/content/ja/user/discoverability.md
+++ b/content/ja/user/discoverability.md
@ -11,25 +11,25 @@ menu:

 ### 注目のハッシュタグ {#featured-tags}

-{{< figure src="/assets/image%20%2858%29.png" caption="注目のハッシュタグでは、最終更新日時と使用数も表示される" >}}
+{{< figure src="assets/image%20%2858%29.png" caption="注目のハッシュタグでは、最終更新日時と使用数も表示される" >}}

 あなたがよく使う特定のハッシュタグを目立たさせられます。いまの時点でどんなハッシュタグを目立たせたいかを管理するためには、設定から「プロフィール」-「注目のハッシュタグ」に移動してください。そうして目立たせると、そのハッシュタグへのリンクが、最後に使った更新日時とどの程度使われたかを示す使用数とともに、あなたのプロフィールに表示されるでしょう。

 ### おすすめプロフィール {#featured-profiles}

-{{< figure src="/assets/image%20%2833%29.png" caption="ランダムに選択される、4つのおすすめプロフィール" >}}
+{{< figure src="assets/image%20%2833%29.png" caption="ランダムに選択される、4つのおすすめプロフィール" >}}

 フォローしているユーザーのプロフィールを目立たせられます。そのユーザーのプロフィールに移動して、ドロップダウンメニューにある「プロフィールで紹介する」をクリックします。プロフィールを目立たせると、自分のプロフィールにある「あなたのおすすめ」という見出しの下の領域に、そのプロフィールへのリンクが表示されるでしょう。4つまでのプロフィールが一度に表示されます。これらのプロフィールは、ページが読み込まれる度に、あなたがおすすめするプロフィールの中からランダムに選択されます。

 ## 固定された投稿 {#pinned}

-{{< figure src="/assets/image%20%2837%29.png" caption="mastodon.social/@gargronにおける固定されたトゥート" >}}
+{{< figure src="assets/image%20%2837%29.png" caption="mastodon.social/@gargronにおける固定されたトゥート" >}}

 プロフィールの上部に、自分の公開投稿を5つまで目立たせられます。該当ステータスのドロップダウンメニューから「プロフィールに固定表示（＝ピン留め）」をクリックします。トゥートを固定すると、すべての時系列ステータスの更新の前、つまりトゥート欄の上部に、固定したトゥートが表示されます。

 ## ディレクトリ {#directory}

-{{< figure src="/assets/image%20%2831%29.png" caption="mastodon.socialにおけるディレクトリ" >}}
+{{< figure src="assets/image%20%2831%29.png" caption="mastodon.socialにおけるディレクトリ" >}}

 ディレクトリ（＝プロフィールディレクトリ）では、ディレクトリに表示することを選択したすべてのアカウントが表示されます。これを使うことで、フォローを検討できそうなプロフィールを簡単に見つけるのに役立ちます。

--- a/content/ja/user/external.md
+++ b/content/ja/user/external.md
@ -9,11 +9,11 @@ menu:

 ## 別のMastodonサイト上での遠隔操作 {#interact}

-{{< figure src="/assets/image%20%2863%29.png" caption="Mastodonサイトにおける公開投稿のパーマリンクの例" >}}
+{{< figure src="assets/image%20%2863%29.png" caption="Mastodonサイトにおける公開投稿のパーマリンクの例" >}}

 Mastodonが動いている別のサイトを閲覧しているときに操作ボタンをクリックすると、あなたの所属するサイトにリダイレクトするダイアログが読み込まれます。

-{{< figure src="/assets/image%20%288%29.png" caption="トゥートに返信するための遠隔操作のダイアログ" >}}
+{{< figure src="assets/image%20%288%29.png" caption="トゥートに返信するための遠隔操作のダイアログ" >}}

 ## クライアントアプリでのログイン {#apps}

--- a/content/ja/user/moderating.md
+++ b/content/ja/user/moderating.md
@ -11,11 +11,11 @@ menu:

 特定のキーワードやフレーズがあるステータスをフィルターすることが可能です。フィルターすることで、それらは自動的に見えなくなります。

-{{< figure src="/assets/image%20%2848%29.png" caption="異なる場所で、さまざまなキーワードをフィルターしている例" >}}
+{{< figure src="assets/image%20%2848%29.png" caption="異なる場所で、さまざまなキーワードをフィルターしている例" >}}

 フィルターを作成または管理するには、設定から「フィルター」を選択します。「新規フィルターを追加」ボタンを押して新しいフィルターを作成できますし、すでに登録しているフィルターを編集したり削除できたりします。登録済みのフィルターは表にまとめられます。

-{{< figure src="/assets/image%20%2814%29.png" caption="フィルターは、有効期限、除外対象、サーバーからの配信削除、および指定した単語全体での一致を指定できる" >}}
+{{< figure src="assets/image%20%2814%29.png" caption="フィルターは、有効期限、除外対象、サーバーからの配信削除、および指定した単語全体での一致を指定できる" >}}

 フィルターには次の設定があります。

@ -46,7 +46,7 @@ menu:

 ## ユーザーレベルで実行できること {#blocking-and-muting}

-{{< figure src="/assets/image%20%2824%29.png" caption="ユーザープロフィールにあるドロップダウンメニューでは、さまざまなことを設定できる" >}}
+{{< figure src="assets/image%20%2824%29.png" caption="ユーザープロフィールにあるドロップダウンメニューでは、さまざまなことを設定できる" >}}

 ### ブーストを非表示 {#hide-boosts}

@ -54,7 +54,7 @@ menu:

 ### ミュート {#mute}

-{{< figure src="/assets/image%20%2852%29.png" caption="ミュートされたアカウントの例" >}}
+{{< figure src="assets/image%20%2852%29.png" caption="ミュートされたアカウントの例" >}}

 ミュートするときは、通知をミュートするかどうかを選択できます。通知をミュートしないミュートは、次の場面でそのユーザーを隠します。

@ -69,7 +69,7 @@ menu:

 ### ブロック {#block}

-{{< figure src="/assets/image%20%2836%29.png" caption="ブロックされたアカウントの例" >}}
+{{< figure src="assets/image%20%2836%29.png" caption="ブロックされたアカウントの例" >}}

 ブロックは、次の場面でユーザーを隠します。

@ -90,7 +90,7 @@ menu:

 ### サーバー全体をブロック {#hide-domain}

-![](/assets/image%20%2861%29.png)
+![]({{ relUrl "/assets/image%20%2861%29.png" }})

 サーバー全体をブロックする場合：

@ -101,6 +101,6 @@ menu:

 ## 問題のあるコンテンツをモデレーターに通報する {#report}

-{{< figure src="/assets/image%20%283%29.png" caption="通報のモーダル画面では、具体的なステータスの選択、コメントの追加、レポートの転送ができる" >}}
+{{< figure src="assets/image%20%283%29.png" caption="通報のモーダル画面では、具体的なステータスの選択、コメントの追加、レポートの転送ができる" >}}

 あなたのウェブサイトのルールに違反しているステータスまたはユーザーを見つけた場合、あなたのサイトのモデレーターにそのユーザーを通報できます。ユーザープロフィールのドロップダウンメニューまたはステータのスドロップダウンメニューから「通報」の選択肢をクリックすると、通報のモーダル画面が開きます。ここでは、このアカウントを通報する理由についてのコメントを追加できます（追加するべきです）。アカウントを通報する理由について追加の文脈を示すために、はっきりと問題のあるステータスを指定できます。また、その行為がリモートのウェブサイトのルールに違反している場合、そのサイトのモデレーターに通報を転送することもできます。
--- a/content/ja/user/moving.md
+++ b/content/ja/user/moving.md
@ -9,7 +9,7 @@ menu:

 ## 自分の情報のエクスポート {#export}

-{{< figure src="/assets/image%20%2835%29.png" caption="設定における「データのエクスポート」ページ" >}}
+{{< figure src="assets/image%20%2835%29.png" caption="設定における「データのエクスポート」ページ" >}}

 設定から「データのエクスポート」に移動して、現在フォローしているアカウント、現在作成しているリスト、現在ブロックしているアカウント、現在ミュートしているアカウント、および現在ブロックしているドメインを、CSVファイルとしていつでもダウンロードできます。フォロー、ブロック、ミュート、ドメインブロックの一覧は、設定から「データのインポート」で追加できます。この追加は、結合または上書きのいずれかで実行できます。

@ -21,24 +21,24 @@ menu:

 ### プロフィールのリダイレクト {#redirect}

-{{< figure src="/assets/image%20%2853%29.png" caption="プロフィールのリダイレクトのための設定欄" >}}
+{{< figure src="assets/image%20%2853%29.png" caption="プロフィールのリダイレクトのための設定欄" >}}

 アカウントをリダイレクトすると、そのアカウントからの投稿が無効になります。そのとき、新しいアカウントを示して「引っ越ししました」という案内を表示します。あなたのプロフィールを見ている誰もがこの案内を見ることができ、新しいアカウントであなたをフォローできることに気づくでしょう。リダイレクトを設定したアカウントはフォローできません。リダイレクトはいつでもキャンセルできます。

 ### プロフィールの引っ越し {#move}

-{{< figure src="/assets/image%20%2847%29.png" caption="プロフィールを引っ越しするための設定欄" >}}
+{{< figure src="assets/image%20%2847%29.png" caption="プロフィールを引っ越しするための設定欄" >}}

 アカウントを引っ越しすることは、アカウントをリダイレクトすることと同じです。ただしソフトウェアがMoveアクティビティに対応している場合、現在のあなたのアカウントをフォローしている人は、そのフォローが解除され、新しいアカウントをフォローし直すことを不可逆的に実行します。技術的な制限のためトゥートは引っ越しされません。また、再度引っ越しようとしてもできない、とても重いクールダウン期間があるため、この引っ越し機能を使う前に十分に注意してください。

 ### アカウントエイリアス {#aliases}

-{{< figure src="/assets/image%20%2840%29.png" caption="エイリアス管理画面" >}}
+{{< figure src="assets/image%20%2840%29.png" caption="エイリアス管理画面" >}}

 プロフィールの引っ越しは、2つのアカウントがエイリアスを設定している場合のみに実行できます。現在、アカウントエイリアスはプロフィールの引っ越し以外に使われません。引っ越しを始める前に、新しいアカウントのエイリアスとして古いアカウントを設定する必要があります。エイリアスの設定は特に何かを起こすことはなく、そのエイリアス自体を元に戻せます。

 ## アカウントの削除 {#delete}

-{{< figure src="/assets/image%20%2816%29.png" caption="アカウント削除の設定欄。" >}}
+{{< figure src="assets/image%20%2816%29.png" caption="アカウント削除の設定欄。" >}}

 設定の「アカウント」の下部に、アカウントを削除するための設定欄を見つけられます。アカウントを削除すると元に戻せず、プロフィールとユーザー名の両方が永久に使えなくなります。
--- a/content/ja/user/network.md
+++ b/content/ja/user/network.md
@ -9,7 +9,7 @@ menu:

 ## 公開タイムラインに流れるコンテンツの閲覧 {#timelines}

-{{< figure src="/assets/image%20%2830%29.png" caption="公開タイムラインを流れる投稿" >}}
+{{< figure src="assets/image%20%2830%29.png" caption="公開タイムラインを流れる投稿" >}}

 興味のありそうなコンテンツを発見できるように、Mastodonはすべての公開投稿を見る手段を提供しています。とはいっても、全部のサーバー間で包括的にステータスが共有されているわけではないため、*すべての*公開投稿を見る方法はありません。**連合タイムライン**を閲覧すると、あなたのいるサーバーが認識しているすべての公開投稿を表示できます。サーバーが投稿を認識する方法はさまざまですが、その大部分は、同じサーバー上にいる他のユーザーがフォローしている人々の投稿でしょう。

@ -17,7 +17,7 @@ menu:

 ## 投稿への関わり {#actions}

-{{< figure src="/assets/image%20%2821%29.png" caption="タイムラインにおける各ステータスをクリックすることで、トゥートの詳細が表示される" >}}
+{{< figure src="assets/image%20%2821%29.png" caption="タイムラインにおける各ステータスをクリックすることで、トゥートの詳細が表示される" >}}

 タイムラインを流れている投稿に対して直接クイックアクションを実行できます。また投稿をクリックすることで、トゥートの詳細を表示できます。ここでは正確な投稿日時、ブーストやお気に入りの数、そしてもし返信が付いていれば連なって表示されます。投稿に対して次の操作を実行できます。

@ -29,7 +29,7 @@ menu:

 ## 通知 {#notifications}

-{{< figure src="/assets/image%20%2850%29.png" caption="通知欄" >}}
+{{< figure src="assets/image%20%2850%29.png" caption="通知欄" >}}

 他の人々があなた自身やあなたの投稿に関わるとき、その関わり方の種類に応じて通知が届きます。通知欄では、そのアカウントに関わるすべての通知を表示したり、次のように特定の種類の通知をフィルターして表示できます。

@ -41,7 +41,7 @@ menu:

 ## プロフィールのフォロー {#follow}

-![](/assets/image%20%2811%29.png)
+![]({{ relUrl "/assets/image%20%2811%29.png" }})

 あなたがいるサーバーのウェブインターフェース、またはモバイルアプリなど、そのアプリのユーザーインターフェース内で人に出会いさえすれば「フォロー」ボタンをクリックするだけです。その人があなたのサーバー上にいるかいないかについての違いには気づかないでしょう。

@ -51,15 +51,15 @@ menu:

 ## 検索 {#search}

-{{< figure src="/assets/image%20%2819%29.png" caption="検索機能はサイドバーから使える" >}}
+{{< figure src="assets/image%20%2819%29.png" caption="検索機能はサイドバーから使える" >}}

 Mastodonにおける基本的な検索は、特定のハッシュタグを含むトゥートを見つけたり、URLやアドレスを知っている場合にユーザーやステータスを直接読み込んだりすることを、ログインしたユーザーに可能にさせます。ある用語を検索することで、そのユーザー名または表示名にその用語が含まれているプロフィールと、その用語に一致または含んだハッシュタグを表示します。

-{{< figure src="/assets/image%20%2839%29.png" caption="トゥートのURLから直接その投稿が読み込まれる例" >}}
+{{< figure src="assets/image%20%2839%29.png" caption="トゥートのURLから直接その投稿が読み込まれる例" >}}

-{{< figure src="/assets/image%20%2823%29.png" caption="「cats」を検索したときに表示されるアカウントの例" >}}
+{{< figure src="assets/image%20%2823%29.png" caption="「cats」を検索したときに表示されるアカウントの例" >}}

-{{< figure src="/assets/image%20%2827%29.png" caption="「cats」を検索したときに表示されるハッシュタグの例" >}}
+{{< figure src="assets/image%20%2827%29.png" caption="「cats」を検索したときに表示されるハッシュタグの例" >}}

 管理者は全文検索のインストールを選択することもできます。Mastodonの全文検索は、自分の投稿、お気に入り、ブックマーク、自分宛のメンションから検索結果を返すことをログインしたユーザーに可能にさせます。データベース全体から任意の文字列を検索することは意図的にできないようにしています。これは、論争の的になる用語を検索して言い争いしている人々を見つけ、誹謗するような機会を減らすためです。

@ -71,18 +71,18 @@ Mastodonにおける基本的な検索は、特定のハッシュタグを含む

 ## 直接かわされる会話のやり取り {#direct}

-{{< figure src="/assets/image%20%2812%29.png" caption="ダイレクトメッセージにおける、会話のやり取りの一覧" >}}
+{{< figure src="assets/image%20%2812%29.png" caption="ダイレクトメッセージにおける、会話のやり取りの一覧" >}}

 Mastodonにおけるダイレクトメッセージは、「ダイレクト」の公開範囲が選択された単なるトゥートです。公開範囲は投稿ごとに選択できるため、会話のやり取りにおいて後からプライバシーレベルを変更できます。ダイレクトメッセージの欄では現在、ダイレクトの投稿を含んだすべての会話の一覧が表示されます。会話の一つをクリックすると、関連するやり取りが読み込まれます。

-{{< figure src="/assets/image%20%2857%29.png" caption="あるダイレクトメッセージ。会話のやり取りが表示される" >}}
+{{< figure src="assets/image%20%2857%29.png" caption="あるダイレクトメッセージ。会話のやり取りが表示される" >}}

 ## リストタイムライン {#lists}

 リストは、ホームタイムラインの部分集合です。リストを作って名前を付け、そのリストにフォローしているユーザーを追加できます。

-![](/assets/image%20%2828%29.png)
+![]({{ relUrl "/assets/image%20%2828%29.png" }})

 特定のリストを開くと、そのリストのタイムラインが読み込まれます。リストタイムラインには、そのリストのメンバーによる投稿と、あなたまたはリストの他のメンバーへの返信のみが含まれます。

-{{< figure src="/assets/image%20%285%29.png" caption="リストタイムライン" >}}
+{{< figure src="assets/image%20%285%29.png" caption="リストタイムライン" >}}
--- a/content/ja/user/posting.md
+++ b/content/ja/user/posting.md
@ -7,7 +7,7 @@ menu:
    parent: user
 ---

-{{< figure src="/assets/image%20%2859%29.png" caption="CW（コンテンツ警告）の記入欄を伴った投稿欄" >}}
+{{< figure src="assets/image%20%2859%29.png" caption="CW（コンテンツ警告）の記入欄を伴った投稿欄" >}}

 ## テキスト {#text}

@ -15,19 +15,19 @@ menu:

 ### リンク {#links}

-{{< figure src="/assets/image%20%287%29.png" caption="リンクはhttp(s)://で始まる必要があり、長さに関係なく23文字として数えられる" >}}
+{{< figure src="assets/image%20%287%29.png" caption="リンクはhttp(s)://で始まる必要があり、長さに関係なく23文字として数えられる" >}}

 投稿にリンクを含めるなら、それは`http://`または`https://`で始まる必要があります。すべてのリンクは実際の長さに関係なく23文字として数えられるので、文字を失わないようにするためのリンク短縮サービスを使う必要はありません。実際、リンク短縮サービスを使うことは積極的に思い留まらせるでしょう。

 ### メンション {#mentions}

-{{< figure src="/assets/image%20%2820%29.png" caption="メンションするとき、ローカルユーザーとリモートユーザーの両方が候補に挙がる" >}}
+{{< figure src="assets/image%20%2820%29.png" caption="メンションするとき、ローカルユーザーとリモートユーザーの両方が候補に挙がる" >}}

 ユーザーの完全なアドレス（たとえば`@alice@example.com`）を入力することで、メンションできます。注意点は、ユーザー名が`word`であるローカルユーザーが存在した場合、`@word`のみの使用でそのユーザーへのメンションとして解釈されることです。なお、ユーザー名の部分のみが文字数制限の文字数に数えられ、ドメインは数えられません。

 ### ハッシュタグ {#hashtags}

-{{< figure src="/assets/image%20%2825%29.png" caption="ハッシュタグは、使用頻度をもとに自動的に提案される" >}}
+{{< figure src="assets/image%20%2825%29.png" caption="ハッシュタグは、使用頻度をもとに自動的に提案される" >}}

 `#hashtag` のようなハッシュタグを使えます。そのハッシュタグを検索する人は誰でも、あなたの投稿を見つけられるようになります。ハッシュタグには英数字とアンダースコアを含められますが、数字のみでは構成できません。

@ -35,7 +35,7 @@ menu:

 ### カスタム絵文字 {#emoji}

-{{< figure src="/assets/image%20%2838%29.png" caption="この一画ではカスタム絵文字が並べられている" >}}
+{{< figure src="assets/image%20%2838%29.png" caption="この一画ではカスタム絵文字が並べられている" >}}

 それぞれのサーバーはDiscordのように、カスタム絵文字を一揃い提供していて、この絵文字を使うことができます。 `:thounking:` などのショートコードを書くか、または投稿欄にある顔の絵文字（「絵文字を追加」）をクリックして「カスタム」カテゴリから見つけることで、カスタム絵文字を使うことができます。「絵文字を追加」では、Unicodeで規定されている絵文字を見つけたり検索したりもできます。

@ -45,7 +45,7 @@ menu:

 ### ファイル {#media}

-{{< figure src="/assets/image%20%2844%29.png" caption="メディアを添付する際のサムネイル。削除、編集、そして閲覧注意とする選択肢も表示される" >}}
+{{< figure src="assets/image%20%2844%29.png" caption="メディアを添付する際のサムネイル。削除、編集、そして閲覧注意とする選択肢も表示される" >}}

 投稿にファイルを添付するには、ペーパークリップのアイコンをクリックします。次のファイルを添付できます。

@ -56,13 +56,13 @@ menu:

 #### メディアの編集 {#edit}

-{{< figure src="/assets/image%20%2826%29.png" caption="「メディアを編集」では、メディアの説明文を加えたり、プレビューサムネイルの焦点を選択できる" >}}
+{{< figure src="assets/image%20%2826%29.png" caption="「メディアを編集」では、メディアの説明文を加えたり、プレビューサムネイルの焦点を選択できる" >}}

 添付サムネイルの「編集」リンクをクリックすることで、メディアに説明を追加したり、焦点を変更したりするためのモーダル画面を表示できます。必須ではありませんが、メディアの内容を簡潔に説明した文章を追加することは良い考えです。これらの説明文は、何らかの理由でメディアを表示できなかったとき、またはスクリーンリーダーやその他の支援技術によってアクセスしたときに表示されます。また、焦点の設定も選択できます。プレビューサムネイルのアスペクト比が16：9で表示されていないときに、そのサムネイルの見栄えをより良くできます。

 ### 投票 {#polls}

-{{< figure src="/assets/image%20%2841%29.png" caption="2つの選択肢のどちらかを選び、期限が1日の投票" >}}
+{{< figure src="assets/image%20%2841%29.png" caption="2つの選択肢のどちらかを選び、期限が1日の投票" >}}

 棒グラフのアイコンをクリックすることで、投稿に投票を添付できます。

@ -128,7 +128,7 @@ menu:

 ## コンテンツ警告と閲覧注意 {#cw}

-{{< figure src="/assets/image.png" caption="「閲覧注意」としてマークされていて、「コンテンツ警告」を伴っているステータス" >}}
+{{< figure src="assets/image.png" caption="「閲覧注意」としてマークされていて、「コンテンツ警告」を伴っているステータス" >}}

 Mastodon以外のソーシャルネットワークでは見たことのないと思われる機能の1つとして、投稿にコンテンツ警告（CW；Content Warning）を付ける機能を持っています。コンテンツ警告が設定されているとき、ステータスのコンテンツは初期設定で折りたたまれ、「もっと見る」というラベルが付いたボタンのみが表示されます。これは、電子メールの件名や「続きを読む」の区切りと同じです。投稿の概要や件名を追加したり、長い投稿を折りたたむためだったり、そのほか投稿の本文に前後関係やネタを含んだりするときに使えます。

--- a/content/ja/user/preferences.md
+++ b/content/ja/user/preferences.md
@ -13,7 +13,7 @@ menu:

 Mastodonのデフォルトはダークテーマですが、ライトまたはハイコントラストのテーマも選択できます。

-{{< figure src="/assets/image%20%2834%29.png" caption="Mastodonのライトテーマ" >}}
+{{< figure src="assets/image%20%2834%29.png" caption="Mastodonのライトテーマ" >}}

 ### レイアウトの選択 {#layout}

@ -21,7 +21,7 @@ Mastodonは初期設定で、単純なシングルカラム（＝1つの縦列

 上級者向けウェブインターフェース（＝上級者向けUI）を有効にすることも選択できます。これを有効にすると、複数のカラムを同時に固定して表示できます。

-{{< figure src="/assets/image%20%2832%29.png" caption="上級者向けウェブインターフェース" >}}
+{{< figure src="assets/image%20%2832%29.png" caption="上級者向けウェブインターフェース" >}}

 どちらのインターフェースでも、新しい投稿がされると、その更新が自動的に読み込まれます。新着件数をカラムの一番上にバナー状のボタンとして表示する、手動更新モード（＝スローモード；Slow Mode）を有効にすることもできます。このときは、そのバナーをクリックしたときのみ読み込まれるでしょう。

@ -43,7 +43,7 @@ Mastodonは初期設定で、単純なシングルカラム（＝1つの縦列

 隠されたメディアや読み込むことができなかったメディアに、BlurHashアルゴリズムによって処理された色付きの階調を使います。画像の色を使っていますが、詳細をぼかすわけです。この階調を使うことを無効にもできます。

-{{< figure src="/assets/image%20%286%29.png" caption="ぼかしたサムネイルの例" >}}
+{{< figure src="assets/image%20%286%29.png" caption="ぼかしたサムネイルの例" >}}

 コンテンツ警告を伴う投稿は初期設定で折りたたまれますが、その警告を常に展開して完全な投稿を表示することも選択できます。

@ -73,7 +73,7 @@ Mastodonは初期設定で、単純なシングルカラム（＝1つの縦列

 繋がり（＝あなたのネットワーク）を隠すと、フォローリストとフォロワーリストが非公開になります。

-{{< figure src="/assets/image%20%284%29.png" caption="繋がりを非表示にすることを選択したプロフィール" >}}
+{{< figure src="assets/image%20%284%29.png" caption="繋がりを非表示にすることを選択したプロフィール" >}}

 複数回ブーストされた投稿をフィードの上部に再度表示したい場合は、タイムラインにおける「ブーストをまとめる」を無効にすることで可能になります。

--- a/content/ja/user/profile.md
+++ b/content/ja/user/profile.md
@ -9,7 +9,7 @@ menu:

 ## あなたの外観 {#appearance}

-{{< figure src="/assets/image%20%2829%29.png" caption="プロフィールカードでは表示名、アイコン、ヘッダーが表示される" >}}
+{{< figure src="assets/image%20%2829%29.png" caption="プロフィールカードでは表示名、アイコン、ヘッダーが表示される" >}}

 設定の「プロフィール」を選択して「外観」に移動し、あなたのプロフィールが他の人にどのように見られるかを変更できます。

@ -33,7 +33,7 @@ menu:

 プロフィールに関するフラグを設定することで、どのようにマストドンを使っているかを、他の人に知らせることができます。

-![](/assets/image%20%281%29.png)
+![]({{ relUrl "/assets/image%20%281%29.png" }})

 ### 承認制アカウント {#locked}

--- a/content/pl/_index.md
+++ b/content/pl/_index.md
@ -22,7 +22,7 @@ Tak jak blogowaniem nazwiemy publikowanie aktualności na stronie, **mikroblogow

 Serwer Mastodona może funkcjonować samodzielnie. Tak jak na tradycyjnej stronie, ludzie mogą się zarejestrować, publikować tam wiadomości i rozmawiać z innymi. W przeciwieństwie do tradycyjnej strony, serwery Mastodona wzajemnie komunikują się ze sobą, pozwalając swoim użytkownikom na wzajemną komunikację – tak, jak mając konto na Gmailu, możesz napisać mail do kogoś na Outlooku, Fastmail, Protonmail czy serwerze dowolnego dostawcy, tak długo, jak znasz jego e-mail, **możesz wspomnieć lub napisać wiadomość do użytkownika dowolnego serwera, jeśli znasz jego adres**.

-{{< figure src="/assets/network-models.jpg" caption="Od lewej do prawej: Scentralizowana, Sfederowana, Dystrybuowana" >}}
+{{< figure src="assets/network-models.jpg" caption="Od lewej do prawej: Scentralizowana, Sfederowana, Dystrybuowana" >}}



@ -104,6 +104,3 @@ Naucz się tworzyć aplikacje dla Mastodona:
 Naucz się o back-endzie Mastodona i dowiedz się jak wnieść swój wkład:

 {{< page-ref page="dev/overview" >}}
-
-
-
--- a/content/pl/user/contacts.md
+++ b/content/pl/user/contacts.md
@ -9,13 +9,13 @@ menu:

 ## Tworzenie zaproszeń {#invites}

-{{< figure src="/assets/invites.jpg" caption="Zaproś ludzi z ustawień swojego konta" >}}
+{{< figure src="assets/invites.jpg" caption="Zaproś ludzi z ustawień swojego konta" >}}

 Zaproszenia mogą być generowane, aby udostępniać je innym osobom, a niektóre serwery mogą wymagać zaproszenia do założenia konta. Przy generowaniu odnośnika zapraszającego, możesz określić maksymalną liczbę użyć odnośnika lub jak długo będzie on aktywny. Odnośniki z zaproszeniami mogą być dezaktywowane w każdym momencie.

 ## Obserwacje i obserwujący {#relationships}

-{{< figure src="/assets/relationships.jpg" caption="Wzajemni obserwujący, którzy nie przenieśli konta, sortowani według daty ostatniej aktywności" >}}
+{{< figure src="assets/relationships.jpg" caption="Wzajemni obserwujący, którzy nie przenieśli konta, sortowani według daty ostatniej aktywności" >}}

 W ustawieniach możesz znaleźć stronę zarządzania relacjami, pozwalającą na filtrowanie i sortowanie profili, z którymi jesteś połączony(-a), według różnych kryteriów:

@ -35,11 +35,10 @@ Z ustawień konta możesz zmienić swój adres e-mail, ustawić nowe hasło, uni

 ### Weryfikacja tożsamości przez Keybase {#keybase}

-{{< figure src="/assets/keybase.jpg" caption="Dowód tożsamości na profilu" >}}
+{{< figure src="assets/keybase.jpg" caption="Dowód tożsamości na profilu" >}}

 Na początek, zarejestruj się na Keybase i wygeneruj lub prześlij publiczny klucz GPG na swoje konto Keybase. Następnie, przejdź do „prove more identities”. Odnajdź swój serwer, jeśli jest dostępny, a jeśli nie, skontaktuj się z Keybase aby uzyskać pomoc. Wybierz swoją domenę Mastodona i wprowadź nazwę użytkownika. Możesz udowodnić swoją tożsamość, autoryzując swoje konto na Mastodonie i publikując wiadomość z dowodem. Gdy to zrobisz, zostanie utworzony dowód tożsamości, a Twój profil będzie pokazywał Keybase jako udowodnioną tożsamość.

 {{< hint style="danger" >}}
 **Weryfikacja Keybase jest nieodwracalna.** Keybase używa niemodyfikowalnego łańcucha podpisów dla dowodów tożsamości, więc po zweryfikowaniu tożsamości na Keybase, nie możesz jej usunąć. Możesz tylko unieważnić dowód, podpisując wiadomość unieważniającą używajac powiązanego klucza prywatnego.
 {{< /hint >}}
-
--- a/content/pl/user/discoverability.md
+++ b/content/pl/user/discoverability.md
@ -11,29 +11,28 @@ menu:

 ### Wyróżnione hashtagi {#featured-tags}

-{{< figure src="/assets/featured-tags.jpg" caption="Wyróżniony hashtag wraz z datą ostatniego użycia i całkowitym użyciem." >}}
+{{< figure src="assets/featured-tags.jpg" caption="Wyróżniony hashtag wraz z datą ostatniego użycia i całkowitym użyciem." >}}

 Możesz wyróżnić hashtagi, których używasz najczęściej. Przejdź do Preferencje &gt; Profil &gt; Wyróżnione hashtagi, aby wybrać, które hashtagi obecnie wyróżniasz. Po wybraniu odnośnik do tego hashtagu wraz z datą ostatniego użycia przez Ciebie oraz łączną liczbą jego wystąpień pojawi się na Twoim profilu.

 ### Wyróżnione profile {#featured-profiles}

-{{< figure src="/assets/featured-profiles.jpg" caption="Cztery losowo wybrane wyróżnione profile." >}}
+{{< figure src="assets/featured-profiles.jpg" caption="Cztery losowo wybrane wyróżnione profile." >}}

 Możesz wyróżnić profile osób, które obserwujesz. Wybierz menu opcji na profilu tej osoby i naciśnij „Polecaj na profilu”. Kiedy wyróżnisz jakiś profil, odnośnik do tego profilu pojawi się na Twoim profilu, w sekcji nazwanej „Polecani przez…”. Jednocześnie może tam pojawiać się do czterech profilów, które są wybierane losowo spośród wyróżnionych profilów za każdym razem, gdy strona jest ładowana.

 ## Przypięte wpisy {#pinned}

-{{< figure src="/assets/pinned.jpg" caption="Wpis przypięty przez mastodon.social/@gargron" >}}
+{{< figure src="assets/pinned.jpg" caption="Wpis przypięty przez mastodon.social/@gargron" >}}

 Możesz wybrać maksymalnie 5 spośród swoich publicznych wpisów do wyróżnienia na górze profilu. Przejdź w okno opcji wpisu i wybierz „Przypnij do profilu”. Gdy przypniesz wpis, pojawi się na górze Twojej zakładki „wpisy”, przed pozostałymi wpisami, występującymi w kolejności chronologicznej.

 ## Katalog profilów {#directory}

-{{< figure src="/assets/directory.jpg" caption="Katalog profilów na mastodon.social" >}}
+{{< figure src="assets/directory.jpg" caption="Katalog profilów na mastodon.social" >}}

 Katalog profilów pokazuje wszystkie konta, które zgodziły się być pokazywane w katalogu i może służyć szybkiemu wyszukiwaniu profilów, którymi możesz być zainteresowany(-a).

 Katalog profilów może być posortowany według ostatniej aktywności (ostatnio opublikowane wpisy) lub od najnowszych użytkowników (ostatnio założone konto). Katalog może wyświetlać tylko lokalne konta lub wszystkie znane przez serwer.

 Profile są przedstawiane jako karty zawierające nazwę wyświetlaną użytkownika, adres, biogram i kilka podstawowych statystyk jak liczba opublikowanych wpisów, liczba obserwujących i kiedy opublikowali ostatni wpis.
-
--- a/content/pl/user/external.md
+++ b/content/pl/user/external.md
@ -9,13 +9,12 @@ menu:

 ## Zdalne interakcje z innym serwerem Mastodona {#interact}

-{{< figure src="/assets/status-permalink.jpg" caption="Przykład odnośnika bezpośredniego do wpisu na serwerze Mastodona" >}}
+{{< figure src="assets/status-permalink.jpg" caption="Przykład odnośnika bezpośredniego do wpisu na serwerze Mastodona" >}}

 Kiedy odwiedzasz zdalny serwer oparty na Mastodonie, kliknięcie dowolnego z przycisków interakcji przeniesie Cię do okna dialogowego, które przekieruje Cię na Twój lokalny serwer.

-{{< figure src="/assets/external-reply.jpg" caption="Ekran zdalnej interakcji przy odpowiadaniu na wpis" >}}
+{{< figure src="assets/external-reply.jpg" caption="Ekran zdalnej interakcji przy odpowiadaniu na wpis" >}}

 ## Logowanie się do aplikacji klienckiej {#apps}

 Możesz użyć swojego konta na Mastodonie, aby zalogować się w dowolnej aplikacji obsługującej API Mastodona. Listę takich aplikacji znajdziesz na [https://joinmastodon.org/apps](https://joinmastodon.org/apps).
-
--- a/content/pl/user/moderating.md
+++ b/content/pl/user/moderating.md
@ -11,11 +11,11 @@ menu:

 Możliwe jest filtrowanie wpisów według określonych słów kluczowych lub fraz, aby były automatycznie ukrywane.

-{{< figure src="/assets/filter-list.jpg" caption="Przykład aktywnych filtrów dla różnych słów kluczowych w różnych kontekstach." >}}
+{{< figure src="assets/filter-list.jpg" caption="Przykład aktywnych filtrów dla różnych słów kluczowych w różnych kontekstach." >}}

 Aby utworzyć i zarządzać filtrami, odwiedź Preferencje &gt; Filtry. Przycisk „Dodaj nowy filtr” pozwoli na utworzenie nowego filtru, a istniejące filtry mogą zostać edytowane lub usunięte. Istniejące filtry są podsumowane w tabeli.

-{{< figure src="/assets/filter-edit.jpg" caption="Filtry mogą mieć datę wyczerpania, określone konteksty, usuwanie po stronie serwera lub używać granic słów." >}}
+{{< figure src="assets/filter-edit.jpg" caption="Filtry mogą mieć datę wyczerpania, określone konteksty, usuwanie po stronie serwera lub używać granic słów." >}}

 Filtry mają następujące opcje:

@ -45,7 +45,7 @@ Filtry zwykle są stosowane we wpisach zawierających wskazane znaki, niezależn

 ## Działania po stronie użytkownika {#blocking-and-muting}

-{{< figure src="/assets/profile-dropdown.jpg" caption="Menu wyboru profilu oferuje różnorodne działania." >}}
+{{< figure src="assets/profile-dropdown.jpg" caption="Menu wyboru profilu oferuje różnorodne działania." >}}

 ### Ukrywanie udostępnień {#hide-boosts}

@ -53,7 +53,7 @@ Jeżeli ukryjesz czyjeś udostępnienia, nie zobaczysz ich udostępnień na stro

 ### Wyciszanie {#mute}

-{{< figure src="/assets/muted.jpg" caption="Przykład wyciszonych kont." >}}
+{{< figure src="assets/muted.jpg" caption="Przykład wyciszonych kont." >}}

 Przy wyciszeniu możesz zadecydować czy wyciszysz powiadomienia od tej osoby. Wyciszenie bez wyciszania powiadomień sprawi, że:

@ -70,7 +70,7 @@ Użytkownik nie może się dowiedzieć, że został wyciszony.

 ### Blokowanie {#block}

-{{< figure src="/assets/blocked.jpg" caption="Przykład zablokowanych kont." >}}
+{{< figure src="assets/blocked.jpg" caption="Przykład zablokowanych kont." >}}

 Blokowanie ukrywa użytkownika z Twojego widoku:

@ -91,7 +91,7 @@ Jeżeli jesteś na tym samym serwerze, na którym jest zablokowana osoba, ta oso

 ### Ukrywanie całego serwera {#block-domain}

-![](/assets/block-domain.png)
+![]({{ relUrl "/assets/block-domain.png" }})

 Jeżeli zablokujesz cały serwer:

@ -102,7 +102,6 @@ Jeżeli zablokujesz cały serwer:

 ## Zgłaszanie nieodpowiedniej treści moderatorom {#report}

-{{< figure src="/assets/report-modal.jpg" caption="Okno zgłaszania pozwalające na wybór przykładowych wpisów, dodanie notatki czy przekierowanie zgłoszeń." >}}
+{{< figure src="assets/report-modal.jpg" caption="Okno zgłaszania pozwalające na wybór przykładowych wpisów, dodanie notatki czy przekierowanie zgłoszeń." >}}

 Jeżeli zobaczysz wpis lub użytkownika naruszającego zasady Twojego serwera, możesz zgłosić użytkownika moderatorom swojego serwera. Wybranie opcji „Zgłoś” otworzy okno zgłaszania. Tam możesz (jest to wskazane) dodać notatkę, w której napiszesz, dlaczego zgłaszasz to konto. Możesz załączyć nieodpowiednie wpisy dla dodatkowego kontekstu zgłoszenia, a jeżeli naruszają one zasady zdalnego serwera, możesz przekierować zgłoszenie również do jego moderatorów.
-
--- a/content/pl/user/moving.md
+++ b/content/pl/user/moving.md
@ -9,7 +9,7 @@ menu:

 ## Eksportuj informacje {#export}

-{{< figure src="/assets/export.jpg" caption="Strona eksportu danych w ustawieniach" >}}
+{{< figure src="assets/export.jpg" caption="Strona eksportu danych w ustawieniach" >}}

 W każdym momencie możesz odwiedzić Preferencje &gt; Eksportowanie danych i pobrać plik CSV zawierający obecnie obserwowane konta, Twoje obecne listy, blokowanych lub wyciszonych użytkowników, zablokowane domeny. Twoja lista obserwowanych, blokowanych, wyciszonych lub zablokowanych domen może zostać zaimportowana w Preferencje &gt; Importowanie danych, gdzie mogą one zostać połączone lub nadpisane.

@ -21,25 +21,24 @@ W dolnej części Preferencje &gt; Profil możesz znaleźć opcje powiązane z p

 ### Przekierowanie profilu {#redirect}

-{{< figure src="/assets/account-redirect.jpg" caption="Formularz przekierowania profilu" >}}
+{{< figure src="assets/account-redirect.jpg" caption="Formularz przekierowania profilu" >}}

 Przekierowanie konta wyłączy możliwość tworzenia z niego wpisów i wyświetli komunikat „przeniesiono profil”, wskazując na Twoje nowe konto. Każdy wyświetlający Twój nowy profil zobaczy tę informację i będzie wiedział, aby zaobserwować Twoje nowe konto. Obserwowanie przekierowanych kont nie jest możliwe. Przekierowanie może być anulowane w dowolnym momencie.

 ### Przenoszenie profilu {#move}

-{{< figure src="/assets/account-move.jpg" caption="Formularz przenoszenia profilu" >}}
+{{< figure src="assets/account-move.jpg" caption="Formularz przenoszenia profilu" >}}

 Przenoszenie konta działa tak jak przekierowanie konta, ale również nieodwracalnie wymusi na obserwujących Twoje konto cofnięcie tej obserwacji i zaobserwowanie nowego konta, jeżeli oprogramowanie ich serwerów obsługuje aktywność Move. Twoje wpisy nie zostaną przeniesione z uwagi na ograniczenia techniczne. Istnieje też okres, w którego trakcie nie możesz ponownie migrować konta, więc uważaj, zanim użyjesz tej opcji!

 ### Aliasy konta {#aliases}

-{{< figure src="/assets/account-aliases.jpg" caption="Ekran zarządzania aliasami" >}}
+{{< figure src="assets/account-aliases.jpg" caption="Ekran zarządzania aliasami" >}}

 Przeniesienie konta jest tylko możliwe, jeżeli powstał alias między dwoma kontami. Aliasy kont nie są obecnie używane w innych sytuacjach niż przeniesienie konta, gdzie musisz ustawić stare konto jako alias dla nowego konta przed rozpoczęciem przenoszenia. Samo ustawianie aliasu nie przynosi szkód i może być odwrócone.

 ## Usuwanie konta {#delete}

-{{< figure src="/assets/account-delete.jpg" caption="Formularz usunięcia konta" >}}
+{{< figure src="assets/account-delete.jpg" caption="Formularz usunięcia konta" >}}

 Na dole Preferencje &gt; Profil możesz znaleźć formularz usunięcia konta. Usunięcie konta jest nieodwracalne i sprawi, że zarówno Twój profil, jak i nazwa użytkownika nie będą mogły zostać później użyte.
-
--- a/content/pl/user/network.md
+++ b/content/pl/user/network.md
@ -9,7 +9,7 @@ menu:

 ## Przeglądanie zawartości z publicznych osi czasu {#timelines}

-{{< figure src="/assets/timeline.jpg" caption="Wpisy na publicznej osi czasu" >}}
+{{< figure src="assets/timeline.jpg" caption="Wpisy na publicznej osi czasu" >}}


 Aby pozwolić na poznanie potencjalnie interesującej treści, Mastodon pozwala na przeglądanie wszystkich publicznych wpisów. Ponieważ nie ma tu danych współdzielonych między wszystkimi serwerami, nie możesz przeglądać _wszystkich_ publicznych wpisów. Kiedy przeglądasz **oś czasu federacji**, zobaczysz wszystkie wpisy, o których wie serwer. Istnieje wiele sposobów, aby Twój serwer dowiadywał się o wpisach, ale ogromna część z nich to po prostu wpisy osób śledzonych przez użytkowników Twojego serwera.
@ -18,7 +18,7 @@ Istnieje sposób na filtrowane osi czasu federacji, aby wyświetlać tylko wpisy

 ## Interakcje z wpisami użytkowników {#actions}

-{{< figure src="/assets/status.jpg" caption="Rozszerzony widok może zostać załadowany po kliknięciu wpisu w osi czasu." >}}
+{{< figure src="assets/status.jpg" caption="Rozszerzony widok może zostać załadowany po kliknięciu wpisu w osi czasu." >}}

 Możesz dokonywać szybkich działań na wpisach bezpośrednio z osi czasu lub kliknąć wpis, aby zobaczyć rozszerzony widok zawierający szczegółowe informacje o nim, takie jak pełen czas dodania, liczba interakcji czy odpowiedzi w wątku, jeśli takie istnieją. Na wpisie można dokonać następujących działań:

@ -30,7 +30,7 @@ Możesz dokonywać szybkich działań na wpisach bezpośrednio z osi czasu lub k

 ## Powiadomienia {#notifications}

-{{< figure src="/assets/notifications.jpg" caption="Kolumna powiadomień" >}}
+{{< figure src="assets/notifications.jpg" caption="Kolumna powiadomień" >}}

 Jeżeli inne osoby wejdą w interakcje z jednym z Twoich wpisów, otrzymasz powiadomienie zależące od rodzaju działania. Twoja kolumna powiadomień pozwala wyświetlić wszystkie powiadomienia, lub przefiltrować określone rodzaje powiadomień:

@ -45,7 +45,7 @@ Kiedy są dostępne nieprzeczytanie powiadomienia, w kolumnie powiadomień pojaw

 ## Obserwowanie profilów {#follow}

-![](/assets/profile.jpg)
+![]({{ relUrl "/assets/profile.jpg" }})

 Tak długo, jak trafiasz na czyiś profil z poziomu interfejsu swojej aplikacji, np. interfejsu serwera, z którego korzystasz lub aplikacji mobilnej, możesz po prostu nacisnąć „Śledź” i nie zauważysz różnicy wynikającej z tego, czy ta osoba jest na Twoim serwerze.

@ -55,22 +55,22 @@ Jeżeli przeglądasz publiczny profil z innego serwera Mastodona, przeczytaj [Ko

 ## Włączenie powiadomień {#bell}

-![](/assets/bell.jpg)
+![]({{ relUrl "/assets/bell.jpg" }})

 Jeżeli kogoś obserwujesz, masz też możliwość otrzymywania powiadomień o każdym wpisie tej osoby. Aby włączyć tę opcję, naciśnij ikonę dzwonka.
 If you are following someone, you also have the option to receive a notification every time they post. To opt into this functionality, click the bell icon.

 ## Wyszukiwanie {#search}

-{{< figure src="/assets/search.jpg" caption="Możliwość wyszukiwania jest dostępna na pasku bocznym." >}}
+{{< figure src="assets/search.jpg" caption="Możliwość wyszukiwania jest dostępna na pasku bocznym." >}}

 Podstawowe wyszukiwanie na Mastodonie pozwala zalogowanym użytkownikom na znalezienie wpisów zawierających określony hashtag, lub załadowanie użytkownika bądź wpisu znając adres jego profilu lub adres URL. Wyszukiwanie słowa wyświetli profile, których nazwy użytkowników lub nazwy wyświetlane zawierają je, oraz hashtagi spełniające to kryterium.

-{{< figure src="/assets/direct-url.jpg" caption="Przykład wpisu ładowanego bezpośrednio z adresu URL." >}}
+{{< figure src="assets/direct-url.jpg" caption="Przykład wpisu ładowanego bezpośrednio z adresu URL." >}}

-{{< figure src="/assets/search-accounts.jpg" caption="Przykład konta uzyskanego z wyszukiwania wyrazu „cats”." >}}
+{{< figure src="assets/search-accounts.jpg" caption="Przykład konta uzyskanego z wyszukiwania wyrazu „cats”." >}}

-{{< figure src="/assets/search-hashtags.jpg" caption="Przykład hashtagu uzyskanego z wyszukiwania „cats”." >}}
+{{< figure src="assets/search-hashtags.jpg" caption="Przykład hashtagu uzyskanego z wyszukiwania „cats”." >}}

 Administratorzy mogą dodatkowo zainstalować wyszukiwanie pełnego tekstu. Wyszukiwanie pełnego tekstu na Mastodonie pozwala zalogowanym użytkownikom na wyszukiwanie wyników z własnych wpisów, własnych polubień, zakładek i wspomnień. Celowo nie pozwala na wyszukiwanie dowolnych wierszy znaków w całej bazie danych, aby ograniczyć możliwość nadużywania ten funkcji przez osoby szukające kontrowersyjnych treści do dogpilingu.

@ -82,19 +82,18 @@ Obsługiwane są następujące operatory:

 ## Wiadomości bezpośrednie {#direct}

-{{< figure src="/assets/dm-column.jpg" caption="Lista konwersacji zawierających wiadomości bezpośrednie." >}}
+{{< figure src="assets/dm-column.jpg" caption="Lista konwersacji zawierających wiadomości bezpośrednie." >}}

 Na Mastodonie, wiadomości bezpośrednie to po prostu wpisy o bezpośredniej widoczności. Widoczność może być wybrana dla poszczególnych wpisów, co pozwala na zmianę poziomu prywatności w późniejszym momencie w wątku. Kolumna wiadomości bezpośrednich wyświetla obecnie listę wszystkich konserwacji zawierających wiadomość bezpośrednią. Kliknięcie konwersacji załaduje powiązany wątek.

-{{< figure src="/assets/dm-thread.jpg" caption="Wiadomość bezpośrednia w wątku." >}}
+{{< figure src="assets/dm-thread.jpg" caption="Wiadomość bezpośrednia w wątku." >}}

 ## Osie czasu list {#lists}

 Listy są podzbiorami Twojej osi czasu. Możesz utworzyć listę, nadać jej nazwę i dodać do niej użytkowników, których obserwujesz.

-![](/assets/lists.jpg)
+![]({{ relUrl "/assets/lists.jpg" }})

 Otwarcie listy załaduje jej oś czasu. Osie czasu listy zawierają wyłącznie wpisy członków tej listy, oraz odpowiedzi do Ciebie lub innych członków tej listy. Może to zostać zmienione, aby pokazywać odpowiedzi do osób które obserwujesz, lub nie pokazywać odpowiedzi.

-{{< figure src="/assets/list.jpg" caption="Oś czasu listy" >}}
-
+{{< figure src="assets/list.jpg" caption="Oś czasu listy" >}}
--- a/content/pl/user/posting.md
+++ b/content/pl/user/posting.md
@ -7,7 +7,7 @@ menu:
    parent: user
 ---

-{{< figure src="/assets/compose-with-cw.jpg" caption="Tworzenie wpisów z włączonym CW" >}}
+{{< figure src="assets/compose-with-cw.jpg" caption="Tworzenie wpisów z włączonym CW" >}}

 ## Tekst {#text}

@ -15,25 +15,25 @@ Główna treść każdego wpisu może zostać utworzona z użyciem pola tekstowe

 ### Odnośniki {#links}

-{{< figure src="/assets/compose-links.jpg" caption="Odnośniki muszą zaczynać się od http(s):// i są liczone jako 23 znaki niezależnie od ich długości." >}}
+{{< figure src="assets/compose-links.jpg" caption="Odnośniki muszą zaczynać się od http(s):// i są liczone jako 23 znaki niezależnie od ich długości." >}}

 Jeżeli uwzględnisz w swoim wpisie odnośniki, muszą one zaczynać się od `http://` lub `https://`. Wszystkie odnośniki są traktowane, jakby miały 23 znaki, niezależnie od ich rzeczywistej długości, więc nie musisz korzystać z usług skracania odnośników. Właściwie to odradzamy korzystanie z nich.

 ### Wspominanie {#mentions}

-{{< figure src="/assets/compose-mentions.jpg" caption="Sugerowane wspomnienia dla lokalnych i zdalnych użytkowników." >}}
+{{< figure src="assets/compose-mentions.jpg" caption="Sugerowane wspomnienia dla lokalnych i zdalnych użytkowników." >}}

 Możesz wspominać użytkowników, wprowadzając ich pełny adres, np. `@alicja@example.com`. Zauważ, że każde użycie `@słowo` zostanie zainterpretowane jako wspomnienie lokalnego użytkownika o nazwie `słowo`, jeżeli taki użytkownik istnieje. Tylko część zawierająca nazwę użytkownika będzie liczona do limitu długości wpisu – długość domeny nie jest liczona.

 ### Hashtagi {#hashtags}

-{{< figure src="/assets/compose-hashtags.jpg" caption="Hashtagi są sugerowane według częstości używania ich." >}}
+{{< figure src="assets/compose-hashtags.jpg" caption="Hashtagi są sugerowane według częstości używania ich." >}}

 Możesz używać `#hashtag`ów, aby Twoje wpisy były widoczne dla wszystkich, którzy wyszukują tego hashtagu. Hashtagi mogą zawierać tylko litery, cyfry i podkreślniki, ale nie mogą składać się z samych cyfr.

 ### Niestandardowe emoji {#emoji}

-{{< figure src="/assets/compose-custom-emoji.jpg" caption="Tablica niestandardowych emoji dostępnych na ekranie wyboru." >}}
+{{< figure src="assets/compose-custom-emoji.jpg" caption="Tablica niestandardowych emoji dostępnych na ekranie wyboru." >}}

 Każdy serwer może oferować zestaw niestandardowych emoji, z których możesz korzystać jak na Discordzie. Możesz korzystać z nich, wpisując ich shortcode, np. `:thounking:` lub klikając na ikonę emoji w ekranie tworzenia wpisu i wybierając w kategorii „Niestandardowe”. Możesz też przeglądać i wyszukiwać standardowe emoji unicode.

@ -43,7 +43,7 @@ Możesz załączyć do wpisu pliki lub ankietę.

 ### Pliki {#media}

-{{< figure src="/assets/compose-media-attachment.jpg" caption="Miniaturka dla załączonych mediów, z możliwością usunięcia, edycji lub oznaczenia zawartości jako wrażliwą." >}}
+{{< figure src="assets/compose-media-attachment.jpg" caption="Miniaturka dla załączonych mediów, z możliwością usunięcia, edycji lub oznaczenia zawartości jako wrażliwą." >}}

 Naciśnij ikonę spinacza, aby dodać plik do wpisu. Możesz załączyć:

@ -54,13 +54,13 @@ Naciśnij ikonę spinacza, aby dodać plik do wpisu. Możesz załączyć:

 #### Edytowanie mediów {#edit}

-{{< figure src="/assets/edit-media.jpg" caption="Edytuj media, aby dodać opis zawartości lub wybrać punkt skupienia dla miniaturki podglądu." >}}
+{{< figure src="assets/edit-media.jpg" caption="Edytuj media, aby dodać opis zawartości lub wybrać punkt skupienia dla miniaturki podglądu." >}}

 Po kliknięciu „Edytuj” na miniaturze załącznika, możesz załadować okno, które pozwoli na dodanie opisu mediów lub wybranie punktu skupienia. Choć jest to nieobowiązkowe, dobrze jest dodawać opis, który krótko opisze, co przedstawiane jest na mediach. Te opisy będą widoczne, gdy nie uda się załadować mediów z jakiegoś powodu, lub gdy ktoś korzysta z czytnika zawartości ekranu, lub innej technologii wspomagającej. Ustawienie punktu skupienia jest również nieobowiązkowe, ale sprawi, że miniaturka wygląda lepiej, jeżeli zdjęcie nie jest wyświetlane w proporcji 16:9.

 ### Ankiety {#polls}

-{{< figure src="/assets/compose-polls.jpg" caption="Ankieta z dwoma opcjami, wygasająca po jednym dniu" >}}
+{{< figure src="assets/compose-polls.jpg" caption="Ankieta z dwoma opcjami, wygasająca po jednym dniu" >}}

 Naciśnij na ikonę wykresu, aby załączyć ankietę do wpisu.

@ -126,9 +126,8 @@ Wyślij wpis wyłącznie wspomnianym użytkownikom.

 ## Ostrzeżenia o zawartości (CW) i zawartość wrażliwa {#cw}

-{{< figure src="/assets/status-cw.jpg" caption="Wpis z CW oznaczony jako zawierający zawartość wrażliwą." >}}
+{{< figure src="assets/status-cw.jpg" caption="Wpis z CW oznaczony jako zawierający zawartość wrażliwą." >}}

 Jedną z funkcji obecnych na Mastodonie, których możesz nie zobaczyć na innych platformach społecznościowych, jest możliwość załączenia ostrzeżenia o zawartości do Twoich wpisów. Kiedy obecne jest ostrzeżenie o zawartości, zawartość wpisu jest domyślnie zwinięta, a widoczny jest tylko tekst ostrzeżenia, tak jak linia tematu wiadomości e-mail, i przycisk „zobacz więcej”. Może to zostać wykorzystane do podania podsumowania lub tytułu wpisu, lub podania skrótu poprzedniego wpisu z wątku.

 Jeżeli załączone są media, pokaże się przy nich przełącznik pozwalający „oznaczyć zawartość multimedialną jako wrażliwą”. To domyślnie ukryje media za rozmytą miniaturką. Dodanie CW do wpisu automatycznie oznacza również media jako wrażliwe.
-
--- a/content/pl/user/preferences.md
+++ b/content/pl/user/preferences.md
@ -13,13 +13,13 @@ menu:

 Mastodon domyślnie korzysta z ciemnego motywu, ale może zostać wybrany też jasny lub wysokokontrastowy motyw.

-{{< figure src="/assets/light-theme.jpg" caption="Jasny motyw Mastodona" >}}
+{{< figure src="assets/light-theme.jpg" caption="Jasny motyw Mastodona" >}}

 ### Wybierz układ {#layout}

 Mastodon domyślnie wybiera prosty, jednokolumnowy układ z polem tworzenia wpisów po lewej i wyborem kolumny po prawej. Możesz wybrać zaawansowany interfejs, pozwalający na wyświetlanie i przypięcie wielu kolumn jednocześnie.

-{{< figure src="/assets/advanced-web-ui.jpg" caption="Zaawansowany interfejs" >}}
+{{< figure src="assets/advanced-web-ui.jpg" caption="Zaawansowany interfejs" >}}

 W obu interfejsach aktualizacje ładują się, gdy tylko dostępne są nowe wpisy. Możesz włączyć Tryb spowolniony, który zamiast tego pokazuje na górze kolumny komunikat wskazujący liczbę nowych dostępnych wpisów, które zostaną załadowane po kliknięciu tego komunikatu.

@ -41,7 +41,7 @@ Domyślnie, media oznaczone jako wrażliwe są ukrywane i wymagają kliknięcia

 Ukryte i niezaładowane media używają kolorowych gradientów korzystających z algorytmu BlurHash, korzystającego z kolorów obrazu, lecz rozmywających detale. Te gradienty mogą być wyłączone.

-{{< figure src="/assets/blurhash.jpg" caption="Przykład miniaturki z blurhashem" >}}
+{{< figure src="assets/blurhash.jpg" caption="Przykład miniaturki z blurhashem" >}}

 Wpisy z ostrzeżeniami o zawartości są domyślnie zwijane, ale możesz wybrać aby zawsze wyświetlany był pełny wpis.

@ -71,7 +71,7 @@ Jeżeli zdecydujesz się wypisać się z indeksowania w wyszukiwarkach, flaga `n

 Możesz ukryć swoją sieć, dzięki czemu lista obserwujących Cię i obserwowanych przez Ciebie będzie widoczna tylko dla Ciebie.

-{{< figure src="/assets/hidden-network.jpg" caption="Profil, którego właściciel zdecydował się ukryć swoją sieć" >}}
+{{< figure src="assets/hidden-network.jpg" caption="Profil, którego właściciel zdecydował się ukryć swoją sieć" >}}

 Jeżeli chcesz widzieć wpisy, które zostały udostępnione wielokrotnie na osi czasu, możesz wyłączyć grupowanie podbić w osiach czasu.

@ -86,4 +86,3 @@ Jeżeli często publikujesz zawartość wrażliwą, możesz wybrać, aby zawsze
 ### Filtrowanie języków na publicznych osiach czasu {#languages}

 Możesz wybrać, aby wyświetlały się jedynie wpisy w określonych językach, kiedy przeglądasz publiczne osie czasu. Pamiętaj jednak, że wykrywanie języków może być bardzo niedokładne i możesz wciąż widzieć wpisy w wyłączonym języku lub ominąć wpisy we włączonych językach.
-
--- a/content/pl/user/profile.md
+++ b/content/pl/user/profile.md
@ -9,7 +9,7 @@ menu:

 ## Wygląd Twojego profilu {#appearance}

-{{< figure src="/assets/profile-cards.jpg" caption="Karta profilu składająca się z nazwy wyświetlanej, awataru i nagłówka" >}}
+{{< figure src="assets/profile-cards.jpg" caption="Karta profilu składająca się z nazwy wyświetlanej, awataru i nagłówka" >}}

 Możesz zmienić to, jak Twój profil wygląda u innych, kierując się do: Preferencje &gt; Profil &gt; Wygląd.

@ -33,7 +33,7 @@ Twój nagłówek to baner wyświetlany na górze Twojego profilu, jak i na karta

 Możesz oflagować swoje konto, aby poinformować innych, w jaki sposób korzystasz z Mastodona.

-![](/assets/bot-flag.jpg)
+![]({{ relUrl "/assets/bot-flag.jpg" }})

 ### Konto zablokowane {#locked}

@ -74,4 +74,3 @@ Mastodon sprawdza, czy odnośnik zawiera atrybut `rel="me"`. Tak samo, Mastodon
 {{< hint style="info" >}}
 Ponieważ możesz hostować Mastodona na własnym serwerze, nie istnieje lepszy sposób na potwierdzenie swojej tożsamości niż hostowanie Mastodona na własnej domenie, której inni już ufają.
 {{< /hint >}}
-
--- a/content/zh-cn/_index.md
+++ b/content/zh-cn/_index.md
@ -22,7 +22,7 @@ menu:

 Mastodon站点可以独立运作。和传统网站一样，人们可以在上面注册、发布消息、上传图片、互相聊天。但与传统网站*不同*的是，Mastodon网站之间可以互动，让跨站用户互相交流，就好像只要你知道他们的电子邮件地址，你就可以从你的Gmail帐户发送电子邮件给使用Outlook、Fastmail、Protonmail或任何其他电子邮件供应商的用户。在Mastodon里，**你可以对任何人在任何网站上的地址进行“@”或私信**。

-{{< figure src="/assets/image%20%289%29.png" caption="上图从左到右依次为：集中式、联邦式、分布式" >}}
+{{< figure src="assets/image%20%289%29.png" caption="上图从左到右依次为：集中式、联邦式、分布式" >}}

 ## ActivityPub是什么？ {#fediverse}

--- a/content/zh-cn/user/contacts.md
+++ b/content/zh-cn/user/contacts.md
@ -9,13 +9,13 @@ menu:

 ## 生成邀请链接 {#invites}

-{{< figure src="/assets/image%20%2862%29.png" caption="从你的帐户设置中邀请别人加入本站" >}}
+{{< figure src="assets/image%20%2862%29.png" caption="从你的帐户设置中邀请别人加入本站" >}}

 邀请链接可以被生成并与其他人分享，有些服务器需要邀请才能注册账号。在生成邀请链接时，你可以设置最多使用次数，以限制某个链接的使用次数，或者限制链接的可使用时间。邀请链接可以在任何时候停用。

 ## 关注管理 {#relationships}

-{{< figure src="/assets/image%20%2849%29.png" caption="所有与你互相关注并且没有启用迁移功能的用户，按最后一次活动时间排序" >}}
+{{< figure src="assets/image%20%2849%29.png" caption="所有与你互相关注并且没有启用迁移功能的用户，按最后一次活动时间排序" >}}

 在设置中有关注管理器，你可以根据不同的标准，对和你有关的用户进行筛选和排序。

@ -35,7 +35,7 @@ menu:

 ### Keybase身份验证 {#keybase}

-{{< figure src="/assets/image%20%2860%29.png" caption="个人资料上的身份验证" >}}
+{{< figure src="assets/image%20%2860%29.png" caption="个人资料上的身份验证" >}}

 首先，注册Keybase并生成或上传一个GPG公钥到你的Keybase帐户。接下来，进入“证明更多身份（prove more identities）”。找到你的实例，如果没有，请联系Keybase寻求帮助。选择你的Mastodon域名，输入你的用户名。你可以通过使用你的Mastodon账号进行授权，并发布验证消息，来验证你的身份。一旦你这样做了，身份验证就会建立，你的个人资料将会显示Keybase的身份验证。

--- a/content/zh-cn/user/discoverability.md
+++ b/content/zh-cn/user/discoverability.md
@ -11,25 +11,25 @@ menu:

 ### 精选话题标签 {#featured-tags}

-{{< figure src="/assets/image%20%2858%29.png" caption="精选话题标签会显示该标签最后使用日期和总使用量" >}}
+{{< figure src="assets/image%20%2858%29.png" caption="精选话题标签会显示该标签最后使用日期和总使用量" >}}

 你可以选择展示你经常使用的某些话题标签。进入 设置 &gt; 个人资料 &gt; 精选的话题标签 来管理你目前正在使用的精选话题标签。一旦被精选，你的个人资料上就会显示一个指向该话题标签的链接，其中包括上次在嘟文中使用该话题标签的日期，以及使用该话题标签的嘟文总数。

 ### 推荐用户 {#featured-profiles}

-{{< figure src="/assets/image%20%2833%29.png" caption="图为四个被随机展示出来的推荐用户列表" >}}
+{{< figure src="assets/image%20%2833%29.png" caption="图为四个被随机展示出来的推荐用户列表" >}}

 你可以选择在个人资料中推荐你所关注的人。进入你所关注的人的个人资料页，打开下拉菜单，点击“在个人资料中推荐该用户”。当你推荐某用户时时，一个指向该用户个人资料页的链接将会出现在你个人资料页“你的推荐”栏目下。“你的推荐”栏目一次最多展示4个推荐用户，每次加载页面时，这四个推荐用户将会从你所有的推荐用户中随机选出。

 ## 置顶嘟文 {#pinned}

-{{< figure src="/assets/image%20%2837%29.png" caption="一篇来自mastodon.social/@gargron的置顶嘟文" >}}
+{{< figure src="assets/image%20%2837%29.png" caption="一篇来自mastodon.social/@gargron的置顶嘟文" >}}

 你可以选择在你的个人档案的顶部最多置顶5个自己的公开嘟文。进入嘟文下拉菜单，然后点击“在个人资料页面置顶”。置顶后，它将出现在你的嘟文选项卡的顶部，在所有其他按时间顺序排列的嘟文的之前。

 ## 用户资料目录 {#directory}

-{{< figure src="/assets/image%20%2831%29.png" caption="mastodon.social上的用户资料目录" >}}
+{{< figure src="assets/image%20%2831%29.png" caption="mastodon.social上的用户资料目录" >}}

 用户资料目录显示了所有选择在目录中显示的帐户，可以用来快速找到你可能感兴趣的用户资料。

--- a/content/zh-cn/user/external.md
+++ b/content/zh-cn/user/external.md
@ -9,11 +9,11 @@ menu:

 ## 与另一个Mastodon站点的远程互动 {#interact}

-{{< figure src="/assets/image%20%2863%29.png" caption="Mastodon网站上的一个嘟文的永久链接" >}}
+{{< figure src="assets/image%20%2863%29.png" caption="Mastodon网站上的一个嘟文的永久链接" >}}

 当你在跨站浏览其他由Mastodon驱动的远程站点时，点击任何一个交互按钮都会加载一个对话框，将你重定向到你的本地站点。

-{{< figure src="/assets/image%20%288%29.png" caption="跨站嘟文回复对话框" >}}
+{{< figure src="assets/image%20%288%29.png" caption="跨站嘟文回复对话框" >}}

 ## 登录到一个客户端应用程序 {#apps}

--- a/content/zh-cn/user/moderating.md
+++ b/content/zh-cn/user/moderating.md
@ -11,11 +11,11 @@ menu:

 你可以过滤特定关键字和短语的嘟文，自动隐藏它们。

-{{< figure src="/assets/image%20%2848%29.png" caption="含有不同内容不同关键词的已激活的过滤器" >}}
+{{< figure src="assets/image%20%2848%29.png" caption="含有不同内容不同关键词的已激活的过滤器" >}}

 要创建或管理过滤器，请转到设置 &gt; 过滤器。点击“添加新的过滤器”按钮，你可以创建、编辑或删除过滤器。你现有的过滤器将汇总在一个表格中。

-{{< figure src="/assets/image%20%2814%29.png" caption="可以为筛选器设置到期日期、过滤位置、是否服务器端删除而非隐藏、是否过滤整个词条" >}}
+{{< figure src="assets/image%20%2814%29.png" caption="可以为筛选器设置到期日期、过滤位置、是否服务器端删除而非隐藏、是否过滤整个词条" >}}

 过滤器有以下设置：

@ -46,7 +46,7 @@ menu:

 ## 用户级操作 {#blocking-and-muting}

-{{< figure src="/assets/image%20%2824%29.png" caption="用户下拉菜单提供了多种操作" >}}
+{{< figure src="assets/image%20%2824%29.png" caption="用户下拉菜单提供了多种操作" >}}

 ### 隐藏转嘟 {#hide-boosts}

@ -54,7 +54,7 @@ menu:

 ### 隐藏 {#mute}

-{{< figure src="/assets/image%20%2852%29.png" caption="图为被隐藏的帐户" >}}
+{{< figure src="assets/image%20%2852%29.png" caption="图为被隐藏的帐户" >}}

 隐藏某一账号时，你可以选择是否将其通知一并隐藏。隐藏用户，而不隐藏通知时，会将该账号从用户界面中隐藏：

@ -69,7 +69,7 @@ menu:

 ### 屏蔽 {#block}

-{{< figure src="/assets/image%20%2836%29.png" caption="图为被屏蔽的帐户" >}}
+{{< figure src="assets/image%20%2836%29.png" caption="图为被屏蔽的帐户" >}}

 屏蔽会将账号从用户界面中隐藏。

@ -90,7 +90,7 @@ menu:

 ### 屏蔽整个域名 {#hide-domain}

-![](/assets/image%20%2861%29.png)
+![]({{ relUrl "/assets/image%20%2861%29.png" }})

 如果你屏蔽了整个域名：

@ -101,7 +101,7 @@ menu:

 ## 向管理员报告有问题的内容 {#report}

-{{< figure src="/assets/image%20%283%29.png" caption="报告模块允许选择被报告嘟文、添加注释和是否转发报告" >}}
+{{< figure src="assets/image%20%283%29.png" caption="报告模块允许选择被报告嘟文、添加注释和是否转发报告" >}}

 如果你看到有违反站点规则的嘟文或用户，你可以向站点管理员报告该用户。点击用户下拉菜单或嘟文的下拉菜单上的“举报”选项将打开报告模块。在这里，你可以（并且应该）添加一个关于你为什么要举报这个帐号的注释。你可以附加某些有问题的嘟文，以了解你为什么要报告该账号，如果他们的行为违反了他们所在Mastodon站点的规则，你还可以选择将报告转发至他们所在Mastodon站点的管理员。

--- a/content/zh-cn/user/moving.md
+++ b/content/zh-cn/user/moving.md
@ -9,7 +9,7 @@ menu:

 ## 导出你的信息 {#export}

-{{< figure src="/assets/image%20%2835%29.png" caption="设置中的数据导出页面" >}}
+{{< figure src="assets/image%20%2835%29.png" caption="设置中的数据导出页面" >}}

 在任何时候，你都可以在 设置 &gt; 导出 中下载一个CSV文件，其中包括你当前关注的帐户、当前创建的列表、当前屏蔽的帐户、当前隐藏的帐户和当前被屏蔽的域名。你可以在 设置 &gt; 导入 中导入你的关注、用户屏蔽、隐藏和域屏蔽列表，在这里可以合并或覆盖它们。

@ -21,25 +21,25 @@ menu:

 ### 帐户跳转 {#redirect}

-{{< figure src="/assets/image%20%2853%29.png" caption="帐户跳转设置页面" >}}
+{{< figure src="assets/image%20%2853%29.png" caption="帐户跳转设置页面" >}}

 跳转帐户将禁止从该帐户发布信息，并显示一个指向你的新帐户的“帐户已经迁移”通知。任何查看你的个人资料的人都可以看到这个通知，并知道要关注你的新帐户。已跳转的帐户无法被关注。可以在任何时候取消跳转。

 ### 帐户迁移 {#move}

-{{< figure src="/assets/image%20%2847%29.png" caption="帐户迁移设置页面" >}}
+{{< figure src="assets/image%20%2847%29.png" caption="帐户迁移设置页面" >}}

 迁移你的帐户等同于跳转你的帐户，但是，如果他们的软件支持迁移功能的话，它将不可逆转地迫使每个人取消关注你当前的帐户并关注你的新帐户。由于技术上的限制，你的嘟文将不会被移动。迁移帐户功能有一个很长的冷却期，在此期间你无法再次迁移，因此在使用这个功能之前要格外小心！

 ### 账号别名 {#aliases}

-{{< figure src="/assets/image%20%2840%29.png" caption="别名管理页面" >}}
+{{< figure src="assets/image%20%2840%29.png" caption="别名管理页面" >}}

 仅当你的两个账号都已设置别名后，帐户迁移才会启动。帐户别名当前仅用于帐户迁移，开始迁移之前，你需要将旧帐户设置为新帐户的别名。设置帐户别名本身是无害且可逆的。

 ## 删除帐户 {#delete}

-{{< figure src="/assets/image%20%2816%29.png" caption="删除帐户页面" >}}
+{{< figure src="assets/image%20%2816%29.png" caption="删除帐户页面" >}}

 在 设置 &gt; 帐户 底部，你可以找到删除帐户的选项。删除你的帐户是不可逆的，并且会导致你的个人资料和用户名永远无法使用。

--- a/content/zh-cn/user/network.md
+++ b/content/zh-cn/user/network.md
@ -9,7 +9,7 @@ menu:

 ## 浏览公共时间轴 {#timelines}

-{{< figure src="/assets/image%20%2830%29.png" caption="公共时间轴上的嘟文" >}}
+{{< figure src="assets/image%20%2830%29.png" caption="公共时间轴上的嘟文" >}}

 为了让你发现潜在的有趣内容，Mastodon提供了一种浏览所有公共嘟文的方法。当然，所有Mastodon服务器之间并不会全局共享嘟文，因此无法同时浏览*所有*公共嘟文。当你浏览**跨站公共时间轴**时，你将看到你所在的服务器所知道的所有公共嘟文。你的服务器可以通过多种方式发现嘟文，但其中大部分是来自你服务器上的其他用户关注的人。

@ -17,7 +17,7 @@ menu:

 ## 与其他人的嘟文互动 {#actions}

-{{< figure src="/assets/image%20%2821%29.png" caption="可以通过单击时间轴中的嘟文来加载扩展视图" >}}
+{{< figure src="assets/image%20%2821%29.png" caption="可以通过单击时间轴中的嘟文来加载扩展视图" >}}

 你可以直接从时间轴对嘟文执行快速操作，或者你可以单击一条嘟文加载扩展视图，显示额外信息，包括：完整的时间戳、交互计数和嘟文回复（如果有的话）。在每一条嘟文上，你可以执行以下操作:

@ -29,7 +29,7 @@ menu:

 ## 通知 {#notifications}

-{{< figure src="/assets/image%20%2850%29.png" caption="通知栏" >}}
+{{< figure src="assets/image%20%2850%29.png" caption="通知栏" >}}

 当其他人与你或你的嘟文交互时，你将根据事件的类型收到通知消息。在通知栏里，你可以查看所有通知消息，或过滤特定类型的通知消息：

@ -41,7 +41,7 @@ menu:

 ## 关注用户 {#follow}

-![](/assets/image%20%2811%29.png)
+![]({{ relUrl "/assets/image%20%2811%29.png" }})

 只要你在应用程序界面（例如：Web界面、手机APP）中遇到的用户，只需要点击“关注”，该用户是否在你所在的服务器上并不会带来用户体验上的差异。

@ -51,15 +51,15 @@ menu:

 ## 搜索 {#search}

-{{< figure src="/assets/image%20%2819%29.png" caption="搜索功能可以从侧栏中访问" >}}
+{{< figure src="assets/image%20%2819%29.png" caption="搜索功能可以从侧栏中访问" >}}

 Mastodon的基本搜索允许登录用户查找包含特定话题标签的嘟文，如果他们知道URL或地址的话，可以直接加载用户或嘟文。搜索某个关键词将显示包括该关键词的用户以及话题标签。

-{{< figure src="/assets/image%20%2839%29.png" caption="直接通过URL加载嘟文" >}}
+{{< figure src="assets/image%20%2839%29.png" caption="直接通过URL加载嘟文" >}}

-{{< figure src="/assets/image%20%2823%29.png" caption="搜索“cats”时返回包含“cats”的帐户" >}}
+{{< figure src="assets/image%20%2823%29.png" caption="搜索“cats”时返回包含“cats”的帐户" >}}

-{{< figure src="/assets/image%20%2827%29.png" caption="搜索“cats”时返回话题标签" >}}
+{{< figure src="assets/image%20%2827%29.png" caption="搜索“cats”时返回话题标签" >}}

 管理员可以选择安装全文搜索功能。Mastodon的全文搜索允许登录用户从他们自己的嘟文、他们喜欢的嘟文、他们的书签和他们被提及的嘟文中查找相应结果。为了减少人们通过搜索争议相关关键词来找人撕逼的滥用行为，Mastodon有意禁用了在全数据库搜索任意关键词的功能。

@ -73,20 +73,20 @@ Mastodon的基本搜索允许登录用户查找包含特定话题标签的嘟文

 ## 私信 {#direct}

-{{< figure src="/assets/image%20%2812%29.png" caption="私信对话列表" >}}
+{{< figure src="assets/image%20%2812%29.png" caption="私信对话列表" >}}

 在Mastodon中，私信就是选择了“私信”可见范围的嘟文。在私信对话中，后续的嘟文可以设置不同的可见范围。私信列中展示了一个包含所有私信对话的列表。点击某个对话将加载相关的嘟文。

-{{< figure src="/assets/image%20%2857%29.png" caption="私信对话" >}}
+{{< figure src="assets/image%20%2857%29.png" caption="私信对话" >}}

 ## 列表时间轴 {#lists}

 列表是主页时间轴的子集。你可以创建一个列表，给它起一个名称，并将你所关注的用户添加到该列表中。

-![](/assets/image%20%2828%29.png)
+![]({{ relUrl "/assets/image%20%2828%29.png" }})

 打开一个列表将加载该列表的时间轴。列表时间轴只包含该列表成员的嘟文，以及对你或对其他列表成员的回复。

-{{< figure src="/assets/image%20%285%29.png" caption="一个列表时间轴" >}}
+{{< figure src="assets/image%20%285%29.png" caption="一个列表时间轴" >}}

 {{< translation-status-zh-cn raw_title="Using the network features" raw_link="/user/network/" last_tranlation_time="2020-05-03" raw_commit="ad1ef20f171c9f61439f32168987b0b4f9abd74b">}}
--- a/content/zh-cn/user/posting.md
+++ b/content/zh-cn/user/posting.md
@ -7,7 +7,7 @@ menu:
    parent: user
 ---

-{{< figure src="/assets/image%20%2859%29.png" caption="启用CW后的撰写表单" >}}
+{{< figure src="assets/image%20%2859%29.png" caption="启用CW后的撰写表单" >}}

 ## 文本 {#text}

@ -15,25 +15,25 @@ menu:

 ### 链接 {#links}

-{{< figure src="/assets/image%20%287%29.png" caption="链接必须以 http(s):// 开头，无论长度如何，都将被视为23个字符" >}}
+{{< figure src="assets/image%20%287%29.png" caption="链接必须以 http(s):// 开头，无论长度如何，都将被视为23个字符" >}}

 如果你的嘟文中有链接，它们必须以 `http://` 或 `https://` 开头。所有的链接无论实际上有多长，都将被记作23个字符。因此没有使用短链接来节省字符的必要。事实上，使用短链接是极其不被推荐的。

 ### 提及 {#mentions}

-{{< figure src="/assets/image%20%2820%29.png" caption="键入@后会自动推荐你可能要提及的本站或跨站用户" >}}
+{{< figure src="assets/image%20%2820%29.png" caption="键入@后会自动推荐你可能要提及的本站或跨站用户" >}}

 你可以通过输入用户的完整地址来提及（@）他们，例如`@alice@example.com`。请注意，`@word`的任何用法都将被解释为提及本地用户名为`word`的用户（如果该用户存在于本站的话）。只有用户名部分才会受到字数限制，域名不被计算在字数内。

 ### 话题标签 {#hashtags}

-{{< figure src="/assets/image%20%2825%29.png" caption="话题标签会根据使用频率自动被系统推荐" >}}
+{{< figure src="assets/image%20%2825%29.png" caption="话题标签会根据使用频率自动被系统推荐" >}}

 你可以使用 `#话题标签` 使任何搜索该话题标签的人都可以发现你的嘟文。标签可以包含字母数字字符和下划线，但不能只包含数字。

 ### 自定义emoji {#emoji}

-{{< figure src="/assets/image%20%2838%29.png" caption="一组自定义表情符号存在于选择器中" >}}
+{{< figure src="assets/image%20%2838%29.png" caption="一组自定义表情符号存在于选择器中" >}}

 每个服务器都提供了一套你可以使用的自定义表情符号。你可以使用表情符号的短代码，如`:thounking:`，或者点击撰写框中的表情符号图标，浏览“自定义”类别。你也可以使用unicode标准表情符号。

@ -43,7 +43,7 @@ menu:

 ### 媒体文件 {#media}

-{{< figure src="/assets/image%20%2844%29.png" caption="带有删除、编辑、标记为敏感媒体选项的附加媒体文件缩略图" >}}
+{{< figure src="assets/image%20%2844%29.png" caption="带有删除、编辑、标记为敏感媒体选项的附加媒体文件缩略图" >}}

 点击回形针将文件附加到你的嘟文上。你可以附上以下文件：

@ -54,13 +54,13 @@ menu:

 #### 编辑媒体 {#edit}

-{{< figure src="/assets/image%20%2826%29.png" caption="编辑媒体以添加媒体描述，或选择预览缩略图的焦点" >}}
+{{< figure src="assets/image%20%2826%29.png" caption="编辑媒体以添加媒体描述，或选择预览缩略图的焦点" >}}

 通过点击附件缩略图上的“编辑”链接，你可以加载模块，这个模块允许你添加媒体描述或改变焦点。虽然是可选的，但还是建议添加媒体描述来简单地描述媒体中包含的内容。当媒体因任何原因无法加载时，或当视觉障碍人士使用屏幕阅读器和其他辅助技术访问时，这些描述将被显示出来。设置焦点也是可选的，但是当未以16：9的纵横比显示预览缩略图时，可以使预览缩略图看起来更好。

 ### 投票 {#polls}

-{{< figure src="/assets/image%20%2841%29.png" caption="一个含有2个单选选项，过期时间为1天的投票" >}}
+{{< figure src="assets/image%20%2841%29.png" caption="一个含有2个单选选项，过期时间为1天的投票" >}}

 单击条型图图标将投票附加到你的嘟文。

@ -126,7 +126,7 @@ menu:

 ## 内容警告（CW）和敏感内容 {#cw}

-{{< figure src="/assets/image.png" caption="在CW中被标记为敏感内容的嘟文" >}}
+{{< figure src="assets/image.png" caption="在CW中被标记为敏感内容的嘟文" >}}

 Mastodon提供了一个你可能在其他社交网络上没有看到的功能，那就是在你的嘟文上附加一个内容警告。当包含内容警告时，嘟文内容默认会被折叠，只显示你设置的CW的警告标题，而不直接展开显示嘟文正文，起到了类似于电子邮件的主题栏或“阅读更多”的内容中断作用。这可以用于为你的嘟文添加摘要或主题、折叠长嘟文，或者为嘟文主体提供上下文。

--- a/content/zh-cn/user/preferences.md
+++ b/content/zh-cn/user/preferences.md
@ -13,13 +13,13 @@ menu:

 Mastodon默认为深色主题，但可以选择浅色或高对比度主题。

-{{< figure src="/assets/image%20%2834%29.png" caption="Mastodon浅色主题" >}}
+{{< figure src="assets/image%20%2834%29.png" caption="Mastodon浅色主题" >}}

 ### 选择你的布局 {#layout}

 Mastodon默认为简单的单列布局，左侧有一个撰写框，右侧有一个列切换器。你可以选择启用高级网页界面，该界面允许你同时查看和固定多个列。

-{{< figure src="/assets/image%20%2832%29.png" caption="高级 web 界面" >}}
+{{< figure src="assets/image%20%2832%29.png" caption="高级 web 界面" >}}

 在这两个界面中，当有新的嘟文时，更新会自动加载。你可以启用“慢速模式”在栏目顶部显示一个横幅，显示新嘟文数量，只有当你点击横幅时，时间轴才会在点击后更新。

@ -41,7 +41,7 @@ Mastodon默认为简单的单列布局，左侧有一个撰写框，右侧有一

 隐藏和未加载的媒体使用由BlurHash算法提供的彩色渐变，它使用图像的颜色，但模糊了细节。这些渐变可以被禁用。

-{{< figure src="/assets/image%20%286%29.png" caption="Blurhash缩略图示例" >}}
+{{< figure src="assets/image%20%286%29.png" caption="Blurhash缩略图示例" >}}

 带有内容警告的嘟文默认是折叠的，但你可以选择总是展开警告嘟文，以便显示完整的嘟文。

@ -71,7 +71,7 @@ Mastodon默认为简单的单列布局，左侧有一个撰写框，右侧有一

 你可以选择`隐藏你的社交网络`，这将使你关注的人和关注你的人仅你自己可见。

-{{< figure src="/assets/image%20%284%29.png" caption="选择隐藏社交网络后的个人资料" >}}
+{{< figure src="assets/image%20%284%29.png" caption="选择隐藏社交网络后的个人资料" >}}

 如果你想看到被多次转嘟的嘟文重新插入到你时间流的最上方，你可以禁用`在时间轴中合并转嘟`。

--- a/content/zh-cn/user/profile.md
+++ b/content/zh-cn/user/profile.md
@ -9,7 +9,7 @@ menu:

 ## 你的外观 {#appearance}

-{{< figure src="/assets/image%20%2829%29.png" caption="用户资料卡会显示你的用户名、头像和横幅图片" >}}
+{{< figure src="assets/image%20%2829%29.png" caption="用户资料卡会显示你的用户名、头像和横幅图片" >}}

 你可以在 设置 &gt; 配置文件 &gt; 外观 页面中配置你的个人资料显示外观。

@ -33,7 +33,7 @@ menu:

 你可以在你的资料上设置特定的标志，让别人知道你会如何使用Mastodon。

-![](/assets/image%20%281%29.png)
+![]({{ relUrl "/assets/image%20%281%29.png" }})

 ### 保护你的帐户（锁嘟） {#locked}

--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -19,7 +19,7 @@
        {{ i18n "otherTranslations" }}

        {{ range .Translations }}
-          <a href="{{ .Permalink }}" style="color: #687590;" hreflang="{{ .Lang }}">{{ .Language.LanguageName }}</a>
+          <a href="{{ .RelPermalink }}" style="color: #687590;" hreflang="{{ .Lang }}">{{ .Language.LanguageName }}</a>
        {{ end }}
      {{ end }}
    </p>
--- a/layouts/index.html
+++ b/layouts/index.html
@ -19,7 +19,7 @@
        {{ i18n "otherTranslations" }}

        {{ range .Translations }}
-          <a href="{{ .Permalink }}" style="color: #687590;" hreflang="{{ .Lang }}">{{ .Language.LanguageName }}</a>
+          <a href="{{ .RelPermalink }}" style="color: #687590;" hreflang="{{ .Lang }}">{{ .Language.LanguageName }}</a>
        {{ end }}
      {{ end }}
    </p>
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -8,23 +8,23 @@
      <div class="logo-grid">
        <div>
          <a href="https://www.dotcom-monitor.com/es/">
-            <img src="/assets/sponsors/dotcom-monitor-logo.png" alt="Dotcom-Monitor" />
+            <img src="{{ relURL "assets/sponsors/dotcom-monitor-logo.png" }}" alt="Dotcom-Monitor" />
          </a>

          <a href="https://www.loadview-testing.com/products/jmeter-load-testing/">
-            <img src="/assets/sponsors/LoadView-logo.png" alt="LoadView" />
+            <img src="{{ relURL "assets/sponsors/LoadView-logo.png" }}" alt="LoadView" />
          </a>

          <a href="http://www.stevetures.com/">
-            <img src="/assets/sponsors/stephen-tures.jpg" alt="Stephen Tures" />
+            <img src="{{ relURL "assets/sponsors/stephen-tures.jpg" }}" alt="Stephen Tures" />
          </a>

          <a href="https://swayable.com">
-            <img src="/assets/sponsors/swayable.jpeg" alt="Swayable" />
+            <img src="{{ relURL "assets/sponsors/swayable.jpeg" }}" alt="Swayable" />
          </a>

          <a href="https://www.sponsormotion.com/">
-            <img src="/assets/sponsors/SponsorMotion.png" alt="SponsorMotion" />
+            <img src="{{ relURL "assets/sponsors/SponsorMotion.png" }}" alt="SponsorMotion" />
          </a>
        </div>
      </div>
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -6,7 +6,7 @@
 <link rel="shortcut icon" type="image/png" href="/favicon.ico"/>

 {{ $css := resources.Get "style.scss" | toCSS | minify | fingerprint }}
-<link rel='stylesheet' href='{{ $css.Permalink }}'>
+<link rel='stylesheet' href='{{ $css.RelPermalink }}'>

 {{ $js := resources.Get "main.js" | minify | fingerprint }}
-<script src='{{ $js.Permalink }}' async></script>
+<script src='{{ $js.RelPermalink }}' async></script>
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@ -1,5 +1,5 @@
 <a class="brand" href="/">
-  <img class="link-logo" src="/brand.svg" alt="Mastodon" />
+  <img class="link-logo" src="{{ relURL "brand.svg" }}" alt="Mastodon" />
 </a>

 <ul>
--- a/layouts/shortcodes/figure.html
+++ b/layouts/shortcodes/figure.html
@ -0,0 +1,28 @@
+<figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
+    {{- if .Get "link" -}}
+        <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
+    {{- end -}}
+    <img src="{{ .Get "src" | relURL }}"
+         {{- if or (.Get "alt") (.Get "caption") }}
+         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
+         {{- end -}}
+         {{- with .Get "width" }} width="{{ . }}"{{ end -}}
+         {{- with .Get "height" }} height="{{ . }}"{{ end -}}
+    /><!-- Closing img tag -->
+    {{- if .Get "link" }}</a>{{ end -}}
+    {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
+        <figcaption>
+            {{ with (.Get "title") -}}
+                <h4>{{ . }}</h4>
+            {{- end -}}
+            {{- if or (.Get "caption") (.Get "attr") -}}<p>
+                {{- .Get "caption" | markdownify -}}
+                {{- with .Get "attrlink" }}
+                    <a href="{{ . }}">
+                {{- end -}}
+                {{- .Get "attr" | markdownify -}}
+                {{- if .Get "attrlink" }}</a>{{ end }}</p>
+            {{- end }}
+        </figcaption>
+    {{- end }}
+</figure>
--- a/layouts/shortcodes/page-ref.html
+++ b/layouts/shortcodes/page-ref.html
@ -1,6 +1,6 @@
 {{- $page := .Site.GetPage (.Get "page") -}}
 {{- with $page -}}
-<a href="{{ .Permalink }}" class="page-ref">
+<a href="{{ .RelPermalink }}" class="page-ref">
  <div class="page-ref-icon"><i class="fa fa-arrow-right"></i></div>
  {{ .Title }}
 </a>