双栏 Typecho 博客主题 – MWordStar

双栏 Typecho 博客主题 - MWordStar

MWordStar 是一套简洁的 Typecho 双栏博客主题。主题元素包含圆角和直角两种风格,您可以根据喜好在主题外观设置中切换。

双栏 Typecho 博客主题 - MWordStar

MWordStar 目前包含 6 套配色:

双栏 Typecho 博客主题 - MWordStar

特点和功能

  • 响应式设计
  • 无障碍适配(Accessibility)
  • 6 种不同风格的配色
  • 两种不同风格的元素
  • 多套自定义页面模板
  • 代码高亮
  • 丰富的设置选项
  • 良好的 SEO 优化
  • 自带点赞功能
  • 丰富的侧边栏组件
  • 详细的图表统计
  • 评论区自带 Emoji 表情面板
  • 可以自动根据文章中的标题生成章节目录
  • 长期维护
  • 详细的 使用说明(必看)

主题介绍

外观设计

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

主题依赖

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

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

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

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

主题安装

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

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

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

代码高亮

代码高亮目前包含三套主题配色,分别是 Stack Overflow(浅色)、VS2015(深色)、Sunburst(高对比度)。主题支持 30 多种语言的代码高亮,详细的语言支持列表和说明可以查看 使用说明 。

友情链接

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

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

文章头图

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

侧边栏

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

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

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

下载权限
查看
  • P
    免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
声明:本站所有资源均来自网络,版权属于原作者。如若本站内容侵犯了原著者的合法权益,请联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
TP免费主题Typecho主题

小清新动漫风格主题 - PureLove

2023-10-4 20:32:54

TP免费主题Typecho主题

兼顾性能、设计美学和视觉传达的Typecho主题 - Pinghsu

2023-10-5 11:14:25

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索