本站使用了 Pjax 等基于 JavaScript 的开发技术,但您的浏览器已禁用 JavaScript,请开启 JavaScript 以保证网站正常显示!

WeBlog丨typecho博客的小程序版

logo.png

WeBlog

996.icu

typecho博客的小程序版,支持微信小程序,QQ小程序

特性

音频播放

支持Aplayer插件播放audio/音乐

2020-02-21T03:36:30.png

跨平台编译

基于uni-app开发,支持多端编译。包括但不限于,APP,微信小程序,快应用,QQ小程序,支付宝小程序,H5移动端

微信小程序QQ小程序
微信小程序二维码QQ小程序二维码

一键换肤

采用互补色彩设计原则,支持一键修改主题色。修改文件中的RGB值,即可一键换肤。下面提供一些颜色供以参考。

知乎蓝

首页文章页关于页
2020-02-21T02:35:52.png2020-02-21T02:36:10.png2020-02-21T02:36:31.png

思否绿

首页文章页关于页
2020-02-21T02:42:26.png2020-02-21T02:42:41.png2020-02-21T02:42:52.png

CSDN红

首页文章页关于页
2020-02-21T02:44:27.png2020-02-21T02:44:41.png2020-02-21T02:44:53.png

掘金蓝

首页文章页关于页
2020-02-21T02:46:51.png2020-02-21T02:47:06.png2020-02-21T02:47:16.png

简书红

首页文章页关于页
2020-02-21T02:48:58.png2020-02-21T02:49:07.png2020-02-21T02:49:17.png

GitHub灰

首页文章页关于页
2020-02-21T02:50:57.png2020-02-21T02:51:07.png2020-02-21T02:51:16.png

开发框架

本项目采用uni-app+colorUI开发

快速开始

小程序端

自行编译

适用于有前端基础的同学

  1. 下载Hbuilderx
  2. 将文件夹 uni-app 导入项目
  3. 发行至微信小程序

不编译直接使用

适用于零基础或基础较差的同学

  1. 打开uni-app/unpackage/dist/build/mp-weixin目录导入小程序开发者工具
  2. 激活插件后,修改请求链接文件 @/static/utils/api.js 中的baseUrl, 将域名更换为你的域名。

Typecho插件端

复制WeBlog到插件目录, 在后台激活并设置

特别鸣谢

感谢各位开源作者优秀的作品!

开发计划

  • [x] 浏览量和点赞量数据表
  • [x] 评论功能
  • [x] 点击图片预览功能
  • [x] 点击链接复制功能
  • [x] Aplayer插件的支持
  • [x] 一键修改主题色
  • [ ] 文章搜索
  • [ ] 评论回复功能
  • [ ] 评论通知功能
  • [ ] 网页端微信登录
  • [ ] 接口加密

更新日志

v0.2.0
feature

  1. 采用完全的自定义组件模式,适配一键换肤
  2. 优化一键换肤的功能。

v0.1.9
feature

  1. 采用互补色彩设计原则,支持一键修改主题色

fixed

  1. 修复文章分类不同步的BUG
  2. 修复在部分情况下缩略图不显示的BUG
  3. 修复遇到文章不解析的BUG

v0.1.8

  1. 美化界面
  2. 优化小程序页面收录
  3. 新增文章分享缩略图

v0.1.7

  1. 更新towxml到3.0
  2. 修复音乐播放混乱的问题
  3. 更新动态版权年

v0.1.6

  1. 支持Aplayer插件
  2. 支持默认缩略图地址自定义

v0.1.5

  1. 美化关于页界面
  2. 优化页面下拉,上拉功能
  3. 适配QQ小程序登录

v0.1.4

  1. 采用触底加载文章的分页形式
  2. 优化文章页分享标题
  3. 美化关于页界面

v0.1.3

  1. 修复todo list样式问题
  2. 为关于页面添加overView
  3. 让页面支持转发操作
  4. 修复获取文章数错误的问题

v0.1.2

  1. 修复评论后台没有名字的BUG
  2. 弃用Vuex
  3. 支持博客多作者显示

 继续浏览关于 前端 的文章

 本文最后更新于:2020/02/29 14:28:17,可能因经年累月而与现状有所差异

 引用转载请注明:指尖魔法屋 > 心路里程 > WeBlog丨typecho博客的小程序版

