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

    画图

    回复
  2. 头像
    Yakito
    Android · Google Chrome

    I don't know how to past img in comment box, but you can click on my name and see it

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

      You can upload to the server, fill in the URL link of the image, for example https://cdn.jsdelivr.net/gh/HaoOuBa/BlogStatic/usr/uploads/2021/03/1026189703.gif . Even you can use the "画图模式" on the right, and simply draw it out.

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

        http://piiblog.ml/3470642055_1.jpg

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

          https://cdn.jsdelivr.net/gh/HaoOuBa/BlogStatic/usr/uploads/2021/04/2834367289.png

          I tried to use PC to visit your website, it seems that there is no problem

          回复
  3. 头像
    Yakito
    Android · Google Chrome

    Can you add icon before "栏目" in aside menu? I think it more beautiful in aside menu! 表情

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

      I have this idea, but it's not very good to achieve

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

        I resgerter QQ in main website but it said "The mobile phone number 0354301595 needs to be verified on the mobile phone QQ before the QQ number can be registered", it mean need someone esle verified my phone number?

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

        Ok, I understand! But why new version in style PC only have one column?

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

          I don't understand what you mean. Can you put a screenshot

          回复
          1. 头像
            Yakito
            Android · Google Chrome
            @ HaoOuBa
            该回复疑似异常,已被系统拦截!
            回复
  4. 头像
    托彩
    Windows 10 · Google Chrome

    老师,独立页面中直播模板如何应用?是否只适合特定平台?

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

    加群了一直没通过,还是在这里问吧,就是文章自动推送的问题
    我直接填 Yy2LSG54xg7IVG8W 显示推送失败,请检查!
    我填 &token=Yy2LSG54xg7IVG8W 也不行
    我填 http://data.zz.baidu.com/urls?site=网址&token=Yy2LSG54xg7IVG8W 还是显示的推送失败!

    这个应该怎么填呢,作者大大表情

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

      推送失败的信息,都是百度站长那边返回过来的,主题只是提交到它那边,这个有些人的域名是一些稀奇古怪的后缀域名,就有可能有推送失败的情形

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

        我是com的域名,我的意思是,填token需要填整个一段 还是单独就填最后的token?

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

          单独后面的token:Yy2LSG54xg7IVG8W

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

          我知道了,必须带前缀才行,带了前缀一下就推送成功了

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

            好的

            回复
  6. 头像
    夏源
    Android · QQ Browser

    画图

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

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

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

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

    画图

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

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

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

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

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

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

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

          表情

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

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

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

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

      回复