Typecho-Joe-Theme主题帮助文档 主题下载{card-default width="100%" label="主题下载"}1、QQ群下载：3915799202、GitHub下载（推荐）：https://github.com/HaoOuBa/Joe（帮忙点个star）{/card-default}主题描述{card-default width="100%" label="主题亮点"}1、整包仅1.3Mb，却实现超强功能，极其迅速的响应（在开发时，都是使用30000篇文章进行开发测试）2、全站变量名、类名统一规范，重在方便更多人参与二开与拓展3、主题开箱即用，没有任何复杂的操作，无需像其他主题去特意创建个分类等。4、主题首发Typecho独家Joe编辑器5、主题响应式布局，不依赖任何响应式框架，采用 Joe 独家响应式6、主题在一切可能暴露的接口上，屏蔽sql注入、xss攻击风险，提供安全保障7、内置超强视频功能、包含直播功能、全网影视功能、文章内插入视频功能8、主题SEO极致优化，Lighthouse SEO跑分彪满100分9、主题色彩全局公用、小白轻松直接修改整站自定义主题色10、主题内置代码高亮、无需借助任何插件、支持200种语言11、主题首发极强画图回复功能，为你的博客带来用户互动，不再像传统博客那样，仅限文字12、主题内置sitemap、百度推送、友联、回复可见等，无需依赖任何插件{/card-default}编辑器演示（编辑器持续更新）下面为主题演示，无需担心您不会怎么写、怎么实现、以下的内容，主题自带编辑器均已集成、直接 插 入即可文本加粗那个女孩子 气喘吁吁 的打电话和你说：我在跑步文本倾斜你问她为什么有 啪啪啪 的声音，她和你说：我是穿拖鞋跑步的文本删除你明白了，此刻的头上正顶着个 率帽子 绿帽子行内代码远上寒山石径斜，白云生处有人家。停车 坐爱 枫林晚，霜叶红于二月花。横线引用那女孩对你说：你还不如跳蛋。有序列表杜蕾斯(durex)的优点如下：耐久（durability）可靠（reliability）优良（excellence）无序列表一个女朋友二个女朋友三个女朋友...N个女朋友卒超链接百度一下，你就凉了图片预览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，这里我没改，演示不了，改的教程网上都有，也很简单图片表情::(花心) :@(喜极而泣) ::(阴险) ୧(๑•̀⌄•́๑)૭... 这里有很多，就不全部演示了，编辑器上有这个按钮，直接 插 入就行了任务未完成{ } 每天都是崭新的一天哦！每天都要开心哦！任务已完成{x} 今天断气嗝屁了。居中标题{mtitle title="牛鞭牛鞭"/}插入一个m3u8或mp4视频（主题自带播发器，你也可以在后台修改成你自己的播放器）{dplayer src="https://jsd.onmicrosoft.cn/gh/uxiaohan/uxiaohan.github.io@master/v2/2022/08/index.m3u8"/}插入bilibili视频{bilibili bvid="BV1Ui4y1P78R"/}网易云歌单{music-list id="123243715" width="100%"/}网易云音乐{music id="1303046498" width="100%" /}多彩按钮下面的实现方式，无需去学习怎么实现，编辑器直接 插 入自定义自己想要的颜色　{abtn color="#409eff"/} 自定义图标，达6000+图标任你使用　{abtn icon="fa-bath"/}自定义圆角度数，最大17.5px　{abtn radius="4px"/}搭配在一起任意使用　{abtn color="#409eff" icon="fa-bath" href="" radius="0" content=""/}便条按钮便条按钮不能自定义色彩，必须使用一个图标，其他的的和上面的多彩按钮一样{anote icon="" href="" type="secondary" content=""/}{anote icon="" href="" type="success" content=""/} {anote icon="" href="" type="warning" content=""/} {anote icon="" href="" type="error" content=""/} {anote icon="" href="" type="info" content=""/}彩色虚线{dotted startColor="#ff6c6c" endColor="#1989fa"/}自定义虚线颜色，支持任意颜色{dotted startColor="#1772e8" endColor="#4cd327"/}回复可见隐藏内容，请前往内页查看详情默认卡片自定义宽度的卡片{card-default width="80%"}{/card-default}嵌套其他内容的卡片{card-default label="" width=""}{anote icon="" href="" type="secondary" content=""/}<div></div>猪狗你{/card-default}消息提示{message type="success" content=""/}{message type="info" content=""/}{message type="warning" content=""/}{message type="error" content=""/}附件预览主题自带博客附件预览功能，访问地址：{anote icon="fa-link" href="https://oss.4ce.cn" type="success" content="点击访问"/}进度条{progress percentage="" color="#ff6c6c"/}自定义颜色{progress percentage="30%" color="#3a9aee"/}标注{callout color="#f0ad4e"}标注内容{/callout}支持嵌入任意内容，及任意颜色{callout color="#ff6800"}表头表头表头表格表格表格表格表格表格表格表格表格<div> hello </div>{/callout}自定义外部音乐{mp3 url="https://api.vvhan.com/api/rand.music?type=json&sort=热歌榜" /}Tabs标签页{tabs}{tabs-pane label="标签一"}<div>啊哈哈哈哈我是大傻逼！</div>{/tabs-pane}{tabs-pane label="标签二"}啊啊啊啊啊！哦哦哦哦哦？哈哈哈哈哈！{/tabs-pane}{/tabs}卡片列表{card-list}{card-list-item} 列表一内容{/card-list-item}{card-list-item} 列表二内容{/card-list-item}{card-list-item} 列表三内容{/card-list-item}{card-list-item} 列表四内容{/card-list-item}{/card-list}时间轴{timeline}{timeline-item color="#19be6b"} 1.0.0版本正式上线{/timeline-item}{timeline-item color="#19be6b"} 更新2.0.0版本{/timeline-item}{timeline-item color="#ed4014"} 删库跑路{/timeline-item}{/timeline}点击复制链接：https://pan.baidu.com/s/14wKBhs4geqSLETvpYhxGZQ 提取码：{copy showText="点击复制" copyText="z451"/}复制这段内容后打开百度网盘手机App，操作更不方便哦描述性卡片{card-describe title="卡片描述"}卡片内容{/card-describe}跑马灯{lamp/}折叠面板{collapse}{collapse-item label="折叠标题一" open} 折叠内容一{/collapse-item}{collapse-item label="折叠标题二"} 折叠内容二{/collapse-item}{/collapse}云盘下载{cloud type="default" url="" password=""/}{cloud type="360" url="" password=""/}{cloud type="bd" url="" password="zk6f"/}{cloud type="ty" url="" password=""/}{cloud type="ct" url="" password=""/}{cloud type="wy" url="" password=""/}{cloud type="github" url="" password=""/}{cloud type="lz" url="" password=""/}宫格3列，间距15px的宫格{gird column="3" gap="15"}{gird-item}{/gird-item}{gird-item}{/gird-item}{gird-item}{/gird-item}{/gird}警告提示{alert type="info"}警告提示{/alert}{alert type="success"}警告提示{/alert}{alert type="warning"}警告提示{/alert}{alert type="error"}警告提示{/alert}注意事项！！！以上全部功能，都无需担心怎么实现，编辑器上有按钮，一键 深入 插入!!!

