handsome主题常用操作
编辑文章中插入短代码高亮文本
[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"}
- 0
- 0
-
分享