更新记录

1.0.0（2021-01-13） 下载此版本

博客前后端均已开源，前端uniapp，后端golang

简介

前端地址：uniblog
后端地址：cjblog
博客地址：博客
配合 blog ,借鉴WeHalo样式开发出来的 简约风 uniapp版博客，可供多端使用。		 QQ交流群: 469064015 微信群

如果群二维码失效，可加nockygo，拉你入群

快速开始

前端部分:

地址：uniblog

  1. git clone https://github.com/cjyzw/uniblog 或者打开插件市场点击右侧导入插件/下载zip
  2. 打开Hbuilder本项目，右击关联云空间，选择阿里云，将db_init.json部署到云存储中。注：打开[unicloud控制台](https://unicloud.dcloud.net.cn/),选择阿里云服务空间/云数据库/token表，点击管理修改typ,appid,secret即可
  3. 用Hbuilder打开本项目中mainfest.json填写对应小程序的appid
  4. 点击Hbuilder工具栏/运行，运行到某某小程序，注: 记得下载对应的小程序运行工具
  5. config/index.js中，ipAddress填写调取markdown文件的博客地址
  6. App.vue中，找到bannerimglist，修改地址，可以将轮播图中的图片替换，设置个人logo图片，修改homeImg

注：必须是HTTPS的因为，所有小程序官方规定，需要把博客地址如：https://blog.hexiefamily.xin和https://v2.jinrishici.com以及https://vkceyugu.cdn.bspapp.com添加到微信，qq，字节头条等公众平台的 request 合法域名中
如果博客地址不会配置https协议可以看[这里](https://blog.hexiefamily.xin/article?path=%2fSSH%2facme%e7%94%9f%e6%88%90https%e5%8d%8f%e8%ae%ae%e6%93%8d%e4%bd%9c%e6%96%b9%e6%b3%95.md)

globalData: {
      windowHeight: uni.getSystemInfoSync().windowHeight,
      windowWidth:uni.getSystemInfoSync().windowWidth,
    //全局变量
    userInfo: null,
    openid:'',
    skin: null,
    roleFlag: false,
    jrscurl: "https://v2.jinrishici.com",
    BlogName: "代码改变生活",
    highlightStyle: "dracula",
    //代码高亮样式，可用值default,darcula,dracula,tomorrow
    adminOpenid: "",
    homeImg:'/static/image/cat.png',
    bannerimglist:[
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/a93bb8b0-50dd-11eb-a16f-5b3e54966275.jpg',
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/a8638120-50dd-11eb-a16f-5b3e54966275.jpg',
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/aa0fd190-50dd-11eb-bd01-97bc1429a9ff.jpg',
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/aade6c30-50dd-11eb-a16f-5b3e54966275.jpg',
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/ab9d7670-50dd-11eb-a16f-5b3e54966275.jpg'
    ]
  }

注：例子中无appid，所以无法在手机上运行，如果需要预览，真机调试填上自己的小程序 appid哦~,具体各类小程序如何运行可以访问 [运行**](https://uniapp.dcloud.io/quickstart-hx?id=%e8%bf%90%e8%a1%8cuni-app)

后端部分：

地址：cjblog

  1. git clone http://github.com/cjyzwg/cjblog
  2. cd cjblog
  3. go mod tidy(前提已经开启export GO111MODULE=on）
  4. go run main.go打开浏览器，访问http://localhost:8081 即可
  5. 删除resources/blog_docs/content中所有内容，分类名为文件夹名如：DNS，文件为名为：a.md
  6. 所有配置项在config.json中，均可以修改
{
  "port": 8081,
  "pageSize": 7,
  "descriptionLen": 200,
  "author": "Chensir",
  "webHookSecret": "cj",
  "timeLayout": "2006.01.02 15:04",
  "siteName": "Chensir's Personal Blog",
  "documentPath": "resources/blog_docs",
  "htmlKeywords": "forest blog,Golang,前端",
  "htmlDescription": "Chensir's Personal blog",
  "categoryListFileNumber": 6,
  "themeColor": "#9c27b0",
  "dashboardEntrance": "/admin",
  "themeOption": ["#673ab7","#f44336","#9c27b0","#2196f3","#607d8b","#795548"]
}

注：请确保go版本在1.11以上

注意事项：

  1. 所有的笔记都是markdown文件,.md结尾
  2. 服务端代码中不涉及mysql部分，本着简洁的目的，通过生成的cache文件来访问，若要添加，可自行添加或者联系我
  3. 可将此代码部署到服务器，或者部署到本机，服务器代理转发到本机即可

接口部分：

没有加token鉴别，可自行添加

  • 【文章列表】博客地址+/apis/articlelist，参数：page || search || 无
  • 【文章内容】博客地址+/apis/articlecontent，参数：path(文件路径名，如：/DNS/a.md)
  • 【文章分类】博客地址+/apis/category，参数：无
  • 【文章分类的内容】博客地址+/apis/categorycontent，参数：name(分类名)
  • 【今日诗词获取token】今日诗词地址+/token，参数：name(分类名)
  • 【今日诗词获取诗句】今日诗词地址+/sentence，header头加：X-User-Token(token)

演示

博客地址:https://blog.hexiefamily.xin/ 微信小程序 qq小程序 头条小程序

提示

  1. qq小程序个体不支持评论功能
  2. 头条小程序抖音ios版访问不了，头条的审核机制问题
  3. 通常上线审核要2-3天，把握好时间哈~

功能

  • [x] 文章展示
  • [x] 评论展示
  • [x] 搜索文章功能
  • [x] 文章评论功能
  • [x] 评论功能内容识别
  • [x] 友链展示
  • [x] 点赞功能（云函数）
  • [x] 文章浏览统计功能（云函数）
  • [ ] 用户回复评论追评功能
  • [ ] 生成海报
  • [ ] 博主查看评论功能
  • [ ] 博主回复评论功能
  • [ ] 支付宝小程序抽屉功能修复...

感谢

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

  • WeHalo： 一个简约清爽的开源博客微信小程序。
  • ColorUI：鲜亮的高饱和色彩，专注视觉的小程序组件库
  • ForestBlog：golang简约版的博客应用

其他

  • startmyblog： 使用flutter做的app，调取后端做接口。
  • qrcp_pass： 解决跨平台传文件，不用经过微信压缩即可传视频。

    捐赠

如果 UniBlog 圆了你在微信/qq/抖音小程序或app各个平台中的梦想了，可以众筹作者买个小茗同学喝喝（注：捐赠请备注哈）

支付宝 微信

平台兼容性

阿里云 腾讯云 支付宝云
√ × ×

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

博客前后端均已开源，前端uniapp，后端golang

简介

前端地址：uniblog
后端地址：cjblog
博客地址：博客
配合 blog ,借鉴WeHalo样式开发出来的 简约风 uniapp版博客，可供多端使用。		 QQ交流群: 469064015 微信群

如果群二维码失效，可加nockygo，拉你入群

快速开始

前端部分:

地址：uniblog

  1. git clone https://github.com/cjyzw/uniblog 或者打开插件市场点击右侧导入插件/下载zip
  2. 打开Hbuilder本项目，右击关联云空间，选择阿里云，将db_init.json部署到云存储中。注：打开[unicloud控制台](https://unicloud.dcloud.net.cn/),选择阿里云服务空间/云数据库/token表，点击管理修改typ,appid,secret即可
  3. 用Hbuilder打开本项目中mainfest.json填写对应小程序的appid
  4. 点击Hbuilder工具栏/运行，运行到某某小程序，注: 记得下载对应的小程序运行工具
  5. config/index.js中，ipAddress填写调取markdown文件的博客地址
  6. App.vue中，找到bannerimglist，修改地址，可以将轮播图中的图片替换，设置个人logo图片，修改homeImg

注：必须是HTTPS的因为，所有小程序官方规定，需要把博客地址如：https://blog.hexiefamily.xin和https://v2.jinrishici.com以及https://vkceyugu.cdn.bspapp.com添加到微信，qq，字节头条等公众平台的 request 合法域名中
如果博客地址不会配置https协议可以看[这里](https://blog.hexiefamily.xin/article?path=%2fSSH%2facme%e7%94%9f%e6%88%90https%e5%8d%8f%e8%ae%ae%e6%93%8d%e4%bd%9c%e6%96%b9%e6%b3%95.md)

globalData: {
      windowHeight: uni.getSystemInfoSync().windowHeight,
      windowWidth:uni.getSystemInfoSync().windowWidth,
    //全局变量
    userInfo: null,
    openid:'',
    skin: null,
    roleFlag: false,
    jrscurl: "https://v2.jinrishici.com",
    BlogName: "代码改变生活",
    highlightStyle: "dracula",
    //代码高亮样式，可用值default,darcula,dracula,tomorrow
    adminOpenid: "",
    homeImg:'/static/image/cat.png',
    bannerimglist:[
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/a93bb8b0-50dd-11eb-a16f-5b3e54966275.jpg',
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/a8638120-50dd-11eb-a16f-5b3e54966275.jpg',
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/aa0fd190-50dd-11eb-bd01-97bc1429a9ff.jpg',
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/aade6c30-50dd-11eb-a16f-5b3e54966275.jpg',
        'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-aliyun-6rawjgd8tdtl4007ee/ab9d7670-50dd-11eb-a16f-5b3e54966275.jpg'
    ]
  }

注：例子中无appid，所以无法在手机上运行，如果需要预览，真机调试填上自己的小程序 appid哦~,具体各类小程序如何运行可以访问 [运行**](https://uniapp.dcloud.io/quickstart-hx?id=%e8%bf%90%e8%a1%8cuni-app)

后端部分：

地址：cjblog

  1. git clone http://github.com/cjyzwg/cjblog
  2. cd cjblog
  3. go mod tidy(前提已经开启export GO111MODULE=on）
  4. go run main.go打开浏览器，访问http://localhost:8081 即可
  5. 删除resources/blog_docs/content中所有内容，分类名为文件夹名如：DNS，文件为名为：a.md
  6. 所有配置项在config.json中，均可以修改
{
  "port": 8081,
  "pageSize": 7,
  "descriptionLen": 200,
  "author": "Chensir",
  "webHookSecret": "cj",
  "timeLayout": "2006.01.02 15:04",
  "siteName": "Chensir's Personal Blog",
  "documentPath": "resources/blog_docs",
  "htmlKeywords": "forest blog,Golang,前端",
  "htmlDescription": "Chensir's Personal blog",
  "categoryListFileNumber": 6,
  "themeColor": "#9c27b0",
  "dashboardEntrance": "/admin",
  "themeOption": ["#673ab7","#f44336","#9c27b0","#2196f3","#607d8b","#795548"]
}

注：请确保go版本在1.11以上

注意事项：

  1. 所有的笔记都是markdown文件,.md结尾
  2. 服务端代码中不涉及mysql部分，本着简洁的目的，通过生成的cache文件来访问，若要添加，可自行添加或者联系我
  3. 可将此代码部署到服务器，或者部署到本机，服务器代理转发到本机即可

接口部分：

没有加token鉴别，可自行添加

  • 【文章列表】博客地址+/apis/articlelist，参数：page || search || 无
  • 【文章内容】博客地址+/apis/articlecontent，参数：path(文件路径名，如：/DNS/a.md)
  • 【文章分类】博客地址+/apis/category，参数：无
  • 【文章分类的内容】博客地址+/apis/categorycontent，参数：name(分类名)
  • 【今日诗词获取token】今日诗词地址+/token，参数：name(分类名)
  • 【今日诗词获取诗句】今日诗词地址+/sentence，header头加：X-User-Token(token)

演示

博客地址:https://blog.hexiefamily.xin/ 微信小程序 qq小程序 头条小程序

提示

  1. qq小程序个体不支持评论功能
  2. 头条小程序抖音ios版访问不了，头条的审核机制问题
  3. 通常上线审核要2-3天，把握好时间哈~

功能

  • [x] 文章展示
  • [x] 评论展示
  • [x] 搜索文章功能
  • [x] 文章评论功能
  • [x] 评论功能内容识别
  • [x] 友链展示
  • [x] 点赞功能（云函数）
  • [x] 文章浏览统计功能（云函数）
  • [ ] 用户回复评论追评功能
  • [ ] 生成海报
  • [ ] 博主查看评论功能
  • [ ] 博主回复评论功能
  • [ ] 支付宝小程序抽屉功能修复...

感谢

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

  • WeHalo： 一个简约清爽的开源博客微信小程序。
  • ColorUI：鲜亮的高饱和色彩，专注视觉的小程序组件库
  • ForestBlog：golang简约版的博客应用

其他

  • startmyblog： 使用flutter做的app，调取后端做接口。
  • qrcp_pass： 解决跨平台传文件，不用经过微信压缩即可传视频。

    捐赠

如果 UniBlog 圆了你在微信/qq/抖音小程序或app各个平台中的梦想了，可以众筹作者买个小茗同学喝喝（注：捐赠请备注哈）

支付宝 微信

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

不采集任何数据

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...
插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...