展示一 | 展示二 | 展示三 |
---|---|---|
后端地址:cjblog 国内码云地址:cjblog
前端地址:uniblog 国内码云地址:uniblog
博客地址:博客
配合 blog ,借鉴WeHalo样式开发出来的 简约风 uniapp版博客,可供多端使用。
QQ交流群: 469064015 | 微信群 |
---|---|
如果群二维码失效,可加nockygo,拉你入群 |
- 【文章列表】博客地址+/apis/articlelist,参数:page || search || 无
- 【文章内容】博客地址+/apis/articlecontent,参数:path(文件路径名,如:/DNS/a.md)
- 【文章分类】博客地址+/apis/category,参数:无
- 【文章分类的内容】博客地址+/apis/categorycontent,参数:name(分类名)
地址:cjblog
- 下载:cjblog.zip
- 下载:二进制文件,如果下载速度慢,点击这里
- cd cjblog,点击二进制文件
- 打开浏览器,访问http://localhost:8081 即可
- 在resources/blog_docs/content中添加文件夹/mardown文件即可
- 所有配置项在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"]
}
- git clone http://github.com/cjyzwg/cjblog
- cd cjblog
- go mod tidy(前提已经开启export GO111MODULE=on)
- go run main.go打开浏览器,访问http://localhost:8081 即可
- 删除resources/blog_docs/content中所有内容,分类名为文件夹名如:DNS,文件为名为:a.md
- 所有配置项在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以上
- 所有的笔记都是markdown文件,.md结尾
- 服务端代码中不涉及mysql部分,本着简洁的目的,通过生成的cache文件来访问,若要添加,可自行添加或者联系我
- 可将此代码部署到服务器,或者部署到本机,服务器代理转发到本机即可
地址:uniblog
- git clone https://github.com/cjyzw/uniblog 或者打开插件市场点击右侧导入插件/下载zip
- 打开Hbuilder本项目,右击关联云空间,选择阿里云,将db_init.json部署到云存储中。注:打开unicloud控制台,选择阿里云服务空间/云数据库/token表,点击管理修改typ,appid,secret即可
- 用Hbuilder打开本项目中mainfest.json填写对应小程序的appid
- 点击Hbuilder工具栏/运行,运行到某某小程序,注: 记得下载对应的小程序运行工具
- config/index.js中,ipAddress填写调取markdown文件的博客地址
- App.vue中,找到bannerimglist,修改地址,可以将轮播图中的图片替换,设置个人logo图片,修改homeImg
注:必须是HTTPS的因为,所有小程序官方规定,需要把博客地址如:https://blog.hexiefamily.xin
和https://v2.jinrishici.com
以及https://vkceyugu.cdn.bspapp.com
添加到微信,qq,字节头条等公众平台的 request 合法域名
中
如果博客地址不会配置https协议可以看这里
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://blog.hexiefamily.xin/
微信小程序 | qq小程序 | 头条小程序 |
---|---|---|
- 文章展示
- 评论展示
- 搜索文章功能
- 文章评论功能
- 评论功能内容识别
- 友链展示
- 点赞功能(云函数)
- 文章浏览统计功能(云函数)
- 用户回复评论追评功能
- 生成海报
- 博主查看评论功能
- 博主回复评论功能
- 支付宝小程序抽屉功能修复...
UniBlog的诞生离不开下面这些项目:
- WeHalo: 一个简约清爽的开源博客微信小程序。
- ColorUI:鲜亮的高饱和色彩,专注视觉的小程序组件库
- ForestBlog:golang简约版的博客应用
- startmyblog: 使用flutter做的app,调取后端做接口。
- qrcp_pass: 解决跨平台传文件,不用经过微信压缩即可传视频。
如果 UniBlog 圆了你在微信/qq/抖音小程序或app各个平台中的梦想了,可以众筹作者买哇哈哈(注:捐赠请备注哈)
支付宝 | 微信 |
---|---|