热门微信小程序demo源码分享

image

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

---

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

简介

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

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

image

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

快速开始

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

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

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

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

文档

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

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

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

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

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

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

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

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

//index.wxml底部的

    


//post.wxml

html2wxml插件版本准备

1. 添加插件

   
   
   

   添加小程序插件
2. 搜索 html2wxml ，选中并添加
   
   

   添加小程序插件

3. 添加成功

   
   
   

   添加小程序插件

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

演示

image

后续功能

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

感谢

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

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

捐赠

如果 Minimal 帮到你在微信装 X ，可以众筹作者买哇哈哈（注：捐赠请备注Minimal捐赠和名称哦）

微信
image

感谢以下捐赠者

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

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

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

image

image

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

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