MWordStar – 响应式双栏 Typecho 博客主题

主题简介

这是一套简洁的 Typecho 双栏博客主题

主题特性

  • 响应式设计:主题可以兼容 PC。Pad。手机。IE 浏览器最低可兼容到 IE9。部分动画可能需要 IE10 以上才能完美兼容。
  • 代码高亮:主题支持 30 多种语言的代码高亮,代码高亮的主题是 VS2015 的暗色主题,和 Visual Studio Code 的默认主题差不多。
  • Accessibility:主题针对键盘和屏幕阅读器做了大量优化,能准确传达需要朗读的内容和信息,对于盲人来说,使用标准的屏幕阅读器基本可以无障碍操作。
  • 丰富的设置选项:主题提供了丰富的设置选项,您可以根据喜好调整主题的配色、元素风格、侧边栏组件、以及个区域的显示和隐藏等。
  • Emoji表情:在评论区包含一个 Emoji 表情面板,目前共有 1466 个表情,这些表情都是按照分类动态加载的,您不用担心性能问题。
  • 文章归档:主题提供了多种文章归档方案,其中包括按月份的侧边栏归档组件,按日期的侧边栏日历组件,按时间线的独立页归档模板。

主题预览

file

主题元素包含圆角和直角两种风格,您可以根据喜好在主题外观设置中切换,下面是直角风格的首页截图:

file

主题还包含了几套不同风格的配色,您可以根据喜好在主题外观设置中切换。

file

主题依赖

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

  • Bootstrap 外观和布局
  • jQuery Bootstrap 依赖
  • jquery-qrcode 一个生成二维码的 jQuery 插件
  • highlight.js 代码高亮
  • IcoMoon 字体图标
    其中 IcoMoon 的字体图标是可定制的,所以只包含了主题中出现的图标,字体图标的文件体积也很小。

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

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

主题下载

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

百度网盘:https://pan.baidu.com/s/1K9-kls3Q7dlRVfXsPlKATA 提取码: wmci

天翼网盘:https://cloud.189.cn/t/VJ3qaaNRrieq 访问码:5lrm

移动和彩云:http://caiyun.feixin.10086.cn/dl/145ClusYOD0De 提取码:X6ma

主题安装

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

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

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

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