hexo-Fluid主題使用手冊(cè)

[官網(wǎng)] ?https://fluid-dev.github.io/hexo-fluid-docs/?

前言

Fluid 是一款很十分優(yōu)雅的主題，那么寫一篇優(yōu)雅的文章搭配它呢？以下會(huì)從幾個(gè)方面來(lái)簡(jiǎn)述，主要還是做幾個(gè)推薦。

文章內(nèi)容

熟悉 Markdown 語(yǔ)法

對(duì)于使用 Hexo 的大多數(shù)人來(lái)說(shuō)，相信對(duì) Markdown 的語(yǔ)法不會(huì)陌生。熟練掌握 Markdown 語(yǔ)法對(duì)我們的寫作擁有極大的幫助，這里用少用的表格和腳注來(lái)舉個(gè)例子。至于為什么有些公式、流程圖無(wú)法渲染，是因?yàn)?Markdown 追求簡(jiǎn)潔式寫作，默認(rèn)渲染器不支持復(fù)雜渲染。

表格

站點(diǎn)地址介紹

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 官方博客

站點(diǎn)|地址|介紹 --|:--:|--: 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 官方博客 Copy

腳注

默認(rèn)渲染器下正常顯示，不同渲染器顯示效果不同，寫法如下：

腳注演示[^1] [^1]: 腳注內(nèi)容演示 Copy

善用 HTML

我們可以在 Markdown 中插入一些簡(jiǎn)單的 HTML 代碼或 CSS 片段來(lái)獲得更多擴(kuò)展，使得文章內(nèi)容更具有多樣性。以下演示幾個(gè)簡(jiǎn)單功能。

跳轉(zhuǎn)位置演示（跳轉(zhuǎn)位置設(shè)置點(diǎn)）

文字顏色

#519D9E顏色演示

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

---

文字大小

0.7em 文字大小演示

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

---

文字位置

內(nèi)容居中演示

<p style="text-align:center">內(nèi)容居中演示</p> # 可以修改 text-align 參數(shù)來(lái)設(shè)置文字位置。 Copy

---

頁(yè)內(nèi)跳轉(zhuǎn)

點(diǎn)擊到達(dá)跳轉(zhuǎn)位置演示

<a href="#demo">點(diǎn)擊到達(dá)跳轉(zhuǎn)位置演示</a> # 在需要跳轉(zhuǎn)的地方添加此代碼。 <a id="demo">跳轉(zhuǎn)位置演示（跳轉(zhuǎn)位置設(shè)置點(diǎn)）</a> # 在跳轉(zhuǎn)位置添加次代碼。 Copy

---

綜合演示

綜合演示 優(yōu)雅使用 Fluid 寫文章

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

iframe 頁(yè)面鑲套

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

?

?

<iframe src="https://hexo.fluid-dev.com/" width="100%" height="500" name="topFrame" scrolling="yes" noresize="noresize" frameborder="0" id="topFrame"></iframe> Copy

一些參數(shù)說(shuō)明，width="100%" 為寬度自適應(yīng)，高度請(qǐng)根據(jù)實(shí)際需求跳轉(zhuǎn)，注意移動(dòng)端頁(yè)面是否匹配。 scrolling 為滾動(dòng)條參數(shù)。frameborder 為邊框參數(shù)。noresize 屬性規(guī)定用戶無(wú)法調(diào)整框架的大小。

善用 Tag 組件

Fluid 內(nèi)置了許多 Tag 組件，包含便簽、行內(nèi)標(biāo)簽、勾選框、按鈕和組圖，可以使用這些組件來(lái)豐富文章內(nèi)容，具體點(diǎn)擊查看官方文檔查看，點(diǎn)擊跳轉(zhuǎn)到 Fluid Doc。

配圖

眾所周知，博客好不好看，配圖占一半。這里給大家推薦幾個(gè)我常用找配圖的地方。另外，請(qǐng)遵循對(duì)于網(wǎng)站的版權(quán)協(xié)議。

Wallpaper Hub

Wallpaper Hub

點(diǎn)擊跳轉(zhuǎn)到 Wallpaper Hub

Wallhaven

Wallhaven

點(diǎn)擊跳轉(zhuǎn)到 Wallhaven

Unsplash

Unsplash

本文由 Fluid 用戶創(chuàng)作，版權(quán)歸原作者所有。

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

點(diǎn)擊跳轉(zhuǎn)到 Wallhaven

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。