这里记录着常用的样式修改,文章编辑等用法和逻辑,自己的小笔记。

写得不对的欢迎大佬指出错误,感激不尽。

本文内容均是在各位大佬博客搜集整理而来

本文更新时间 2022/06/25

前言

Typecho版本:1.2
Handsome版本:8.4.1 Pro

以上很多功能,其实在typecho文章编辑页面都已经具备了,因此一些文章具备的,在此就不出现例子了,在本文章中,我也会尽量的用尽所有的各种样式,如果你发现用的样式或功能,没有写相应的教程,那就是文章编辑器自带了。

高亮文本-除了编辑器基础的,还有两种简洁模式

第一种:该样式不包含左侧的图标,为简单样式

第二种:该样式为文字背景,不包含图标和过多的边距

常用代码块

<pre><code>我是一个代码区块,这是prism代码块,这个可以纯代码高亮!</code></pre>

好看的文字样式

默认白色文字 紫色文字 蓝色文字 黄色文字 红色文字 绿色文字 黑色文字

多功能合集

星期一星期二星期三
上午中午下午
上午中午下午
上午中午下午

推荐工具
在线转换MD表格
html转markdown


2020大事记
2020-1-20

武汉封城,疫情让一起变得慌乱起来

2020-3-20

开始远程办公,慢慢有序起来

生活变得好起来了
2020-10-1

国庆节去哈尔滨旅行,和老同学见面

timeline 属性列表:
type:可选项,默认为small, 可选值:
small 小巧款式的时间线
large 大款式的时间线
random,可选项,默认为true,可选值为true、false,true表示时间线每一条会使用随机的色彩
对于 large样式的时间线,提供时间线开始和结束的一个文字自定义:

start:一些简单的文字
end:一些简单的文字
item 属性列表:

date :可选项,默认不显示时间,可选值:
一个日期文字,实际上可以填写任何类型文字(不要太长)
color:可选项,设置当前时间线条的颜色,可选值:"light", "info", "dark", "success", "black", "warning", "primary", "danger"


2021的小目标

阅读10本书 :

50%

每天锻炼30分钟 :

495%

计划表中包含了三种类型的任务:

check类型,该类型任务只有两种状态,完成和未完成
progress,该类型任务可以显示任务执行的进度,需要手动填写进度
start、end,该类型任务设置一个起始时间和终止时间,进度会根据当前时间自动更新进度
时间格式:必须是正确的时间格式,比如2021-01-02 12:00 ,也可以只写日期2021-01-02


剧集列表

剧集列表

vplayer 属性:
status:可选,true 表示不折叠,默认折叠
vplayer 内部每个video 代表一个需要等待解析的视频,video的属性见下:
url:第三方视频平台的页面地址,具体支持哪些平台需要看你使用的第三方解析接口支持情况
title: 视频的标题
默认使用的第三方云解析视频地址 https://okjx.cc/?url=,支持b站、爱奇艺、优酷等常见平台,可以在开发者设置高级设置中指定接口地址,其它可用的接口地址见下:
https://jx.parwix.com:4433/player/?url=



type:选填,不填默认为矩形按钮。可选值:
round:椭圆形按钮
color: 选填,不填默认为success(绿色),可选值:

light:白色
info:蓝色
dark:深色
success:绿色
black:黑色
warning:黄色
primary:紫色
danger:红色
icon:选填,不填默认为文字按钮,可用按钮见图标列表

url:选填,填写点击的链接。举例:如果你的链接是http://www.baidu.com,请手动将/前面加一个反斜杆\,即http://www.baidu.com




cid:必填,是文章的唯一编号,在后台的编辑文章的地址可以看到,比如http://localhost/build/admin/write-post.php?cid=23,值为23
cover:可选项,调用文章显示的封面,如果不填则默认显示随机缩略图。
size:可选项,可填写值large 、small,默认为large。small表示只显示文章标题,不显示其他额外信息。

分类加密

加密分类输入密码才能阅读内容
【加密方式】:
第一步:在分类设置里面按照下面格式填写分类描述(下面四种方式只能且只需要填一种!):
第二步:在Handsome插件设置里面填写需要加密的分类的mid,这一步不完成的时候别人仍然可以通过feed查看到加密内容
//第一种方式:只是配置加密和对应的密码“1234”
{"lock":true,"password":"1234"}

//第二种方式:还可以继续配置分类描述

{"lock":true,"password":"1234","desc":"一个加密的分类,输入密码后可见内容"}

//第三种方式:还可以继续配置分类的图标
{"lock":true,"password":"1234","desc":"一个加密的分类,输入密码后可见内容","img":"https://i.loli.net/2019/05/01/5cc95872929ef.jpeg"}

//第四种方式:还可以继续配置加密的时间段,如果只填写start 表示从这个时间开始的分类下的文章都加密,只填写end,表示截止到这个日期之前的该分类下的文章都加密
{"lock":true,"password":"1234","start":"2020-01-02","end":"2020-03-03 12:00"}

//第五种方式:也可以直接简单的填写文字表示分类描述,此时该分类不会加密

一个普通的分类描述而已。

独立页面加密

支持所有独立页面,包括时光机页面
【加密方式】:在独立页面编辑页面的自定义字段中增加password 字段,值不为空,填写密码即可。

文章加密

整篇文章加密是typecho提供的功能,不多说
【加密方式】:在文章编辑页面右侧的高级功能,里面有密码选项
【相关问题】:输入正确密码显示密码错误为什么?

部分内容回复可见

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

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


为什么增加这样的功能呢?因为有时候一篇文章并不想完全的加密,部分内容由于隐私问题需要加密。该部分内容仅登录用户(如果是个人博客就是仅博主)可见。
在文章中使用

该部分仅登录用户可见

导航菜单


{"name":"菜谱","class":"?","text_color":"#82B366","link":"xxx.com"},
{"name":"音乐","class":"glyphicon glyphicon-music","link":"xxx.com","icon_color":"#B85450"},
{"name":"音乐2","class":"music","link":"xxx.com"},
{"name":"笔记","class":"glyphicon glyphicon-book","link":"xxx.com"},
{"name":"相册","class":"fontello fontello-picture","link":"xxx.com","target":"_self"}

添加自定义栏目:
name:代表显示栏目/按钮的名称
class:使用图标库中的图标
link:代表栏目/按钮的链接
target(可选): 代表定在何处打开链接文档,如_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档。_self:代表在当前窗口打开。不填则为:_self。更多介绍
text_color(可选,8.4及其以上支持): 文字颜色,值为颜色字符串即可,如#ffffff或者rgb(255,255,255)等。
icon_color(可选,8.4及其以上支持): 图标颜色

单篇文章关闭评论点赞功能


off_star_comment 自定义字段,值为true 表示关闭点赞

美化文件名称


footer.php 最底部版权、音乐播放器之类
sidebar.php 右侧栏目
aside.php 左边导航栏
post.php 文章输出
comments.php 评论区
header.php 页面头,没啥要改的
headnav.php 顶部导航
say.php 时光机动态
404.php 404界面
archive.php 整合
booklist.php 书单
cross.php 时光机
files.php 归档
functions.php 配置界面的东西
guestbook.php 留言板
index.php 首页
links.php 友链
page.php 文章页面整合

底部文章版权模板


在主题文件post.php中,文章内容下面添加代码

本文作者: 文章标题:title() ?>
本文地址:permalink() ?>
版权说明:若无注明,本文皆options->title() ?>原创,转载请保留文章出处。

最后修改:2022 年 07 月 10 日
如果觉得我的文章对你有用,请随意赞赏