{"id":13714041,"url":"https://github.com/changbin1997/MWordStar","last_synced_at":"2025-05-07T00:34:44.414Z","repository":{"id":37449378,"uuid":"200207332","full_name":"changbin1997/MWordStar","owner":"changbin1997","description":"响应式双栏 Typecho 博客主题","archived":false,"fork":false,"pushed_at":"2024-02-28T15:15:30.000Z","size":2817,"stargazers_count":196,"open_issues_count":13,"forks_count":30,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-05-23T04:31:27.125Z","etag":null,"topics":["accessibility","blog-theme","php","theme","typecho"],"latest_commit_sha":null,"homepage":"https://www.misterma.com","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/changbin1997.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-08-02T09:30:12.000Z","updated_at":"2024-05-28T15:09:12.073Z","dependencies_parsed_at":"2023-02-08T09:15:25.470Z","dependency_job_id":"a7cae9b5-5ffd-4af2-bb1b-44607f049973","html_url":"https://github.com/changbin1997/MWordStar","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/changbin1997%2FMWordStar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/changbin1997%2FMWordStar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/changbin1997%2FMWordStar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/changbin1997%2FMWordStar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/changbin1997","download_url":"https://codeload.github.com/changbin1997/MWordStar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252793029,"owners_count":21805053,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","blog-theme","php","theme","typecho"],"created_at":"2024-08-02T23:01:50.585Z","updated_at":"2025-05-07T00:34:44.397Z","avatar_url":"https://github.com/changbin1997.png","language":"PHP","funding_links":[],"categories":["PHP"],"sub_categories":[],"readme":"![MWordStar主题在各种设备的截图](screenshot/home-page.jpeg)\n\n这是一套简洁的 [Typecho](https://typecho.org/) 双栏博客主题，也是 [我的博客](https://www.misterma.com/) 之前使用的主题。\n\n我现在使用的主题是 [Facile](https://github.com/changbin1997/Facile) ，有兴趣的话也可以访问 [我的博客](https://www.misterma.com/) 或 [Github](https://github.com/changbin1997/Facile) 查看。\n\n主题在线演示地址：[https://changbin1997.github.io/MWordStar/web/](https://changbin1997.github.io/MWordStar/web/)\n\n主题演示站的页面都是静态页面，不能发评论和点赞。因为演示站不会随着主题一起更新，所以你在演示站看到的效果可能和最新版本的主题也会有些不一样。\n\n主题下载地址：[https://github.com/changbin1997/MWordStar/releases](https://github.com/changbin1997/MWordStar/releases)\n\n主题使用说明：[https://mwordstar.misterma.com/](https://mwordstar.misterma.com/)\n\n目前主题没有相关的交流群，在使用过程中遇到问题可以直接到 [我的博客](https://www.misterma.com/archives/812/) 留言，也可以到主题 Github 的 [issues](https://github.com/changbin1997/MWordStar/issues) 反馈，我的博客和 Github issues 都有回复邮件通知。\n\n下面是主题首页截图：\n\n![MWordStar主题首页截图1](screenshot/home.png)\n\n主题元素包含圆角和直角两种风格，您可以根据喜好在主题外观设置中切换，下面是直角风格的首页截图：\n\n![MWordStar直角风格首页截图](screenshot/16043686924621.jpg)\n\n小头图模式：\n\n![MWordStar小头图模式截图](screenshot/mini-header-image.png)\n\n也可以给文章设置单独的头图样式：\n\n![MWordStar大头图和小头图搭配使用的截图](screenshot/mini-header-image2.png)\n\n深色模式：\n\n![MWordStar深色模式截图](screenshot/dark-color.png)\n\n主题目前包含 6 种配色：\n\n![MWordStar 6种不同配色的截图](screenshot/all-color.png)\n\n## 特点和功能\n\n* 响应式设计\n* 无障碍适配（Accessibility）\n* 6 种不同风格的配色\n* 两种不同风格的元素\n* 多套自定义页面模板\n* 代码高亮\n* 丰富的设置选项\n* 良好的 SEO 优化\n* 详细的图表统计\n* 自带文章浏览量统计和点赞功能\n* 丰富的侧边栏组件\n* 评论区自带 Emoji 表情面板\n* 支持自动根据文章中的标题生成章节目录\n* 支持图片懒加载\n* 文章支持分页显示\n* 文章列表支持多种排版组合\n* 支持 PJAX 无刷新跳转\n* 支持多语言\n* 长期维护\n* 详细的 [使用说明](https://mwordstar.misterma.com/)（必看）\n\n## 主题介绍\n\n### 外观设计\n\n因为我个人比较喜欢两栏布局，所以这个主题也使用了两栏布局的设计。\n\n### 主题依赖\n\n主题主要用到了一下几个库和框架：\n\n* [Bootstrap](https://getbootstrap.com/)  外观和布局\n* [jQuery](https://jquery.com/)  Bootstrap 依赖\n* [jquery-qrcode](https://github.com/jeromeetienne/jquery-qrcode) 一个生成二维码的 jQuery 插件\n* [highlight.js](https://highlightjs.org/)  代码高亮\n* [IcoMoon](https://icomoon.io/)  字体图标\n* [ECharts](https://github.com/apache/echarts)  生成和展示统计图表\n* [jquery-pjax](https://github.com/defunkt/jquery-pjax) 用于页面无刷新跳转\n\n其中 IcoMoon 的字体图标是可定制的，所以只包含了主题中出现的图标，字体图标的文件体积也很小。ECharts 也只包含饼图和日历图，而且只会在统计页面加载。\n\n主题的静态文件没有使用任何 CDN 地址，所有文件都放在主题的 `assets` 目录中。主题的生成目录、点赞、快速分享 之类的功能都是自己手动编写的，所以用到的 JS 库也比较少。\n\n使用 Webpack 打包的版本前台只需要加载一个 CSS 和 一个 JS 文件，所有 JS 库都打包到了 JS 中，所有 CSS 和字体图标都打包到了 CSS 中。因为用到的库比较少，而且字体图标和部分组件都是按需引入的，所以打包后的 CSS 和 JS 也比较小。\n\n如果您没有二次开发需求的话，建议下载 Webpack 打包的版本，也就是后缀包含 `bundle` 的 zip 文件。前台的 JavaScript 使用了 ES6 语法，IE 系列浏览器和一些较老的浏览器可能无法正常运行，Webpack 打包的版本使用 Babel 转换过代码，可以在 IE 和较老的浏览器上运行。\n\n### 主题安装\n\n把主题上传到 Typecho 的 `usr/themes/` 目录，然后解压，您也可以先解压在上传。\n\n解压后需要保证 `themes` 目录下 有一个 `MWordStar` 目录。\n\n登录 Typecho 的后台管理，进入 `控制台` -\u003e `外观`，如果看到 **MWordStar** 就点击 `启用`。\n\n### 代码高亮\n\n代码高亮目前包含三套主题配色，分别是 Stack Overflow（浅色）、Github（深色）、Sunburst（高对比度）。主题支持 30 多种语言的代码高亮，详细的语言支持列表和说明可以查看 [使用说明](https://mwordstar.misterma.com/docs/doc13) 。\n\n### 友情链接\n\n友情链接分为 `全站友情链接`、`首页友情链接`、`内页友情链接`。`全站友情链接` 会在每个页面的侧边栏显示，`首页友情链接` 会在首页的侧边栏显示，`内页友情链接` 只会在 友情链接 的页面显示。\n\n如需查看友情链接的设置说明可以访问：[使用说明](https://www.misterma.com/archives/819/) 。\n\n### 文章头图\n\n文章头图可以在 首页、文章页、侧边栏 显示，您可以根据需求在主题外观设置中设置。文章头图来源支持自动获取文章的第一张图片和手动输入图片 URL。\n\n### 侧边栏\n\n下面是目前可以显示在侧边栏的组件：\n\n* 博客信息\n* 搜索\n* 最新文章\n* 最新评论\n* 文章分类\n* 标签云\n* 日历归档\n* 按月份的文章归档\n* 登录入口和 RSS\n* 友情链接\n* 文章章节目录\n* 自定义HTML\n* 语言选择\n\n侧边栏的每个组件您都可以选择开启或关闭，您还可以自定义侧边栏的组件排序顺序。\n\n### 无障碍（Accessibility）\n\n上网对于大多数人来说是一件再简单不过的事，但是对于一些身体有缺陷的残障人士来说却是一件非常困难的事。\n\n目前国内的很多网站都只注重外观，忽略了残障人士的可访问性。但是想要做好网站的用户体验，[无障碍](https://www.misterma.com/archives/264/) 适配肯定是少不了的。\n\n主题针对屏幕阅读器做了大量优化，并 在 [NVDA](http://www.nvda-project.org/) 和 [VoiceOver](https://www.apple.com/cn/accessibility/iphone/vision/) 这两款屏幕阅读器上做过测试，无论是 PC 还是移动设备都能完美朗读。主题能准确传达需要朗读的内容和信息，对于视障人群来说，使用标准的屏幕阅读器基本可以无障碍操作。\n\n主题可完美支持键盘访问，颜色对比度也符合标准。\n\n小提示：如果您是屏幕阅读器用户，为了您的浏览体验，不建议使用 IE 浏览器。\n\n### Emoji 表情\n\n主题评论区包含一个 Emoji 表情面板，您可以在后台启用或禁用。Emoji 表情面板包含 1466 个表情，这些表情都是按照分类动态加载的，您不用担心性能问题。\n\nEmoji 表情面板也进行了无障碍适配，可支持键盘访问和屏幕阅读器朗读。\n\n下面是 Emoji 表情面板的截图：\n\n![emoji面板截图](screenshot/emoji.jpeg)\n\n### 统计页\n\n主题包含一个统计页模板，您可以在后台创建页面，页面的自定义模板选择 `网站数据`，标题可以随便写，创建完成后就可以在顶部导航栏访问了。\n\n统计页包含基本的数据统计、分类文章占比图、文章更新日历图、评论动态日历图、阅读量排名前 5 的文章、评论量排名前 5 的文章。\n\n基本数据统计如下：\n\n![MWordStar 基本统计截图](screenshot/statistics.jpeg)\n\n分类占比统计图如下：\n\n![MWordStar 分类统计图](screenshot/category-statistics.jpeg)\n\n下面是评论动态日历图：\n\n![MWordStar 评论动态日历图](screenshot/comment-calendar.jpeg)\n\n文章动态日历图和评论动态的日历图是差不多的，屏幕尺寸不同显示的月份数量也不同。\n\n下面是文章评论排名表格：\n\n![MWordStar 文章评论排名表格](screenshot/comment-statistics.jpeg)\n\n文章阅读量排名表格和评论量排名的表格也是差不多的。\n\n统计页面效果可以参考 [https://www.misterma.com/data.html](https://www.misterma.com/data.html) ，也可以直接访问 MWordStar 的静态演示站。\n\n### 兼容性\n\n主题使用了少量的 CSS3，浏览器需要达到 IE10 才能完美兼容，IE8 和 9 也能使用，但是有些页面的显示 例如代码高亮和时间线显示可能会出现稍微偏移的情况。\n\n### 插件适配\n\n因为本人很少使用插件，所以目前适配的插件比较少。\n\n下面是已适配的插件：\n\n* [Sticky](https://plugins.typecho.me/plugins/sticky.html) 文章置顶插件\n\n已适配的插件不需要到 PHP 文件中添加插件代码，没有适配的插件可能需要按照插件说明到 PHP 文件中添加相应的插件代码。\n\n## 其它\n\n主题 Github：[https://github.com/changbin1997/MWordStar](https://github.com/changbin1997/MWordStar)\n\n主题使用 [MIT License](https://github.com/changbin1997/MWordStar/blob/master/LICENSE) 开源。\n\n## 打赏支持\n\n如果感觉主题用着还可以的话，也可以扫描下方的二维码打赏，金额随意：\n\n![支付宝和微信的收款码](screenshot/qr-code.jpeg)\n\n非常感谢 ❤️\n\n下面是 [MWordStar](https://github.com/changbin1997/MWordStar) 和 [Facile](https://github.com/changbin1997/Facile) 两个主题的打赏记录：\n\n| 打赏者 | 金额（人民币） | 时间                |\n| ------ | -------------- | ------------------- |\n| *伟    | 1.00           | 2022 年 8 月 12 日  |\n| S*r    | 1.00           | 2022 年 11 月 17 日 |\n| *玥    | 10.00          | 2022 年 11 月 27 日 |\n| 0*7    | 1.00           | 2022 年 12 月 17 日 |\n| *U     | 20.00          | 2023 年 1 月 18 日  |\n| *义    | 16.80          | 2023 年 3 月 29 日  |\n| Y*a    | 10.00          | 2023 年 4 月 4 日   |\n| *行    | 8.88           | 2023 年 5 月 8 日   |\n| *华    | 8.88           | 2024 年 10 月 11 日 |\n| *王    | 6.66           | 2024 年 12 月 26 日 |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchangbin1997%2FMWordStar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchangbin1997%2FMWordStar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchangbin1997%2FMWordStar/lists"}