亲爱的蔡根花宝贝,迷你喵来了

Minimal 简约风 的微信小程序版博客


目录

- 简介
- 快速开始
- 文档
- 演示
- 后续功能
- 感谢
- 捐赠

简介

Minimal ,意为极简,这也是博主对这个平台的定义和追求,我们只做最简单、最好。

配合 Halo 轻快,简洁,功能强大的博客系统而开发出来的 简约风 微信小程序版博客

微信: lzqcode
GitHub:https://github.com/1913045515/minimal/

快速开始

注:开源不易请留 Minimal 底部署名不要删除

1
git clone https://github.com/1913045515/minimal.git

代码下载后,把 image 文件夹删除(放的是README中的图片与项目无关),用小程序 IDE 打开后即可使用。

注:请选择小程序项目,非小游戏,例子中无 appid,所以无法在手机上运行,如果需要真机调试,请在打开例子时,填上自己的小程序 id

文档

修改app.js文件的全局变量,改为你的 Minimal 博客的地址,请更新最新的 Minimal 配合使用

注:必须是HTTPS的因为,微信官方规定,还有把你的博客地址如:https://www.wolzq.comhttps://v2.jinrishici.com添加到微信公众平台的 request 合法域名

1
2
3
4
5
6
7
globalData: { //全局变量
userInfo: null,
URL: "https://www.wolzq.com",
blogName: "我们只做最好!",
TOKEN: "",
highlightStyle: "dracula", //代码高亮样式,可用值default,darcula,dracula,tomorrow
}

修改app.json文件更改小程序导航栏标题,改为你的博客名字

1
"navigationBarTitleText": "Minimal",  //你的博客名字

修改index.wxss文件更改首页封面背景图片,找到.aquanblog.nav

1
2
3
4
5
6
7
8
9
.aquanblog {
//填上你想要的封面图片链接
background-image: url("xxxxx");
}
自定义导航栏背景图片
.nav {
//填上你想要的封面图片链接
background: url("xxxxx") no-repeat;
}

删除广告单元(不删掉的话发布是通过不了审核的)

1
2
3
4
5
6
7
//index.wxml底部的
<view class="ad" >
<ad unit-id=""></ad>
</view>

//post.wxml
<ad class='ad' unit-id=""></ad>

html2wxml插件版本准备

  1. 添加插件
    添加小程序插件
  2. 搜索 html2wxml ,选中并添加
    添加小程序插件
  3. 添加成功
    添加小程序插件

文档正在不断完善中,遇到问题请加群提问或者 Issues 等你吐槽…

演示

后续功能

  • 自定义导航栏(个人觉得好看可自定义)
  • 个人名片(可宣传自己)
  • 文章点赞、收藏功能
  • 用户评论模块(文章评论功能)
  • 个人中心模块(点赞、收藏、浏览录)
  • 专题模块(java、php、js等技术专区)
  • 首页改版(增加banner、猜你喜欢、搜索功能)
  • 答题专区(选择某类型题型考试)
  • 内部商城(嵌入商城功能)

感谢

Minimal的诞生离不开下面这些项目:

  • Halo:轻快,简洁,功能强大,使用Java开发的博客系统
  • iView Weapp:一套高质量的微信小程序 UI 组件库
  • html2wxml:用于微信小程序的HTML和Markdown格式的富文本渲染组件,支持代码高亮

捐赠

如果 Minimal 帮到你在微信装 X ,可以众筹作者买哇哈哈(注:捐赠请备注Minimal捐赠和名称哦)

支付宝 微信

感谢以下捐赠者

作者会努力喝着你的哇哈哈敲代码的 ღ( ´・ᴗ・` )比心

日期 名称 方式 金额 留言
2019-03-16 I’YS 微信 10.00 哇哈哈
2019-03-16 qiang崽崽 微信 1.00 无留言
2019-03-15 xie~~ 微信 2.00 加油哦~

这边先给大家分享一个demo,如果童鞋想要更多的小程序demo项目资源,可以加我订阅号哦。
小程序资源截图如下所示:

扫码加我订阅号,然后回复“小程序”即可获得下载地址,扫码有惊喜哦~

林老师带你学编程 小程序体验