热门微信小程序demo源码分享
Minimal 简约风 的微信小程序版博客
目录
简介
Minimal ,意为极简,这也是博主对这个平台的定义和追求,我们只做最简单、最好。
配合 Halo 轻快,简洁,功能强大的博客系统而开发出来的 简约风 微信小程序版博客
微信: lzqcode
快速开始
注:开源不易请留 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底部的
<view class="ad" >
<ad unit-id=""></ad>
</view>
//post.wxml
<ad class='ad' unit-id=""></ad>
html2wxml插件版本准备
- 添加插件
![]()
- 搜索
html2wxml
,选中并添加![]()
- 添加成功
![]()
文档正在不断完善中,遇到问题请加群提问或者 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项目资源,可以加我订阅号哦。
小程序资源截图如下所示:
扫码加我订阅号~,然后回复“小程序”即可获得下载地址,扫码有惊喜哦~