當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

hexo-Fluid主题使用手册

發布時間：2025/3/12 编程问答 30 豆豆

生活随笔收集整理的這篇文章主要介紹了 hexo-Fluid主题使用手册小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

hexo-Fluid主題使用手冊

[官網] ?https://fluid-dev.github.io/hexo-fluid-docs/?

前言

Fluid 是一款很十分優雅的主題，那么寫一篇優雅的文章搭配它呢？以下會從幾個方面來簡述，主要還是做幾個推薦。

文章內容

熟悉 Markdown 語法

對于使用 Hexo 的大多數人來說，相信對 Markdown 的語法不會陌生。熟練掌握 Markdown 語法對我們的寫作擁有極大的幫助，這里用少用的表格和腳注來舉個例子。至于為什么有些公式、流程圖無法渲染，是因為 Markdown 追求簡潔式寫作，默認渲染器不支持復雜渲染。

表格

站點地址介紹

Fluid Docs	https://hexo.fluid-dev.com/docs/	Fluid 官方文檔
Hexo-theme-fluid	https://github.com/fluid-dev/hexo-theme-fluid	Fluid Github Repo
Fluid Blog	https://hexo.fluid-dev.com/	Fluid 官方博客

腳注

默認渲染器下正常顯示，不同渲染器顯示效果不同，寫法如下：

腳注演示[^1] [^1]: 腳注內容演示 Copy

善用 HTML

我們可以在 Markdown 中插入一些簡單的 HTML 代碼或 CSS 片段來獲得更多擴展，使得文章內容更具有多樣性。以下演示幾個簡單功能。

跳轉位置演示（跳轉位置設置點）

文字顏色

#519D9E顏色演示

<span style="color: #519D9E; ">#519D9E顏色演示</span> Copy

文字大小

0.7em 文字大小演示

<span style="font-size:0.7em;">0.7em 文字大小演示</span> Copy

文字位置

內容居中演示

<p style="text-align:center">內容居中演示</p> # 可以修改 text-align 參數來設置文字位置。 Copy

頁內跳轉

點擊到達跳轉位置演示

<a href="#demo">點擊到達跳轉位置演示</a> # 在需要跳轉的地方添加此代碼。 <a id="demo">跳轉位置演示（跳轉位置設置點）</a> # 在跳轉位置添加次代碼。 Copy

綜合演示

綜合演示優雅使用 Fluid 寫文章

<p style="text-align:center;color:#8EC0E4;font-size:1.5em;font-weight: bold;"> 綜合演示 <br> 優雅使用 Fluid 寫文章 </p> ? Copy

iframe 頁面鑲套

iframe 頁面鑲套可以幫助我們更好的展示一個頁面。比如以下演示頁面。

一些參數說明，width="100%" 為寬度自適應，高度請根據實際需求跳轉，注意移動端頁面是否匹配。 scrolling 為滾動條參數。frameborder 為邊框參數。noresize 屬性規定用戶無法調整框架的大小。

善用 Tag 組件

Fluid 內置了許多 Tag 組件，包含便簽、行內標簽、勾選框、按鈕和組圖，可以使用這些組件來豐富文章內容，具體點擊查看官方文檔查看，點擊跳轉到 Fluid Doc。

配圖

眾所周知，博客好不好看，配圖占一半。這里給大家推薦幾個我常用找配圖的地方。另外，請遵循對于網站的版權協議。

Wallpaper Hub

點擊跳轉到 Wallpaper Hub

Wallhaven

點擊跳轉到 Wallhaven

Unsplash

本文由 Fluid 用戶創作，版權歸原作者所有。

本文作者：Vince 原文地址：https://i.vince.pub/posts/14677127/

點擊跳轉到 Wallhaven

總結

以上是生活随笔為你收集整理的hexo-Fluid主题使用手册的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： python label backgro
下一篇： linux文件大小和目录,查看Linux