Typecho-Theme-Aria后台設置


站點頭像

填入一個圖片(推薦正方形)地址,需要帶上 http(s)://

留空會根據博主郵箱調用Gravatar頭像。

顯示位置

  1. 導航欄站點名稱旁
  2. 豎直導航欄頂部

默認文章縮略圖

這個縮略圖對文章和頁面都有效
按行填入圖片的地址,並帶上http(s)://前綴,圖片會隨機顯示。

調用順序的優先級:文章/頁面縮略圖Url字段 > 后台設置->默認文章縮略圖url > assets/img/thumbnail.jpg

顯示位置

  1. 首頁文章卡片內
  2. 文章頁面頂部(頭部圖片)
  3. 文章底部的上一篇/下一篇內

首頁背景圖片

按行填入圖片的地址,並帶上http(s)://前綴,圖片會隨機顯示。

這里的圖片會顯示在首頁搜索結果頁面分類等頁面


OwO

填入OwO.json的文件地址,帶上http(s)://前綴


評論框placeholder

顯示在評論框內


統計代碼

填入服務商內獲取的統計代碼

需要注意的是,如果你開啟了pjax,那么最好使用Google或百度的分析統計代碼。
因為pjax會導致統計代碼統計不准確,需要對統計代碼進行重載,而目前我也只內置了這兩個統計的重載代碼。


頂部自定義內容

這里可以填需要額外鏈接的csshtml之類的內容,會插入到</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后,texthref參數不會被解析,而是會根據slug查詢數據庫后輸出對應的頁面的鏈接和標題。

輸出的順序會按照配置信息的填寫順序

例如:

{
  "slug":"archives",
  "icon":"iconfont icon-aria-archives"
}

這時就會查找對應的slug並輸出對應的頁面名稱和鏈接,此時texthref參數無效,其他參數仍有效。


打賞功能配置

每行按照鍵值對的方式填寫即可,例如:

"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評論

什么是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

顯示評論者的操作系統和瀏覽器信息


一言

顯示在網站底部

歸檔頁面

一個以時間軸的方式顯示所有文章並且顯示分類和標簽的頁面模板。

  1. 新建一個頁面
  2. 在右側自定義模板選擇歸檔頁面 時間軸

不需要填寫頁面內容,寫了也不會輸出

圖標

圖標用來干什么呢?

  1. 導航欄前邊的小圖標
  2. 主題默認的一些對應的圖標
  3. 個人喜好定制
  4. ...

導航欄使用圖標

你可以自己引入額外的圖標,比如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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM