Joe — 一款个人类型Typecho主题

HaoOuBa
2021-02-25 / 1222 评论 / 32,395 阅读 / 正在检测是否收录...

主题下载

主题描述

编辑器演示(编辑器持续更新)

kny0kcqx.png

knmjwr01.png

下面为主题演示,无需担心您不会怎么写、怎么实现、以下的内容,主题自带编辑器均已集成、直接 入即可

文本加粗

那个女孩子 气喘吁吁 的打电话和你说:我在跑步

文本倾斜

你问她为什么有 啪啪啪 的声音,她和你说:我是穿拖鞋跑步的

文本删除

你明白了,此刻的头上正顶着个 率帽子 绿帽子

行内代码

远上寒山石径斜,白云生处有人家。
停车 坐爱 枫林晚,霜叶红于二月花。

横线


引用

那女孩对你说:你还不如跳蛋。

有序列表

杜蕾斯(durex)的优点如下:

  1. 耐久(durability)
  2. 可靠(reliability)
  3. 优良(excellence)

无序列表

  • 一个女朋友
  • 二个女朋友
  • 三个女朋友
  • ...
  • N个女朋友

超链接

百度一下,你就凉了

图片预览

QQ图片20210314194755.gif

3行3列的表格

表头表头表头
鸡头鸭头龟头
鸡头鸭头龟头
鸡头鸭头龟头

代码块

const obj = {
    name: 'hi',
    age: 18
}
// 判断某个属性是否在对象里
console.log('name' in obj)
// 删除对象某个属性
console.log(delete obj.name)
// 将对象的属性名提取成数组
console.log(Object.keys(obj))

输出解析HTML

颜色大小

插入一个时间点

2021-04-17 20:46:02 星期六

段落缩进、空格

  有些男人就像烤面筋,外表黄黄的,身体圆圆的,说话柔柔的,无害,看上去还非常好吃。可当你吃下去,才知道他绵绵的,并无特别的味道,甚至到你吃完,你都不知道他是用什么做的。 ----李七毛《我们都不擅长告别》

特殊符号

★ ╊ ➻ Ω... 这里有很多,就不全部演示了,编辑器上有这个按钮,直接 入就行了

emoji表情

这里需要改下数据库的存储格式才支持emoji,这里我没改,演示不了,改的教程网上都有,也很简单

图片表情

表情 表情 表情 ୧(๑•̀⌄•́๑)૭... 这里有很多,就不全部演示了,编辑器上有这个按钮,直接 入就行了

任务未完成

每天都是崭新的一天哦!每天都要开心哦!

任务已完成

今天断气嗝屁了。

居中标题

插入一个m3u8或mp4视频(主题自带播发器,你也可以在后台修改成你自己的播放器)

插入bilibili视频

网易云歌单

网易云音乐

多彩按钮

下面的实现方式,无需去学习怎么实现,编辑器直接

自定义自己想要的颜色 

自定义图标,达6000+图标任你使用 

自定义圆角度数,最大17.5px 

搭配在一起任意使用 

便条按钮

便条按钮不能自定义色彩,必须使用一个图标,其他的的和上面的多彩按钮一样

彩色虚线

自定义虚线颜色,支持任意颜色

回复可见

默认卡片

自定义宽度的卡片

嵌套其他内容的卡片

消息提示

附件预览

主题自带博客附件预览功能,访问地址:

进度条

自定义颜色

标注

支持嵌入任意内容,及任意颜色

自定义外部音乐

Tabs标签页

卡片列表

时间轴

点击复制

链接:https://pan.baidu.com/s/14wKBhs4geqSLETvpYhxGZQ
提取码:
复制这段内容后打开百度网盘手机App,操作更不方便哦

描述性卡片

跑马灯

折叠面板

云盘下载

宫格

3列,间距15px的宫格

警告提示

注意事项!!!

以上全部功能,都无需担心怎么实现,编辑器上有按钮,一键 深入 插入!!!

1,002

评论 (1222)

取消
  1. 头像
    柠檬
    Windows 10 · FireFox

    Argument 1 passed to Typecho_Widget::push() must be of the type array, null given, called in /www/wwwroot/27a.top/var/Widget/Abstract/Contents.php on line 762

    您好,作者,我启动主题后提示这个应该怎么办

    回复
    1. 头像
      嘻嘻嘻
      Windows 7 · Google Chrome
      @ 柠檬

      把 PHP版本调到5.6或者7.0以下的任意版本

      回复
  2. 头像
    123
    Android · Google Chrome

    画图

    回复
  3. 头像
    忘记了回忆
    Windows 10 · Google Chrome

    在这网站下载的点“备份设置”后无反应,进入QQ群下载的才正常

    回复
  4. 头像
    浩源博客
    Windows 7 · Google Chrome

    太牛了,简直!

    回复
  5. 头像
    兽性大发
    Windows 7 · Google Chrome

    1,你贵站下载的版本号是7.33 设置好以后点击“备份设置”没有反应,浏览器切换兼容模式也没反应。
    2,在typecho主题站下载的版本号是4.45(https://www.jsdelivr.com/package/npm/typecho_joe_theme),安装后可以备份,但整个界面比7.33小了,最主要的是WAP端显示好难看啊,图片长条显示,占掉这条栏目,感觉很臃肿,有没有设置可以像7.33那样,图片显示在左侧,右边显示文章标题?

    回复
  6. 头像
    xghome
    Windows 10 · Google Chrome

    点击主题备份设置没反应,请问怎么设置备份设置???

    回复
    1. 头像
      忘记了回忆
      Windows 10 · Google Chrome
      @ xghome

      这里下载的点备份设置没反应,我到QQ群下载就正常了

      回复
      1. 头像
        HaoOuBa 作者
        Windows 10 · Google Chrome
        @ 忘记了回忆

        确认主题文件夹命名为 Joe,否则会无法使用备份功能

        回复
  7. 头像
    lemon大雄
    Android · Google Chrome

    有没有目录toc的功能啊

    回复
  8. 头像
    WE11A
    Windows 10 · Google Chrome

    怎么更更换logo地址阿

    回复
  9. 头像
    dwdwa问我
    Windows 10 · Google Chrome

    画图

    回复
  10. 头像
    we11a
    Windows 10 · Google Chrome

    牛逼高级大佬i

    回复