提交 60d71568 编写于 作者: W wangze

📝 update

上级 4dc130eb
>采用[vuepress](https://github.com/vuejs/vuepress)记录一些文档。
\ No newline at end of file
>采用[vuepress](https://github.com/vuejs/vuepress)记录一些文档。
**文档地址:**
[https://docs.geekera.cn](https://docs.geekera.cn)
**当前项目:**
* [RuoYi-Antdv]() RuoYi-Vue版本+Ant Design Vue,将持续适配RuoYi-Vue
* [GBlog-wx](https://github.com/fuzui/GBlog-wx) 微信小程序博客,使用halo做后台。
* [windpower](https://gitee.com/zhangweijrdhcc/windpower) 基于RuoYi的模拟风电场监控项目
\ No newline at end of file
......@@ -63,6 +63,11 @@ const config: UserConfig<DefaultThemeOptions> = {
isGroup: true,
children: ["posters-share.md", "custom-style.md", "subscribe.md"],
},
{
text: "其他",
isGroup: true,
children: ["dev-plan.md", "update-log.md"],
},
],
"/windpower/": [
{
......
......@@ -5,14 +5,9 @@ title: 开发计划
# 2021
# 2 月
* :black_square_button: 表格支持隐藏、显示等
* :black_square_button: 调整页签样式
* :black_square_button: 路由缓存灵活使用
# 1 月
* :white_check_mark: 代码生成
* :white_check_mark: ​去除多余依赖
* :white_check_mark: 精简登录页,美化部分样式
......
......@@ -3,26 +3,50 @@ title: 自定义样式
---
* 自定义文章解析样式
`api.js`文件中,修改`ParserStyle`.
```javascript
const ParserStyle = {
table: 'border-collapse:collapse;border-top:1px solid gray;border-left:1px solid gray;margin: 28rpx 0;',
th: 'border-right:1px solid gray;border-bottom:1px solid gray;background: #ccc;',
td: 'border-right:1px solid gray;border-bottom:1px solid gray;',
blockquote: 'background-color:#e7f6ed;border-left:6px solid #4caf50;color:rgb(136, 136, 136);padding: 20rpx 40rpx 20rpx 30rpx;margin: 28rpx 0;',
ul: 'padding-left: 25px;',
ol: 'padding-left: 25px;',
h1: 'font-size: 1.5em;line-height: 50px;',
h2: 'font-size: 1.17em;line-height: 40px;',
h3: 'font-size: 0.83em;line-height: 30px;',
h4: 'font-size: 0.67em;line-height: 30px;',
h5: 'font-size: 0.50em;line-height: 30px;'
}
```
`table``th``td`为表格样式;`pre`为代码块样式;`blockquote`为引用样式,你也可以增加更多,例如`tr``a``h1`等。
`api.js`文件中,修改`MpHtmlStyle`.
```javascript
//文章、日记自定义样式
const commonTagStyle = {
table: 'border-collapse:collapse;border-top:1px solid gray;border-left:1px solid gray;margin: 28rpx 0;',
th: 'border-right:1px solid gray;border-bottom:1px solid gray;background: #ccc;',
td: 'border-right:1px solid gray;border-bottom:1px solid gray;',
blockquote: 'background-color:#e7f6ed;border-left:6px solid #4caf50;color:rgb(136, 136, 136);padding: 20rpx 40rpx 20rpx 30rpx;margin: 28rpx 0;',
ul: 'padding-left: 25px;',
ol: 'padding-left: 25px;',
h1: 'font-size: 1.5em;line-height: 50px;',
h2: 'font-size: 1.17em;line-height: 40px;',
h3: 'font-size: 0.83em;line-height: 30px;',
h4: 'font-size: 0.67em;line-height: 30px;',
h5: 'font-size: 0.50em;line-height: 30px;'
}
const commentTagStyle = {
p: 'margin: 0 0;'
}
const MpHtmlStyle = {
tagStyle: commonTagStyle,
containerStyle: 'padding: 12px;font-size: 15px;line-height: 25px',
commentTagStyle: mergeJsonObject(commonTagStyle, commentTagStyle),
commentContainerStyle: '',
journalTagStyle: commentTagStyle,
journalContainerStyle: '',
loadingImage: '/images/default/image-loading.svg',
errorImage: '/images/default/image-error.svg'
}
```
`MpHtmlStyle`中,分两类样式,`tagStyle`设置标签的默认样式,`containerStyle`设置容器的样式:
* `tagStyle``containerStyle`为文章样式
* `commentTagStyle``commentContainerStyle`为评论样式
* `journalTagStyle``journalContainerStyle`为日记样式
* `loadingImage`为图片加载过程中的占位图
* `errorImage`为图片出错时的占位图
> 上述示例中`table`、`th`、`td`为表格样式;`pre`为代码块样式;`blockquote`为引用样式,你也可以增加更多,例如`tr`、`a`、`h1`等。
......
---
title: 开发计划
---
> 开发计划
# 2021
* :black_square_button: 海报模板自定义
* :black_square_button: 管理后台登录支持二步验证
* :black_square_button: 订阅功能
* :black_square_button: 调整分类样式,改为分类平铺展示
* :black_square_button: 调整首页样式,当前过于单调,样式计划参考于
* :white_check_mark: 优化分类加载
* :white_check_mark: 优化图标
* :black_square_button: 重写评论页面及优化用户评论输入
* :white_check_mark: 封装评论
* :white_check_mark: 重写搜索
......@@ -4,21 +4,23 @@ title: 代码结构
```
GBLOG-WX
├── cloudfunctions // 云服务
├── components // 自定义组件
├── cloudfunctions // 云服务
├── components // 自定义组件
│ └── article-list // 文章列表
│ └── authorize // 微信登录
│ └── comment // 评论列表
│ └── painter // painter小程序生成图片组件
│ └── mp-weixin // mp-html小程序富文本组件
├── config // 配置文件
├── custom-tab-bar // 自定义tabbar
├── images // 图片
├── pages // 页面代码
├── services // 封装方法
├── config // 配置文件
├── custom-tab-bar // 自定义tabbar
├── images // 图片
├── pages // 页面代码
├── services // 封装方法
│ └── api // 接口实现
│ └── const-data // 常量
│ └── posters // 海报样式
├── styles // 样式
├── styles // 样式
│ └── colorui // color-ui组件库
├── utils // 公用js
├── utils // 公用js
```
......@@ -20,7 +20,7 @@ git clone https://gitee.com/ufec/GBlog-wxpush.git
npm install
```
## 2.配置小程序订阅末班
## 2.配置小程序订阅模板
打开微信后台,左侧找到订阅消息,点击添加
......
---
title: 更新日志
---
> 更新日志
## 2021
### 1.0.1
> * 版本更新提示
> * 文章排序调整(置顶优先)
> * 使用qs处理get请求
> * 升级 [mp-html](https://github.com/jin-yufeng/mp-html) 到v2.1.0版本,并调整解析样式
> * 封装评论
> * 解决部分图片真机无法显示问题
> * 常量整理
> * 重写搜索
> * 使用svg格式图标替换多数图标
### 1.0.0
> 经过一年的缓慢更新,实现了一些基础的功能。
......@@ -56,6 +56,14 @@ title: 搭建
![](https://oss.fuzui.net/img/20200628014304.png)
* 设置小程序最低基础库版本要求
[微信公众平台](https://mp.weixin.qq.com/)中,`设置 - 基本设置 - 基础库最低版本设置`进行配置,保存为2.10.4版本。
> 原因:[《小程序登录、用户信息相关接口调整说明》](https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801)
![](https://oss.fuzui.net/img/20210326002230.png)
*当以上配置完成后,便可开启你的小程序之旅了*
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册