ccruiの博客

ccruiの博客

handsome主题常用操作

279
2020-07-11

完整版使用文档

文章中插入短代码高亮文本

[scode type="share"]这是灰色的短代码框,常用来引用资料什么的[/scode]
[scode type='yellow']这是黄色的短代码框,常用来做提示,引起读者注意。[/scode]
[scode type='red']这是红色的短代码框,用于严重警告什么的。[/scode]
[scode type="blue"]这是浅蓝色的短代码框,用于显示一些信息。[/scode]
[scode type="green"]这是绿色的短代码框,显示一些推荐信息。[/scode]

显示效果

常用操作

更新主题

先删除/usr/themes/handsome/目录中的内容,然后新主题中的内容复制到/usr/themes/handsome/目录。

注意
切换主题的时候typecho会自动清空上一个主题的所有备份数据,备份数据存储在数据库中。

只要不切换主题,删除主题旧版本主题文件夹再上传新版本主题文件夹,是不会丢失以前的配置数据。

备份外观设置

切换主题,会自动清空当前被切换的主题的外观数据,但是如果你备份了数据,切换主题,再切换回来通过恢复备份就可以恢复之前的数据了。

添加友情链接

一定要填写链接分类!!!否则前台不会输出任何信息。

关于链接分类的说明:

ten :是全站链接,就是在首页的左侧边栏展示的
one :是内页链接,在独立页面中的自定义模板友情链接中显示
good :是推荐链接,在独立页面的自定义模板友情链接中显示

文章目录树

文章中的目录树已经内置代码,仅当文章有h2 h3 h4标题才会生成目录树,并且手机端不显示目录树。

注意:如果文章中没有h2标题,只有h3 h4标题是不会生成目录树的。

文章内部分隐藏回复可见(百度mip模式下失效,最好不要使用)

在文章使用使用

此处内容需要评论回复后(审核通过)方可阅读。

标签包裹住你想要隐藏的内容,游客必须先回复后才能查看隐藏内容。

自定义图标使用方法

举个例子:

<!--iconfont图标-->
<i class="iconfont icon-xxx"></i>

<!--Glyphicons图标-->
<i class="glyphicon glyphicon-eur"></i>

<!--fontello图标-->
<i class="fontello fontello-xxx"></i>

左侧边栏导航

添加自定义按钮:

name:代表显示栏目/按钮的名称
class:表示栏目/按钮的网页图标的样式
link:代表栏目/按钮的链接
target(可选):代表定在何处打开链接文档,如_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档。_self:代表在当前窗口打开。不填则为:_blank。

{"name":"音乐","class":"glyphicon glyphicon-music","link":"xxx.com"},
{"name":"笔记","class":"glyphicon glyphicon-book","link":"xxx.com"},
{"name":"相册","class":"fontello fontello-picture","link":"xxx.com","target":"_self"}

每两项之间,用英文逗号(,)隔开,最后一项请勿加上逗号。

隐藏默认栏目:

左侧边栏目默认加载首页按钮。隐藏方法:

{"name":"home","status":"hide"}

顶部导航栏目

添加自定义按钮:

与左侧边栏导航配置的书写规则完全相同:

{"name":"音乐","class":"fa fa-music","link":"xxx.com"},
{"name":"相册","class":"fontello fontello-picture","link":"xxx.com","target":"_self"}

隐藏默认栏目: 顶部导航按钮默认加载闲言碎语按钮。隐藏方法:

{"name":"talk","status":"hide"}

时光机社会化图标

默认已经填入了配置,书写规则和上面基本类似:

name:代表显示按钮的名称
class:表示按钮的网页图标的样式
link:代表按钮的链接
status:当status值为single时,特指页面中的绿色文字按钮,此时无需填写class项。

{"name":"twitter","class":"fa fa-twitter","link":"#"},
{"name":"facebook","class":"fa fa-facebook","link":"#"},
{"name":"googlepluse","class":"fa fa-google-plus","link":"#"},
{"name":"github","status":"single","link":"#"}

时光机联系方式

默认已经填写email、QQ、微博以及网易云音乐的配置:

name:代表显示栏目的名称
img:表示该联系方式的图标(图片格式)
link:代表联系方式的地址

{"name":"email","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pmtjbaej201s01s0aw","value":"ihewro@163.com","link":"#"},
{"name":"QQ","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pnirhr2j201s01va9u","value":"535425690","link":"#"},
{"name":"微博","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pofbz5fj201s01swe9","value":"@i超级男孩","link":"http://weibo.com/hewro"},
{"name":"网易云音乐","img":"https://ww4.sinaimg.cn/large/a15b4afegy1fg2pouholzj201s01s0ja","value":"@许多年以后我依然是我","link":"http://music.163.com/#/user/home?id=83271175"}

本文转载至:https://blog.mioshu.com/archives/52.html