精选评论

  1. MoLeft
    MoLeft 回复

    Windows 10Chrome 79.0.3945.88

    大佬,我从github克隆下来了,打包QQ小程序,所有的图标都不显示,而且文章内容有的markdown语法不会转成html格式,您的QQ我也找不到,只能在这留言了

  2. 赵帆同学
    赵帆同学 回复

    Windows 10Chrome 71.0.3578.98

    博主,我修改了 @/static/utils/api.js 中的baseUrl后调用的还是你的文章呀,哪里还需要改嘛?

    1. 醉月思

      如果你采用的自行编译模式需要的是项目文件夹的api.js区分调试和发布模式。使用的是编译后的版本,直接更改编译后的文件夹WeBlog/uni-app/unpackage/dist/build/mp-weixin/static/utils/api.js即可使用。

      1. 赵帆同学
        赵帆同学 回复

        Windows 10Chrome 71.0.3578.98

        对的,我就是用编译后的版本修改的这里,但好像没有起效果

        1. 醉月思

          刚刚回复有所修改,你看看能不能解决问题。明天将配置文档完善一下。

          1. 醉月思
          2. 赵帆同学
            赵帆同学 回复

            Windows 10Chrome 71.0.3578.98

            我修改的是编译后的版本那里,没有起效果。

  3. 小情歌
    小情歌 回复

    Windows 10Chrome 80.0.3987.100

    请问博主,首页文章图片不显示怎么解决,文章内有图片,

    1. 醉月思

      添加文章自定义字段:"thumb2",设置为图片链接

      1. 小情歌
        小情歌 回复

        Windows 10Chrome 80.0.3987.100

        好的,感谢大佬,

  4. 全能小太阳
    全能小太阳 回复

    Android 10Chrome 74.0.3729.186

    nmp怎么安装?没学会

    1. 醉月思

      不会使用npm,可以直接使用编译后的版本

  5. orange776
    orange776 回复

    Windows 7Chrome 69.0.3497.100

    HBuilderX....
    所以这个项目可以不弄成小程序 弄成App么
    毕竟小程序还是要拿去审核的 懒得等那么长时间
    icon_twisted.gif

    1. 醉月思

      你可以使用HbuiderX云编译为APP,可能需要对一些地方做适配

  6. Faonecze
    Faonecze 回复

    未知操作系统未知浏览器

    昨晚下载github看,代码不包含链接复制吖?还是我弄错了-_-||~

    1. 醉月思

      https://github.com/thinkmoon/WeBlog/blob/master/uni-app/static/extensions/towxml/index.js,包含的

      1. 崔先森
        崔先森 回复

        Windows 7Chrome 78.0.3904.108

        有是有,可是好像不能用?

        1. 醉月思
          1. 崔先森
            崔先森 回复

            Android 9Chrome 57.0.2987.108

            嗯,晚上下班回家折腾下,还没搞明白github用法,之前看教程忘光了,昨晚对比你这几次代码发现怎么有些位置代码每次都不一样?还基本是四位数!

  7. 崔先森
    崔先森 回复

    Windows 7Chrome 78.0.3904.108

    刚发现post赞赏的二维码可以换成微信自己的“赞赏码”,点“赏”后长按图片扫一下方便些。

  8. Goff
    Goff 回复

    未知操作系统未知浏览器

    大佬牛逼

  9. 森木志
    森木志 回复

    未知操作系统未知浏览器

    你好我有一个问题,因为不是每个人的博客每一篇文章都有略缩图,所以对于没有略缩图的文章怎么处理呢

  10. Faonecze
    Faonecze 回复

    未知操作系统未知浏览器

    昨天自己看过,是自己之前用markdown书写不规范造成的,已经数据库里修改了,正常,刚才回复发现大佬站点浏览器回复评论提交没反应?就又在小程序里头回复了:)

    控台输出? 去github说吧

    1. 醉月思

      前两天改了点东西,刚刚我也发现了。好多功能不行了

  11. Faonecze
    Faonecze 回复

    未知操作系统未知浏览器

    昨晚又重新看了下,,直接输出typecho的文章内容,我想过滤文章内的view标签,但是view标签有好多个,只想过滤掉第一个,用什么方法呢?

    1. 醉月思

      你文章内有view,不算标准的markdown格式,所以你需要自己重构一下towxml解析组件

  12. Faonecze
    Faonecze 回复

    未知操作系统未知浏览器

    大佬,我自己折腾你这份小程序,现在遇到两个问题,请大佬指导一下:
    一个是小程序显示的markdow语法没效果;
    二个自己弄播放器插件,小程序直接显示代码了;小程序可以过滤这些代码嘛?

    1. 醉月思

      一:提供一下小程序的控制台输出
      二:见上一条回复

  13. 努力前进
    努力前进 回复

    未知操作系统未知浏览器

    不错