【分享】typecho 6款好看免费的主题

第一款截图:

【分享】typecho 6款好看免费的主题插图1

主题名称:Morecho – Typecho


介绍:

Morecho 主题基于 Bootstrap 框架制作,页面特点为双层三栏,默认配色为白+蓝,为 MarkDown 添加了一些易用的语法。
Morecho 插件推荐配套使用,插件提供了后台样式、后台编辑器的新增语法支持,这些功能均可独立开启。

如何使用:

注意: 本主题仅支持使用默认 MarkDown 编辑器或 Morecho 插件编辑器的文章,使用富文本编辑器或其他插件可能会正常显示,但是我无法确保完美兼容

  1. 从下载页面下载最新稳定版
  2. 将主题包解压并重命名为 Morecho
  3. 上传至服务器主题目录中,和其他主题的操作相同
    • 根据你的需要将plugins文件夹中的插件复制到服务器插件目录中

Morecho主题文档:https://typecho.mosar.in/#/start

Morecho主题下载地址:https://github.com/MuZhou233/Morecho-Typecho/releases

Morecho主题github:https://github.com/muzhou233/Morecho-Typecho

第二款截图

【分享】typecho 6款好看免费的主题插图3

主题名称:MWordStar – Typecho


  • 响应式设计
  • 无障碍适配(Accessibility)
  • 5 种不同风格的配色
  • 两种不同风格的元素
  • 代码高亮
  • 丰富的设置选项
  • 良好的 SEO 优化
  • 自带点赞功能
  • 丰富的侧边栏组件
  • 评论区自带 Emoji 表情面板
  • 自动根据文章中的标题生成章节目录
  • 长期维护

因为我个人比较喜欢两栏布局,所以这个主题也使用了两栏布局的设计。

主题依赖

主题主要用到了一下几个库和框架:

  • Bootstrap 外观和布局
  • jQuery Bootstrap 依赖
  • jquery-qrcode 一个生成二维码的 jQuery 插件
  • highlight.js 代码高亮
  • IcoMoon 字体图标

其中 IcoMoon 的字体图标是可定制的,所以只包含了主题中出现的图标,字体图标的文件体积也很小。

主题的静态文件没有使用任何 CDN 地址,所有文件都放在主题的 assets 目录中。主题的生成目录、点赞、快速分享 之类的功能都是自己手动编写的,所以用到的 JS 库也比较少。

使用 Webpack 打包的版本前台只需要加载一个 CSS 和 一个 JS 文件,所有 JS 库都打包到了 JS 中,所有 CSS 和字体图标都打包到了 CSS 中。因为用到的库比较少,而且字体图标和部分组件都是按需引入的,所以打包后的 CSS 和 JS 也比较小。

主题安装

把主题上传到 Typecho 的 usr/themes/ 目录,然后解压,你也可以先解压在上传。

解压后需要保证 themes 目录下 有一个 MWordStar 目录。

登录 Typecho 的后台管理,进入 控制台 -> 外观,如果看到 MWordStar 就点击 启用

代码高亮

代码高亮的样式使用的是 VS2015 的暗色主题,和 Visual Studio Code 的默认主题差不多。主题支持 30 多种语言的代码高亮。详细的说明可以查看 使用说明 。

友情链接

友情链接分为 全站友情链接首页友情链接内页友情链接全站友情链接 会在每个页面的侧边栏显示,首页友情链接 会在首页的侧边栏显示,内页友情链接 只会在 友情链接 的页面显示。

如需查看友情链接的设置说明可以访问:使用说明 。

文章头图

文章头图可以在 首页、文章页、侧边栏 显示,您可以根据需求在主题外观设置中设置。文章头图来源支持自动获取文章的第一张图片和手动输入图片 URL。

侧边栏

下面是目前可以显示在侧边栏的组件:

  • 博客信息
  • 搜索
  • 最新文章
  • 最新评论
  • 文章分类
  • 标签云
  • 日历归档
  • 按月份的文章归档
  • 登录入口和 RSS
  • 友情链接

侧边栏的每个组件您都可以选择开启或关闭,您还可以自定义侧边栏的组件排序顺序。

无障碍(Accessibility)

上网对于大多数人来说是一件再简单不过的事,但是对于一些身体有缺陷的残障人士来说却是一件非常困难的事。

目前国内的很多网站都只注重外观,忽略了残障人士的可访问性。但是想要做好网站的用户体验,无障碍 适配肯定是少不了的。

主题针对屏幕阅读器做了大量优化,并 在 NVDA 和 VoiceOver 这两款屏幕阅读器上做过测试,无论是 PC 还是移动设备都能完美朗读。主题能准确传达需要朗读的内容和信息,对于盲人来说,使用标准的屏幕阅读器基本可以无障碍操作。

主题可完美支持键盘访问,颜色对比度也符合标准。

小提示:如果您是屏幕阅读器用户,为了您的浏览体验,不建议使用 IE 浏览器。

Emoji 表情

主题评论区包含一个 Emoji 表情面板,您可以在后台启用或禁用。Emoji 表情面板包含 1466 个表情,这些表情都是按照分类动态加载的,您不用担心性能问题。

Emoji 表情面板也进行了无障碍适配,可支持键盘访问和屏幕阅读器朗读。

