Joe — 一款个人类型Typecho主题

HaoOuBa
2021-02-25 / 1231 评论 / 32,829 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年09月25日,已超过61天没有更新,若内容或图片失效,请留言反馈。

主题下载

主题描述

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

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,012

评论 (1231)

取消
  1. 头像
    blog
    iPhone · Safari

    请问如何关闭debug模式,官网弄得包我也没开,不知道为什么就显示不出来了?

    回复
  2. 头像
    戏人看戏
    Windows 10 · Google Chrome

    我是戏人看戏

    回复
  3. 头像
    232
    Windows 10 · Google Chrome

    1

    回复
  4. 头像
    114
    Android · Google Chrome

    画图

    回复
  5. 头像
    114
    Android · Google Chrome

    刺激

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

    666666666666

    回复
    1. 头像
      324242442@qq.com
      Windows 10 · Google Chrome
      @ lvbibir

      324242442@qq.com

      回复
  7. 头像
    易航
    Windows 10 · QQ Browser

    Joe一处代码写法提议:

    这是文章插入视频时的url

    render(){
    if (this.options.src) {
    // 如果url等于已经解码的url,说明url未编码
    if (this.options.src == decodeURIComponent(this.options.src)) {
    // 对url进行编码
    this.options.src = encodeURIComponent(this.options.src);
    }
    this.innerHTML = `

    `;
    } else {
    this.innerHTML = '播放地址未填写!';
    }
    }

    回复
    1. 头像
      Windows 7 · Google Chrome
      @ 易航

      画图

      回复
  8. 头像
    null658
    Android · Google Chrome

    牛逼牛逼牛逼

    回复
  9. 头像
    萑抽榧僗
    Windows X64 · Google Chrome

    荔稜髵琘鳰些澒襃浱鱃僪飜濛操冷丶澃蛒誵鸎宔職钒對嘃濐诎窪騞柊浰彟箰掁漸銵皐鯃锣億荓諡簝軎悰

    回复
  10. 头像
    旴弱鬌敠
    Windows 10 · Google Chrome

    謵鰽茙眳暄鬄踏狑嵐嬳暲踵钍馒鬏褋豀豏饰处旬姯賐泈谩嵗愙豚揯計鮖趸酽钀閖煮鲭烿巨胓鍟捩帲繪八

    回复