Joe — 一款个人类型Typecho主题

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

主题下载

主题描述

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

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

评论 (1237)

取消
  1. 头像
    夏源
    Android · QQ Browser

    画图

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

      啥玩意,看上去像在哪里见过

      回复
  2. 头像
    Yakito
    Android · Google Chrome

    How to enable OWO in comment box?表情

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

      Please make sure that your website directory is a first-class directory, and the theme folder is named Joe, so it is enabled by default

      回复
      1. 头像
        Yakito
        Android · Google Chrome
        @ HaoOuBa

        I am Vietnamese. How can I change

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

          In other blogs, I see that someone has done similar language modification operations, such as using plug-ins. You may need to find them yourself

          回复
        2. 头像
          Yakito
          Android · Google Chrome
          @ Yakito

          I am Vietnamese. How can I change "zh-CN" for all pages? Or do something else?

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

            Sorry, the theme is not multilingual. If you need to change it to Vietnamese or English, you may need to modify it yourself

            回复
      2. 头像
        Yakito
        Android · Google Chrome
        @ HaoOuBa

        Thanks, it's already displayed ... because I downloaded it from github so when unzipped it is named Joe-master 表情

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

          If you use QQ, you can join the QQ group, QQ group number: 198963776

          回复
          1. 头像
            Yakito
            Android · Google Chrome
            @ HaoOuBa

            I can't register QQ in Vietnamese, I think QQ blocked

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

              That's too bad

              回复
  3. 头像
    骚操作
    Windows 10 · Google Chrome

    画图

    回复
  4. 头像
    鑫大大
    Windows 10 · Google Chrome

    请问一下,为什么我安装好后的模版没有右边那些显示的东西啊?需要在哪里设置才能显示出来?

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

      后台 - 外观设置 - 侧栏设置

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

        感谢,第一次使用,哈哈,现在知道了表情

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

          表情

          回复
  5. 头像
    linfs
    Windows 10 · Google Chrome

    其实,可以问问模板怎么安装吗,哈哈

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

      你好,这种基础问题可以百度去解决

      回复
  6. 头像
    小廖同学
    Android · Google Chrome

    爱了爱了!

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

      表情

      回复
  7. 头像
    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

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

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

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

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

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

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

    挺好看的

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

      表情

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

    参观一下表情

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

      表情

      回复