Joe — 一款个人类型Typecho主题

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

主题下载

主题描述

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

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. 头像
    路人甲
    Windows 10 · Google Chrome

    希望增加打赏按钮

    回复
  2. 头像
    222120
    Windows 10 · Google Chrome

    回复可见咋搞

    回复
    1. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ 222120

      编辑器自带

      回复
  3. 头像
    ZS
    Android · Google Chrome

    typecho在哪里下载

    回复
    1. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ ZS

      百度 typecho、 官网下载

      回复
  4. 头像
    ZS
    Android · Google Chrome

    感谢分享,之前用WordPress太难用了,试试这个

    回复
  5. 头像
    鳌拜
    Android · Google Chrome

    画图

    回复
  6. 头像
    发个方法
    Android · QQ Browser

    发一个层次

    回复
  7. 头像
    吴亦凡
    Android Oreo · FireFox

    bilibili视频好像失效了,可以修复一下吗表情表情

    回复
    1. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ 吴亦凡

      没失效呢

      回复
      1. 头像
        吴亦凡
        Android Oreo · FireFox
        @ HaoOuBa

        原来是火狐浏览器的适配有问题

        回复
  8. 头像
    FFFFFFFFFFF
    Windows 7 · Google Chrome

    666666

    回复
  9. 头像
    MelodyJerry
    Windows 10 · Google Chrome

    作者好骚啊哈哈哈哈

    回复
    1. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ MelodyJerry

      不骚写不出好代码

      回复
      1. 头像
        MelodyJerry
        Windows 10 · Google Chrome
        @ HaoOuBa

        作者能否加个文章目录,有时候文章太长,定位标题太麻烦了表情

        回复
        1. 头像
          火喵
          Android · Google Chrome
          @ MelodyJerry

          我博客之前也写过一个教程,你可以参考一下表情

          回复
        2. 头像
          火喵
          Windows 10 · Google Chrome
          @ MelodyJerry

          目录有插件可以用的 [地址](https://github.com/typecho-fans/plugins/tree/master/MenuTree)

          回复
  10. 头像
    阿怡
    Windows 7 · Google Chrome

    我有头像怎么没有更新呢

    回复
    1. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ 阿怡

      主题设置里,更换头像源,将头像源设置成https://gravatar.helingqi.com/wavatar/

      回复