handsome主題可能說是Typecho主題中很不錯的佼佼者了,那麽初次利用handsome的用戶可能來看看handsome主題利用方法吧,下面內容是引用的handsome主題利用文檔。

相冊

创建相冊

新建分类:分类的缩略称号爲image(这个是牢固档浞冬标识该分类是相冊)。分类描述会输出到相冊列表页面

创建属于该分类的一篇文┞仿,即创建了一个新的相冊。文┞仿的标题即相冊的标题。

在文┞仿的自定义字段中增加字段名album,值爲你的相冊描述

上傳相片

在属于相冊分类新建一篇文┞仿,在编纂器中增加图片即可。

增加圖片:允許以下的幾種方法:

利用自帶的附件功能,上傳並拔出編輯器中
利用markdown的圖片語法,支撑表里站鏈接
利用html語法,支撑表里站鏈接

舉例:

![相片描述](图片地点)
<img src="图片地点" alt="图片描述">

![奔跑的日子](http://localhost/build/usr/uploads/2018/05/1374653827.png)
<img src="http://localhost/build/usr/uploads/2018/05/1374653827.png" alt="奔跑的日子">

主題代碼會自動剖析代碼,並顯示爲相片格局,編輯器內多余的文字將不會顯示。

燈箱插件

文┞仿中假如某个图片不想表示灯箱后果,可能给图片標簽中参加nogallery属性:

<img nogallery src="">

假如某张图片高度很大年夜,想折叠展示,可能给图片標簽参加max属性:

<img max src="">

文┞仿目錄樹

文┞仿中的目錄樹已經內置代碼,僅當文┞仿有h2 h3 h4标题 才会生成目录树,并且手机端不表示目录树。

把稳:假如文┞仿中沒有h2標題,只有h3 h4標題是不會生成目錄樹的。

自定義摘要字數

大年夜版式頭圖默認摘要字數200字,小版式頭圖默認摘要字數80字。你可能在後台表里觀設置->自定義大年夜版式頭圖摘要/自定義小版式頭圖摘要來改變這兩個默認值。

你還可能利用摘要分开符進行自立截斷內容輸出,但是自立生成的摘要不會超過默認摘要字數。

舉例:你的默许摘要字数设置爲200字,利用摘要分开符截断的摘要爲230字,则摘要只会表示200字。

<!--more-->

增加自定義圖標

主題已經內置的圖標列表,詳見圖標列表

假如不能滿足你的圖標必要,可能利用以下方法擴充主題圖標:

方法一:傻瓜式擴充fontawesome圖標

直接引入全套的fontawesome圖標:

在主题表面设置——开辟者设置——自定义输出head 头部的HTML代码,填入:

<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

下面的fontawesome 的css文件来自bootcdn.css 大年夜众cdn供给,你可能调换成本人的文件。

方法二:自定義增加iconfont圖標列表

主題內置fontello圖標來自網站http://fontello.com/

你可能在該網站中導入主題目錄下的assets/fonts/fontelloconfig.json,然後从更生成字體文件。

覆蓋到assets/fonts/fontello下,並且必要修改assets/css/handsome.css中形如.fontello-*:before,调换爲下载的新的標簽。

(難度較大年夜,不推薦……)

文┞仿中拔出按鈕

handsome支撑以下類型的按鈕:

矩形文字按鈕
橢圓形文字按鈕
矩形圖標文字按鈕

[button]矩形按钮文字[/button]
[button color="succees"]矩形按钮文字[/button]
[button type="round" color="success"]卵形按钮文字[/button]
[button color="succees" icon="glyphicon glyphicon-eur"]图标按钮文字[/button]

HTML 复制
type:選填,不填默認爲矩形按鈕。可選值:
round:橢圓形按鈕
color: 选填,不填默認爲success(绿色),可选值:
light:白色
info:藍色
dark:深色
success:綠色
black:黑色
warning:黃色
primary:紫色
danger:紅色
icon:選填,不填默認爲文字按鈕,可用按鈕見圖標列表

文┞仿內拔出音樂

點擊編輯器的拔出音樂图标可能在文┞仿内可能拔出音樂歌曲地点,支撑云剖析跟本地MP3地点两种方法:

時光機的音樂拔出按钮也是同样的把持

雲剖析歌曲:暫時支撑剖析單曲,不支撑歌單,支撑以下媒體:

本地mp3地点播放:

示例:直接在輸入框中輸入.mp3結尾的地点,並填寫歌曲名跟歌手的名稱。

[hplayer title="歌曲名" author="歌手" url="http:\/\/xxx.com\/xxx.mp3" size="large" /]

文┞仿頁面拔出播放器size默認爲large時光機拔出播放器size默認爲small

你也可妙手动修改┞封个標簽的内容以抉择差其余播放器款式

文┞仿內拔出視頻

點擊編輯器的拔出音樂图标可能拔出视频,只支撑本地的视频地点的播放

時光機的视频拔出按钮也是同样的把持

直接在輸入框中輸入視頻的地点即可,一般以.mp4結尾的資源地点。

示例:

[vplayer url="http://xxx.com/xxx.mp4" pic="http://xxx.com/xxx.png"]
url:视频地点
pic:视频背景图片

文┞仿內調用其他文┞仿

點擊編輯器的┞穥用文┞仿的按鈕可能調用其他文┞仿並顯示。

post cid="1" /
post cid="1" cover="http:\/\/localhost\/build\/usr\/themes\/handsome\/usr\/img\/sj\/6.jpg"/

cid:必填,是文┞仿的独一編號,在後台的編輯文┞仿的地点可能看到,比方http://localhost/build/admin/write-post.php?cid=23,值爲23
cover:可選項,調用文┞仿顯示的封面,假如不填則默認顯示隨機縮略圖。

文┞仿中利用mathJax公式

必要在後台表里觀設置——主題增強功能中啓用公式(MathJax)選項。

语法格局:
//块级公式:
$$ 公式内容 $$
$$    x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$

// 行内公式:
$ 行内公式内容 $ 
\\( 行内公式内容 \\)

$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$

\\( x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}  \\)

文┞仿內部分隱藏回複可見

此處內容必要評論回複後(審核通過)方可閱讀。

[hide]標簽包裹住你想要暗藏的内容,旅客必需先复兴后才干检查暗藏内容。

文┞仿內部分內容登錄可見

爲什麽增加這樣的功能呢?因爲有時候一篇文┞仿並不想完全的加密,部分內容因为隱私問題必要加密。該部分內容僅登錄用戶(假如是個人博客就是僅博主)可見。

在文┞仿中利用

該部分僅登錄用戶可見

login標簽包裹住你想要暗藏的内容,旅客必需先登录后才干检查暗藏内容。

文┞仿中拔出短代碼高亮文本

!>(空格)文字 表示黄色警告框
i>(空格)文字 表示蓝色信息框
@>(空格)文字 表示银色引用框
x>(空格)文字 表示白色错误框
√>(空格)文字 表示绿色成功框

文┞仿中拔出收縮框

收縮框示例

這裏編輯收縮框內容

其中statusfalse表示默许不表示文字内容,爲true表示默認顯示內容。

不寫status屬性,默認是展開內容的。

Last modification:August 13, 2020
假如覺得我的文┞仿對你有效,請隨意贊賞