站點頭像
填入一個圖片(推薦正方形)地址,需要帶上 http(s)://
留空會根據博主郵箱調用Gravatar頭像。
顯示位置
- 導航欄站點名稱旁
- 豎直導航欄頂部
默認文章縮略圖
這個縮略圖對文章和頁面都有效
按行填入圖片的地址,並帶上http(s)://
前綴,圖片會隨機顯示。
調用順序的優先級:
文章/頁面縮略圖Url字段
>后台設置->默認文章縮略圖url
>assets/img/thumbnail.jpg
顯示位置
- 首頁文章卡片內
- 文章頁面頂部(頭部圖片)
- 文章底部的上一篇/下一篇內
首頁背景圖片
按行填入圖片的地址,並帶上http(s)://
前綴,圖片會隨機顯示。
這里的圖片會顯示在
首頁
、搜索結果頁面
、分類
等頁面
OwO
填入OwO.json
的文件地址,帶上http(s)://
前綴
評論框placeholder
顯示在評論框內
統計代碼
填入服務商內獲取的統計代碼
需要注意的是,如果你開啟了
pjax
,那么最好使用
因為pjax
會導致統計代碼統計不准確,需要對統計代碼進行重載,而目前我也只內置了這兩個統計的重載代碼。
頂部自定義內容
這里可以填需要額外鏈接的css
、html
之類的內容,會插入到</head>
標簽之前。
底部自定義內容
可以填寫html
的內容,例如服務器提供商、CDN提供商等。
會插入到底部版權的上面。
自定義JS
插入到main.min.js
文件之后,可以加入你自己的JS代碼,例如重載代碼等等。
只填寫代碼,不需要
<script></script>
標簽
底部鏈接組件
配置方式是通過json
格式的字符串,可以留空
參數 | 內容 | 是否必需 | 類型 |
---|---|---|---|
text | 鏈接的文字 | 是 | string |
href | 鏈接地址 | 否 | string |
target | 參考html 語法 |
否 | string |
注意所有
string
類型的參數必須要用英文引號包裹
單個
{"text":"Siphils","href":"https: //eriri.ink","target":"_blank"}
多個
{"text":"Siphils","href":"https: //eriri.ink","target":"_blank"},
{"text":"Siphils","href":"https: //eriri.ink","target":"_blank"}
注意末尾的逗號,最后一項不需要逗號。
Copyright年份
比如2017-2018
,2018
。
會顯示在網站底部版權處。
Gravatar頭像源
填入gravatar鏡像地址,填寫類似格式為
http(s)://domain/avatar/
留空默認為
https://cn.gravatar.com/avatar/`
導航欄配置
各項參數如下表
參數 | 內容 | 是否必需 | 類型 |
---|---|---|---|
text | 鏈接的文字 | 是 | string |
slug | 頁面縮略名 | 否 | string |
href | 鏈接地址 | 否 | string |
target | 參考html 語法 |
否 | string |
icon | 圖標 | 否 | string |
sub | 子菜單 | 否 | array |
子菜單內各項配置與上面參數相同(除
sub
外)
配置舉例
{
"text": "首頁",
"href": "https://eriri.ink",
"icon": "iconfont icon-aria-home"
},
{
"text": "歸檔",
"href": "https://eriri.ink/archives.html",
"icon": "iconfont icon-aria-archives",
"sub" : [
{
"text":"日常",
"href":"https://eriri.ink/category/daily/",
"icon": "iconfont icon-aria-book"
},
{
"text":"代碼",
"href":"https://eriri.ink/category/zturn/",
"icon": "iconfont icon-aria-code"
}
]
}
子菜單的項目也是可以設置
target
屬性的
並且每個父級菜單都可以設置子菜單,目前僅支持最多二級菜單
slug
參數
這個參數比較特殊,僅支持在typecho后台創建的頁面並設置了slug
的頁面。
頁面的
slug
就是在創建頁面時,填寫頁面鏈接的那串字符。
填入
slug
后,text
、href
參數不會被解析,而是會根據slug
查詢數據庫后輸出對應的頁面的鏈接和標題。
輸出的順序會按照配置信息的填寫順序
例如:
{
"slug":"archives",
"icon":"iconfont icon-aria-archives"
}
這時就會查找對應的slug並輸出對應的頁面名稱和鏈接,此時text
和href
參數無效,其他參數仍有效。
打賞功能配置
每行按照鍵值對
的方式填寫即可,例如:
"Alipay":"https://cdn.siphils.com/reward/alipay.jpg",
"Wechat":"https://cdn.siphils.com/reward/wechat.jpg"
配置好后會在文章/頁面末尾顯示打賞按鈕,若留空則按鈕不輸出
自定義「一言」接口地址
句子會顯示在頁面底部
填入接口地址,**注意接口需要是只返回一條句子的,比如我使用的默認的hitokoto.cn的接口:
https://v1.hitokoto.cn/?c=a&encode=text
開關設置-一言內可以選擇開啟或關閉顯示,留空使用默認接口地址。
如果不知道什么意思留空即可。
MathJax配置信息
在此輸入MathJax配置信息,不需要script標簽,只輸入JS代碼。
例如:
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
})
此項設置在開關設置中
啟用MathJax
項目啟用后才會顯示
開關設置
PJAX
什么是PJAX?
PJAX重載接口見Aria.reloadAction()
啟用后會強制關閉
評論反垃圾保護
AJAX評論
此功能目前尚不太完善
Fancybox
什么是fancybox?
開啟圖片燈箱效果,會自動解析文章/頁面/評論區內的圖片。並且一篇文章或頁面內的圖片會自動解析為一個相冊集。
如果文章/頁面內某張圖片不想要解析為燈箱,則可以如此書寫:
!!!
<img src="/path/to/img" no-fancybox>
!!!
Lazyload
什么是lazyload?
圖片懶加載功能開啟后,所有的圖片會自動解析為懶加載。
如果某張圖片不想要解析為懶加載,則可以如此書寫:
<img src="/path/to/img" no-lazyload>
評論郵件回復提醒按鈕
開啟后會在評論框右下角增加一個不接收回復郵件通知的按鈕
若想此按鈕有效,你必須安裝CommentToMail插件 (文章中最后一個插件)
MathJax
什么是MathJax?
v1.9.0
以上版本已經內置了MathJax
此開關啟用后,需要在MathJax配置信息設置內填入配置信息
文章鏈接二維碼
在文章/頁面末會輸出一個本文鏈接的二維碼
評論UserAgent
顯示評論者的操作系統和瀏覽器信息
一言
顯示在網站底部
歸檔頁面
一個以時間軸的方式顯示所有文章並且顯示分類和標簽的頁面模板。
- 新建一個頁面
- 在右側
自定義模板
選擇歸檔頁面 時間軸
不需要填寫頁面內容,寫了也不會輸出
圖標
圖標用來干什么呢?
- 導航欄前邊的小圖標
- 主題默認的一些對應的圖標
- 個人喜好定制
- ...
導航欄使用圖標
你可以自己引入額外的圖標,比如FontAwesome
或者Iconfont
,然后可以在配置項的icon
參數里填入對應的值。
icon
參數需要填寫完整的類名,例如iconfont icon-aria-home
或者fa fa-wikipedia-w
主題內置圖標前綴為iconfont
所有圖標
下面為最新版本所有內置圖標以及其class
| ------------- | ------------- | ------------- |
| icon-aria-close | icon-aria-archlinux | icon-aria-search|
| icon-aria-mac | icon-aria-os | icon-aria-friends|
| icon-aria-twitter | icon-aria-windows | icon-aria-success|
| icon-aria-fedora | icon-aria-archives | icon-aria-book|
| icon-aria-menu | icon-aria-ipad | icon-aria-iphone|
| icon-aria-write | icon-aria-link | icon-aria-qq|
| icon-aria-like | icon-aria-failure | icon-aria-reply|
| icon-aria-comment | icon-aria-more | icon-aria-freebsd|
| icon-aria-paperboat | icon-aria-music | icon-aria-date|
| icon-aria-category | icon-aria-warning | icon-aria-github|
| icon-aria-linux | icon-aria-about | icon-aria-emotion|
| icon-aria-telegram | icon-aria-windows10 | icon-aria-cancel|
| icon-aria-picture | icon-aria-chrome | icon-aria-email|
| icon-aria-guestbook | icon-aria-centos | icon-aria-debian|
| icon-aria-reward | icon-aria-gentoo | icon-aria-ubuntu|
| icon-aria-weibo | icon-aria-wechat | icon-aria-browser|
| icon-aria-qrcode | icon-aria-android | icon-aria-submit|
| icon-aria-home | icon-aria-tag | icon-aria-code|
| icon-aria-username | icon-aria-edge | icon-aria-firefox|
| icon-aria-mail | icon-aria-opera | icon-aria-safari|
| icon-aria-bilibili | icon-aria-markdown | icon-aria-view|
| icon-aria-copy | icon-aria-360 | icon-aria-ie|
| icon-aria-checked | icon-aria-maxthon | icon-aria-sogou|
| icon-aria-rss | icon-aria-uc | icon-aria-qqbrowser|
原wiki地址:Typecho-Theme-Aria