Joe — 一款个人类型Typecho主题

HaoOuBa
2021-02-25 / 108 评论 / 2,331 阅读 / 正在检测是否收录...

本文为Joe主题帮助及演示使用,您可以在下方找到您的问题及解决方案


1、QQ群下载:198963776
2、GitHub下载(推荐):https://github.com/HaoOuBa/Joe(帮忙点个star)


1、增强Typecho的后台编辑器,后台编辑器更加强大(支持插入表情、粘贴上传等)
2、响应式布局,并且不依赖任何响应式框架
3、内置超强视频功能、包含直播功能、全网影视功能、文章内插入视频功能
4、主题SEO极致优化,Lighthouse SEO跑分100分
5、主题自定义极强,后台有着丰富的设置
6、主题色彩全局公用、小白轻松直接修改整站自定义主题色
7、主题内置代码高亮、无需借助任何插件、支持几十种语言
8、主题内置丰富的短代码、帮助你更好的编写文章,例如插入音乐等
9、主题首发极强画图回复功能,能给你的博客减少跳出率,留着用户访问时间
10、文章侧栏、首页列表、TDL轻松修改
11、主题自带超强壁纸功能、全网影视功能,为你的博客带来更大的流量
12、主题内置sitemap、百度推送、友联、回复可见等,无需依赖任何插件
13、主题持续更新,永久免费!
14、如果你认可本主题,只求能够动个小手在github上为本主题点个star即可

主题自带极强编辑器演示

km927p0z.png

文本加粗演示

欢迎使用 Joe 主题

实现教程:

在需要加粗的文本两侧使用两个星号包裹
例如:欢迎使用 **Joe** 主题

文本倾斜演示

欢迎使用 Joe 主题

实现教程:

在需要倾斜的文本两侧使用一个星号包裹
例如:欢迎使用 *Joe* 主题

QQ图片20210314194755.gif

文本加粗并倾斜演示

欢迎使用 Joe 主题

实现教程:

在需要倾斜的文本两侧使用三个星号包裹
例如:欢迎使用 ***Joe*** 主题

超链接演示

https://as.js.cn

实现教程:

直接写URL链接
例如:https://as.js.cn

插入图片演示

主题自带有图片上传功能,并且该功能可随时开启关闭,同时图片也带有灯箱预览功能

请输入图片描述

实现教程:

直接插入图片即可

有序列表演示

  1. 项目列表1
  2. 项目列表2
  3. 项目列表3
实现教程:

在 . 后面加上空格即可,例如
 1. 项目列表1
 2. 项目列表2
 3. 项目列表3

无序列表演示

  • 无序列表1
  • 无序列表2
  • 无序列表3
实现教程:

在 - 后面加上空格即可,例如
 - 无序列表1
 - 无序列表2
 - 无序列表3

回复可见演示

这里的内容,没有登陆是看不了的,必须回复了才会显示

实现教程:

后台编辑器有插入此功能的按钮,这里为了防止自动解析成回复可见,加上了@符号,使用时将@符号删除,例如
{@hide}这里的内容,没有登陆是看不了的,必须回复了才会显示{@/hide}
注意:写完后,需要退出登录,或切换其他浏览器回复可见这个功能才会显示。不要问我,为什么我写了这个之后,没有出现回复可见,你自己写的文章自己当然能看见!!!

网易云歌单演示

实现教程:

后台编辑器有插入此功能的按钮,这里为了防止自动解析成网易云歌单,加上了@符号,使用时将@符号删除,例如
{@music-list id="5370364292" /}

插入网易云单首演示

实现教程:

后台编辑器有插入此功能的按钮,这里为了防止自动解析成网易云,加上了@符号,使用时将@符号删除,例如
{@music id="1808492017" /}

插入默认卡片


默认内容

实现教程:

后台编辑器有插入此功能的按钮,这里为了防止自动解析成默认卡片,加上了@符号,使用时将@符号删除,例如
{@card-default width="100%" label="默认标题"}
 默认内容
{@/card-default}

默认卡片支持嵌套其他短代码,例如


便条按钮

还有很多的功能与教程,懒得去写,每天补充写一些。

458

评论 (108)

取消
  1. 头像
    linfs
    Windows 10 · Google Chrome

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

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

    爱了爱了!

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

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

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

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

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

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

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

    挺好看的

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

      表情

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

    参观一下表情

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

      表情

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

    画图

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

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

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

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

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

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

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

    画图

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

    画图

    回复