下面是 Emoji 表情面板的截图:

【分享】typecho 6款好看免费的主题插图5

兼容性

因为本主题使用了 HTML5 和 CSS3,需要 IE10 及以上浏览器才能完美兼容。IE8 及以下浏览器显示可能会出现一些问题。

插件适配

因为本人很少使用插件,所以目前适配的插件比较少。

下面是已适配的插件:

  • Sticky 文章置顶插件

已适配的插件不需要到 PHP 文件中添加插件代码,没有适配的插件可能需要按照插件说明到 PHP 文件中添加相应的插件代码。


Miracles Github:https://github.com/changbin1997/MWordStar

Sticky 文章置顶插件地址:https://plugins.typecho.me/plugins/sticky.html

Miracles主题使用说明:https://mwordstar.misterma.com/

第三款截图

【分享】typecho 6款好看免费的主题插图7

主题名称:Typecho主题 – Initial 简约而不简单(v2.5.2)


主题介绍:

  • 重新优化的响应式布局,移动端舒适体验
  • 轻量级设计,极速浏览体验
  • 傻瓜式后台设置,告别使用疑惑
  • 公共资源支持切换源:Staticfile、jsDelivr、CDNJS
  • Gravatar头像支持切换源:官方源、国内源、V2EX源。
  • 支持主题静态文件、文章附件自定义链接,实现镜像加速
  • 全站Pjax、Ajax评论、Ajax翻页、HTML压缩、CSS与JS文件压缩
  • 支持自定义Favicon图标,自定义头部跟随或固定,自定义标题或LOGO,自定义导航栏显示等
  • 支持自定义文章缩略图或者获取文章内任意图片作为缩略图
  • 支持面包屑导航、文章目录、文章二维码打赏、代码高亮
  • 支持“轻语”功能(类似说说)
  • 内置链接功能,可在首页(侧栏或页底)和链接模板内显示,可自定义要显示的链接分类
  • 添加侧边栏轻语、热门文章、标签云
  • 添加三套极简模板:轻语模板、归档模板和链接模板
  • 支持自定义备案号、网站统计代码
  • 网页右下角小工具,包括返回顶部、背景音乐、文章目录
  • 说明一下:背景音乐默认不加载,也就是说,如果不点播放按钮,是不会消耗任何流量的
  • 更多细节,等你发现🤩

initial下载地址: https://github.com/jielive/initial

第四款截图

【分享】typecho 6款好看免费的主题插图9

Typecho主题:Initial plus


不得不说Typecho非常适合搭建个人博客的程序,但默认界面实在太简陋,功能方面也少的可怜。因此Initial plus这款Typecho主题孕育而生!

主题介绍:

Initial plus主题 基于 initial主题v2.4.4 修改,之所以选择 initial主题 进行二次修改,看重的是其“极极极简风格”。Initial plus主题 在“极极极简风格”上增加了注重手机浏览界面,以及对文章编辑排版进行优化和功能添加,模板采用商业模式开发,所有功能后台都配备开关或选项,傻瓜式操作。当然如把所有功能关闭,主题将不嵌套任何框架插件,还原initial主题初心。

下载地址:https://blog.alttt.com/398.html

第五款截图

【分享】typecho 6款好看免费的主题插图11

Single主题

一个简洁大气,含夜间模式的 Typecho 博客模板。


主题介绍

简洁大气、夜间模式、文章目录、图片灯箱、代码高亮、平滑滚动、无 JQ 库。

使用方法

  1. Star 本项目
  2. 从这里 下载 主题源码
  3. 上传本主题,重命名为 single 并放置在 usr/themes/ 目录下
  4. 登录你的 Typecho 后台,选择启用主题即可食用~

single主题下载地址:https://github.com/Dreamer-Paul/Single/archive/master.zip

single主题开源地址:https://github.com/Dreamer-Paul/Single

第六款截图

【分享】typecho 6款好看免费的主题插图13

Paul 主题 Typecho


主题介绍

  • 日记
  • 语录
  • 主页
  • 文章页
  • 作品页
  • 评论与回复,不一样的输入框
  • 点赞, 浏览量
  • 播放器
  •  音乐页
  • Ajax 加载更多文章
  • 全站无刷新体验 (可能只有 Chrome 支持)
  •  评论 Ajax 提交
  • 文章内图片懒加载 (Safari 未通过测试)
  • Ajax 登陆后台
  • Ajax 前台提交新文章,带来不一样的体验

注意:

  1. PHP > 7.1
  2. 评论使用了 Ajax 提交,测试发现发送评论和回复均无异常,但是监视评论的插件如评论邮件提醒将会失效。可能是钩子函数的问题,如有解决方式请 PR。谢谢
  3. 使用 AppNode 或者其他面板的小伙伴请注意,请把网站的 PHP 设置 allow_url_fopen = On

pual主题下载地址:https://github.com/Innei/Typecho-Theme-Paul/releases

 

 

 

这些信息可能会帮助到你: 下载帮助 进站必看

提示,这一类软件容易失效,失效请留言反馈

修改版本安卓软件,加群提示为修改者自留,非本站信息,注意鉴别

发表评论

登录后才能评论