Joe — 一款个人类型Typecho主题

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

主题下载

主题描述

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

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

评论 (1221)

取消
  1. 头像
    小廖同学
    Android · Google Chrome

    爱了爱了!

    回复
    1. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ 小廖同学

      表情

      回复
  2. 头像
    kok
    Windows 7 · Google Chrome

    点赞和取消点赞是怎么实现的能不能发个教程

    回复
    1. 头像
      66
      Windows 10 · Google Chrome
      @ kok

      111

      回复
    2. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ kok

      需要些前端与PHP技术
      1、实现点赞与取消点赞的接口,接口可参考我的主题里的 core/route.php
      2、实现前端页面第一次进来的点赞状态与点赞数量
      3、点赞后,将当前文章点赞状态存入本地,这样页面刷新,不会丢失点赞状态
      4、增加点击特效

      总结涉及到的文件有:
      1. core/route.php
      2. joe.post_page.js
      3. 点赞css样式
      4. 页面布局

      (需要前端技术的技术有:localStorage、css、html)

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

        代码接近几百行,每个主题不一样,无法出教程

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

    这个便条按钮怎么插入
    https://cdn.u1.huluxia.com/g4/M01/4B/C3/rBAAdmByyPqASjguAAAIkLIqVzk814.png

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

      这个功能目前还在测试中,不太稳定

      回复
  4. 头像
    JACK小桔子
    Windows 10 · Google Chrome

    挺好看的

    回复
    1. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ JACK小桔子

      表情

      回复
  5. 头像
    路人甲
    Android · Google Chrome

    参观一下表情

    回复
    1. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ 路人甲

      表情

      回复
  6. 头像
    男神
    Windows 10 · QQ Browser

    画图

    回复
  7. 头像
    托彩
    Windows 10 · Google Chrome

    老师您好,有什么办法教我关闭灯箱效果,我想采用图片内嵌链接来用!谢谢!还有那个直播不会用,能不能指导一下!

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

      直播,无任何操作,添加个页面即可实现,太基础问题这里不做解答

      回复
    2. 头像
      HaoOuBa 作者
      Windows 10 · Google Chrome
      @ 托彩

      这个功能无法关闭,抱歉!

      回复
  8. 头像
    月下
    Windows 10 · Google Chrome

    画图

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

    画图

    回复
  10. 头像
    Windows 10 · QQ Browser

    画图

    回复