用github做图床的一款typecho插件—GitStatic GitHub图床typecho插件特点插件支持typecho自带附件上传访问速度超快 (你问速度吗？本文图片可全是秒加载）稳定性 (你问这个是怕最大的 ** 网站跑路吗？）免费白嫖 (没错就是白嫖）项目地址GitHub项目地址安装教程下载插件解压到插件目录获取 token创建仓库 (不会？别急创建仓库）设置插件用户名填入 github 账号填入 token储存桶填入仓库名没有 github 账号？注册呗后话插件处于公测阶段 不稳定性较大但是目前能够原生兼容typecho并且速度不会比 cos oss 差在后期计划对静态资源加速有问题可以留言啊

Akina for Typecho 使用介绍 本篇文章我将介绍如何去更好的了解使用 Akina for Typecho 模板，感受它独特的灵魂和魅力。使用前我应该做什么请将akina\images\avatar.jpg替换为自己头像 全局使用QQ头像将Akina\images\donate内收款图片替换为自己的收款码，（当然不替换也行）在后台设置-评论 允许使用<img src="">标签 ，否则将不能正常使用表情。主题层面关闭反垃圾保护、启用分页、将第一页作为默认显示、将较新的的评论显示在前面。主题层面评论允许img标签关于表情因为每个人的域名都是不一样的，为了适应这个，表情链接不能够写死。博主修改了相关js使其自动获取网站地址，但是这样改完后仅且只能使用图标包，即“img”标签主题自带一种表情包，可仿照其格式自行添加表情。主页（hmoe.php）设置Akina 提供了一个独特的首页页面在博客后台-设置-阅读-站点首页选择直接调用 hmoe.php模板文件，并勾选 同时将文章列表页路径更改为/blog（当然可以改成其他的，但要同时修改模板里路径home.php）其他页面在管理-独立页面-新增页面中友链必须为links.html结尾。关于必须为about.html结尾。留言必须为message.html结尾。归档必须为archives.html结尾。自定义模板选择名字相同模板（如多没有选择page），建议配置伪静态。typecho伪静态apache配置<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1] </IfModule>nginx配置server { listen 80; server_name yourdomain.com; root /home/yourdomain/www/; index index.html index.htm index.php; if (!-e $request_filename) { rewrite ^(.*)$ /index.php$1 last; } location ~ .*\.php(\/.*)*$ { include fastcgi.conf; fastcgi_pass 127.0.0.1:9000; } access_log logs/yourdomain.log combined; }之后在后台 设置->永久连接->启用地址重写功能->选择wordpress风格 即可友链写法!!! <br/> <div class="links"> <ul class="link-items fontSmooth"> <li class="link-item"><a class="link-item-inner effect-apollo" href="http://zhebk.cn/" title="我们，渺小到不可一世。" target="_blank" ><span class="sitename">纸盒博客</span><div class="linkdes">我们，渺小到不可一世。</div></a></li> ...... </ul> </div> !!!画廊图片写法!!! <a href="大图片地址" alt="说明" title="标题"><img class="aligncenter" src="小图片地址" alt="说明"></a> !!!下载按钮写法!!! <p> <a id="download_link" class="download" href="下载url" rel="external" target="_blank" title="下载地址"> <span><i class="iconfont icon-download"></i>点击下载</span> </a> </p> !!!标签样式#H1标签##H2标签###H3标签####H4标签#####H5标签后台模板设置提供网站副标题、DNS预解析加速、CDN镜像加速、备案号 等信息填写特别注意 使用CDN镜像加速时请在CDN服务商提供的空间内创建AkinaCDN文件夹，然后将主题目录的css、fonts、images、js文件夹及其下文件完整上传。最后在后台模板设置按提示填写域名即可。提示：劣质CDN甚至会拖慢网站的速度，CDN付费用户注意，该操作会让你的钱包遭受不可逆的降维打击。使用技巧在文章编辑里添加自定义字段 img 后面跟图片链接。可自定义页面(除了归档)的顶部图片,默认随机使用Akina\images\postbg下图片。在文章编辑里添加自定义字段 dt 后面不填。可开启动态式文章展示样式。使用动态样式时，文章首页不会看见标题，默认显示文章的前70个字符，可使用<!--more-->摘要分割线自定义显示内容。文章小火花触发条件：阅读量大于等于1000。有些独立页面如果不想让它在导航栏显示，增加一个自定义字段navbar并把字段值改为hide即可

欢迎使用 Typecho 如果您看到这篇文章,表示您的 blog 已经安装成功.