博客更新

博客更新后,有关日记记录的内容将转移至专门记录的站点,

此处更加偏向于学习分享和记录相关技术内容。

(顺便换了个利于阅读的 Theme ~ XD

FloTHERM12.0安装教程

教程大体搜至网络,但个人觉得可以写的更好易懂一些,所以整合一下。

1. 运行安装程序

运行目录下的 “install_windows.exe” 以开始安装程序

2. 选择安装类型

安装类型,选择第二个 “Client” ,不要需要选择 “Typical”,然后点击下一步

3. 选择安装路径

你开心就好,可以选择默认C盘,也可以自行选择

4. 安装完成后退出

点击 “Done” 后,暂时不要运行程序

5-1. 复制和替换DLL文件

在先不运行软件的前提下,将解压文件下的 “SolidSQUAD_.7z” 文件中的相关文件 “MGLS.DLL” 和 “MGLS64.DLL” 复制到安装目录下点击复制和替换。如果,你有更改目录,请自行选择。

默认路径为 C:\Program Files (x86)\MentorMA\flosuite_v12\common\WinXP\bin

5-2. 复制和替换DLL文件

再将解压文件下的 “SolidSQUAD_.7z” 文件中的相关文件 “MGLS.DLL” 和 “MGLS64.DLL” 复制到 C:\Program Files (x86)\MentorMA\flosuite_v12\common\WinXP\ODB\saflt\edir\nv\mgls\lib 目录下并点击复制和替换

6. 许可文件

如果您是正版软件用户,请跳过 4 至 5-2 步骤,直接将您的许可文件放在相关文件夹下,并运行程序选择到许可文件即可正常运行。

如果您是学习体验用户,将解压文件中的许可文件 “mgcld_SSQ.dat” 复制到安装目录下或前一级目录下 (只要自己清楚在哪就行)

进入环境变量,新建变量,变量名为 “LM_LICENSE_FILE” 或者 “MGLS_LICENSE_FILE” ,变量路径为 “mgcld_SSQ.dat” 的所在路径(例如:C:\mgcld_SSQ.dat)

PS:右键点击计算机,选择属性,依次点击高级系统设置 > 高级 > 环境变量

7. 运行程序

相关教程参考以下两篇文章:

FloTHERM软件12破解版下载(附安装教程) v12.0 百度网盘资源

FloTHERM12破解版|Mentor Graphic FloTHERM v12.0破解版下载_附安装教程

使标签置于标题下方

image.png

1
2
3
4
5
6
.DiscussionListItem-info>li {
display: contents;
}
span.TagsLabel {
padding-right: 10px;
}

如果你开启了 Discussion views插件,请使用下方代码

1
2
3
4
5
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags{
position:inherit!important;
-webkit-mask-image: none!important;
padding-right:10px;
}

PureLand Flarum Theme

本来是想制作一份卡通的蓝天主题,
但是,需要和首页的blog相搭配起来,
就制作了这份比较注重阅读、交流与记录的主题,
取名为极乐净土,译为PureLand,多么希望,我们能一直纯洁童真!


HOT TO INSTALLATION | 如何使用该风格

copy this code to your Appearance >> Custom Styles
复制这些片段的代码至你的后台管理中的**外观>>样式**

Demo Link: https://bbs.kuoxo.com/ | https://bbs.kuoxo.com/d/337-pureland-flarum-theme
声明: 如果您对 !important 介意,请不要使用此主题,请自己码,谢谢!


UPDATING | 内容更新

Welcome to give me some inspiration or a bug, I will do it all day.
谢谢你能给我一些建议或者BUG,我会仔细check的!Great?😅

  • Apr. 8, 2020 第一版发布
    边栏右置,移除头像,注重阅读交流与记录
  • Apr. 9, 2020
    增加POST页面的小头像,增加辨别度
    修复了一些BUG
  • Apr. 10, 2020
    修复了讨论的CLASS Hero BUG
  • Apr. 17, 2020
    增加 引用美化效果 ,代码在OTHERS | 其他搭配
  • Apr. 19, 2020
    修复自适分辨率BUG,以及适配 reflar/level-ranks 等级插件

CONTRIBUTING | 贡献

Yannisme - Just me 😀
这就是我 😀


SUGGESTIONS | 建议

💡 可开启黑夜模式,但需要微调 board 颜色

Choose two colors to theme your forum with. The first will be used as a highlight color, while the second will be used to style background elements.
颜色搭配,第一种作为突出显示颜色,第二种作为背景元素样式。
Colors #444 , #222


CONTENT | 主题代码内容

Apr. 8, 2020 🌟

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags{
position:inherit!important;
-webkit-mask-image: none!important;
padding-right:10px;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}

::-webkit-scrollbar-thumb {
background: @config-primary-color;
}

::-webkit-scrollbar-track {
background: #EDEDED;
}

.Search-input:before {
display: inline-block;
font-size: inherit;
text-rendering: auto;
content: "\f002";
float: left;
margin-right: -36px;
width: 36px;
font-size: 14px;
text-align: center;
position: relative;
padding: 7px 0;
line-height: 1.5;
pointer-events: none;
background: #0000000f;
color: #fff;
border-radius: 4px 0 0 4px
}

.Search-input input {
float: left;
width: 225px;
padding-left: 50px;
padding-right: 32px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
box-sizing: inherit!important
}

body {
font-family: 'Microsoft YaHei',"Open Sans","Clear Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
line-height: 1.6;
}

@media (min-width: 1120px) {
.containerNarrow {
max-width: 100%;
}

.Post-header {
text-align: right;
border-bottom: 1px solid #ededed;
}

.PostUser-badges {
display: none;
}

.DiscussionPage-stream {
margin-left: -85px;
}

.Hero .container {
padding-top: 15px;
padding-bottom: 15px;
}

.PostUser-avatar {
vertical-align: middle;
position: relative;
left: -7px;
top: -2px;
width: 1.5em;
height: 1.5em;
font-size: 1em;
line-height: 1.5em;
}

.UserPage .Post {
padding-left: 18px;
}

.DiscussionListItem-author .Avatar,.IndexPage .DiscussionListItem-author .Avatar {
display: none;
}

.DiscussionListItem-badges {
width: 0;
}

.containerNarrow {
float: left;
text-align: left;
}

.DiscussionHero--colored, .DiscussionHero--colored a {
text-align: left;
}

.Post--BestAnswer {
text-align: center;
left: 0!important;
width: 25%;
z-index: 999;
}

.Post-body a {
border: 1px solid #e0e0e0 !important;
padding: 1px;
padding-top: 0;
}

.DiscussionListItem-badges {
margin-left: -42px;
margin-top: 20px;
}

.Badge, .Badge .Badge-icon {
vertical-align: middle;
}

.EventPost-icon {
margin-top: 2px;
margin-left: 0;
padding-right: 10px;
width: auto;
font-size: 1.5em;
}

.sideNav, .sideNav>ul {
width: 190px;
right: 0;
position: absolute;
}

.sideNavOffset {
max-width: 800px;
}

nav.IndexPage-nav.sideNav {
width: 190px;
margin-right: 0;
position: relative;
float: right;
}

.sideNavContainer {
display: block;
}

.TagsPage nav.IndexPage-nav.sideNav {
overflow: hidden;
margin-right: -99999px;
}

.TagsPage .sideNavOffset {
max-width: 1200px;
}

.Post a.inline-image-link {
margin-top: 15px;
}

.Post-likedBy {
position: absolute;
top: 17px;
}

.item-edited .ButtonGroup>.Button {
padding: 0;
}

.DiscussionHero-items {
text-align: left;
}
.PostUser-level {
float: right!important;
position: inherit!important;
margin: 0!important;
}
.PostUser-bar {
border-radius: .1px !important;
margin-top: 7px;
height: 6px !important;
top: 24px!important;
}

.PostUser-text {
position: absolute;
right: 55px;
top: 24px;
width: 77px;
font-size: 12px;
}

}

.topbutton i {
padding: 5px;
}

.topbutton a {
color: #fff;
text-decoration: unset;
}

.IndexPage-nav .item-newDiscussion .Button {
width: auto;
}

.Flagrow-Ads-fake-poststream-item {
border: 0!important;
}

.PostStream-item:not(:last-child) {
border: 0;
}


@media (max-width: 1024px) and (min-width: 768px) {
.sideNavOffset {
max-width: 700px;
}
nav.IndexPage-nav.sideNav {
width: 100%;
position: initial!important;
white-space: nowrap;
overflow: auto;
}

.Post-body, .TextEditor textarea, .ComposerBody-header h3, .ComposerBody-header h3 input, .ComposerBody-header h3 a {
font-size: 1rem;
}

.PostsUserPage-discussion a {
font-style: normal;
}

.item-bestAnswerPost .Post-header,.UserPage .Post-header {
border-bottom: 0;
}

SCREENSHOTS | 效果截图

image.png

image.png

image.png

image.png

image.png

image.png

image.png

OTHERS | 其他搭配:

欢迎横幅处添加小图标
1
2
3
4
5
6
<div class="topbutton">
<a href="#"><i class="icon fas fa-project-diagram Button-icon" style="color: rgb(255, 141, 70);"></i></a>
<a href="#"><i class="icon fas fa-wrench Button-icon" style="color: rgb(75, 147, 209);"></i></a>
<a href="https://kuoxo.com"><i class="icon fas fa-globe Button-icon" style="color: rgb(181, 158, 140);"></i></a>
<a href="#"><i class="icon fas fa-puzzle-piece Button-icon" style="color: rgb(253, 207, 88);"></i></a>
</div>
美化引用效果

image.png

后3个效果需配合 BBCODE 文本效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
.Post-body pre {
font-size: 12px;
padding: 0 10px;
border-left: 4px solid #929292;
border-radius: 0;
}
.Post-body blockquote {
background: #f7f7f7;
color: #444;
font-size: 14px;
padding: 10px;
border: 0;
border-left: 4px solid #46a4b2;
border-radius: 0;
}
.aaalert.aaerror .aainner,.aaalert.aasuccess .aainner,.aaalert.aainfo .aainner {
font-size: 14px;
text-align: left;
width: 80%;
margin-left: -8px;
padding: 5px 10px;
border: 0;
border-radius: 0;
}
.aaalert.aaerror .aainner {
border-left: 4px solid #ff5c5c!important;
}
.aaalert.aasuccess .aainner{
border-left: 4px solid #58a400!important;
}
.aaalert.aainfo .aainner{
border-left: 4px solid #569ff7!important;
}

2020 COLOR Flarum Theme

与暗黑风格相对的彩色风格出现了,
其实一开始打算弄白色系的,觉得不够粉男人,就Sao起来了 🙃
这个风格搭配Sao可爱粉和基佬紫以及迷人的工口色~


HOT TO INSTALLATION | 如何使用该风格

copy this code to your Appearance >> Custom Styles
复制这些片段的代码至你的后台管理中的**外观>>样式**

Demo Link: https://bbs.kuoxo.com/ | https://bbs.kuoxo.com/d/323-2020-color-flarum-theme
声明: 如果您对 !important 介意,请不要使用此主题,请自己码,谢谢!


UPDATING | 内容更新

Welcome to give me some inspiration or a bug, I will do it all day.
谢谢你能给我一些建议或者BUG,我会仔细check的!Great?😅

  • Feb. 25, 2020 第一版发布
  • Feb. 26, 2020
    Fixed the problem of excessive notification text
    修复了通知文字过大的问题
  • Apr. 7, 2020
    修改首页鼠标停留到内容效果
    修复了Hero的DIV错误和优化部分代码
    修改背景图片地址
    [https://kuoxo.com/images/flarum/color-background.png]

CONTRIBUTING | 贡献

Yannisme - Just me 😀
这就是我 😀


SUGGESTIONS | 建议

💡 It needs Colored Header Mode
💡 本主题需搭彩色页眉使用

Choose two colors to theme your forum with. The first will be used as a highlight color, while the second will be used to style background elements.
颜色搭配,第一种作为突出显示颜色,第二种作为背景元素样式。
Colors #ff6476 , #6d508b

✅ please Colored Header
✅ 勾选 彩色页眉


CONTENT | 主题代码内容

Apr. 7, 2020 🌟

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
body,body.touch {
background: #faf6f5;
}

.DiscussionHero .item-title {
margin: 15px;
}

.Scrubber-handle {
background: #faf6f5;
}

a.NotificationGroup-header {
font-size: 16px!important;
}

.Notification-content {
margin-right: 5px;
font-size: 14px;
}

.NotificationGroup-content li a {
font-size: 12px;
}

.DiscussionListItem-title, .UserPage .DiscussionListItem-title {
color: #313131!important;
}

.UserCard.Hero.UserHero {
background: #505a8b url(https://kuoxo.com/images/flarum/color-background.png)!important;
}

.UserCard.Hero.UserHero .darkenBackground {
background: rgba(0, 0, 0, 0)!important;
}

@media (min-width:768px) {
.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags {
margin-right: 0;
position: inherit;
padding-right: 10px
}

.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags {
transition: none;
-webkit-mask-image: none
}
}

body {
font: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.Alert {
background: #ede8f2;
}

.Alert, .Alert a, .Alert a:hover, .Alert .Button, .Alert .Button:hover, .Alert .Button:active, .Alert .Button.active, .Alert .Button:focus, .Alert .Button.focus {
color: #7f6699;
}

.Hero {
background: #ffe305 url(https://kuoxo.com/images/flarum/color-background.png);
}

.Hero h2,.Hero-subtitle,.App-header .Button {
font-weight: 600;
}

h3.DiscussionListItem-title {
font-size: 18px;
}

.sideNav .Dropdown--select .Dropdown-menu>li>a {
font-size: 14px;
}

.containerNarrow {
color: #1a1a1a;
}

.App-header .Button {
color: #f3f0f5;
font-size: 16px;
font-weight: 700;
}

.App-header .Button:hover {
color: #fde4bb;
}

.App-header,.App-header a {
color: #ffffff;
font-size: 21px;
font-weight: 600;
text-decoration: none;
}

.DiscussionListItem-title,.UserPage .DiscussionListItem-title {
color: #ededed;
}

.DiscussionListItem {
margin-top: 15px;
}

.IndexPage .DiscussionListItem:hover {
background: #ede8f25c;
border-left: 5px dashed #dddddd;
margin-left: -20px;
}

h2.DiscussionHero-title,.PageHero-title>a {
color: #1a1a1a;
}

.DiscussionList-loadMore .Button {
width: 80%;
background: #ede8f28a;
}

.Post-body blockquote {
border: 2px dotted #bac;
}

.Post-body pre {
border: 2px dotted #aaa;
}

.aaalert.aaerror .aainner {
border: 2px dotted #b94a48;
text-align: left;
}

.aaalert.aasuccess .aainner {
background-color: #dff0d8;
border: 2px dotted #468847;
text-align: left;
}

.aaalert.aainfo .aainner {
border: 2px dotted #3a87ad;
text-align: left;
}


SCREENSHOTS | 效果截图

image.png

image.png

image.png

image.png

image.png

OTHERS | 其他搭配

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

::-webkit-scrollbar {/*滚动条整体样式*/
width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
height: 5px;
}

::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
background: @config-secondary-color;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
background: #EDEDED;
}


.Search-input:before {
display:inline-block;
font-size:inherit;
text-rendering:auto;
content:"\f002";
float:left;
margin-right:-36px;
width:36px;
font-size:14px;
text-align:center;
position:relative;
padding:7px 0;
line-height:1.5;
pointer-events:none;
background: #0000000f;
color:#fff;
border-radius:4px 0 0 4px
}
.Search-input input {
float:left;
width:225px;
padding-left:50px;
padding-right:32px;
-webkit-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
box-sizing:inherit!important
}

Flarum插件 FOF Upload 设置

1

1
(video\/(3gpp|mp4|mpeg|quicktime|webm))|(audio\/(aiff|midi|mpeg|mp4))|(image\/(gif|jpeg|png))|(application\/(x-(7z|rar|zip)-compressed|zip|arj|x-(bzip2|gzip|lha|stuffit|tar)|pdf))|(text\/(plain|css|html|javascript))

(video/(3gpp|mp4|mpeg|quicktime|webm))|(audio/(aiff|midi|mpeg|mp4))|(image/(gif|jpeg|png))|(application/(x-(7z|rar|zip)-compressed|zip|arj|x-(bzip2|gzip|lha|stuffit|tar)|pdf))|(text/(plain|css|html|javascript))

可以这么写,所有的附件都被储存在 ./public/assets/files/

以下内容来自 Golden


Mozilla 的 “MIME 类型” 介绍,打开就能看到列出来的 MIME 类型表格。

image.png

FoF Upload 插件安装好后,默认填写了 ^image\/.*,即允许上传图片。在您查看了上方链接里的 MIME 类型介绍后,您应该能明白,MIME 整体由两部分组成,前半段是指定大方向上的文件类型。

例如 图片文件(image)、文本文件(text)、音频文件(audio)等,后半段是详细设置具体的子类型,例如:图片文件具体分为 .png / .jpg / .gif 等。如果您只想允许上传 .jpg 图片,那么您只需填入^image\/.jpg

因此参考默认的设置,我们可以知道,如果要上传 txt 文件,就填入 ^text\/.txt,如果要允许上传所有类型的文本文件(例如 .txt / .css / .js 等),那就填 ^text\/.* 即可。

2020 BLACK Flarum Theme

琢磨着~ 是否要弄个暗夜风格,还是正常的那种。。。
我已经是一个成熟的人了,还要什么选择!
本主题需搭配夜间模式使用,白夜模式正在琢磨中…


HOT TO INSTALLATION | 如何使用该风格

copy this code to your Appearance >> Custom Styles
复制这些片段的代码至你的后台管理中的**外观>>样式**

Demo Link: https://bbs.kuoxo.com/ | https://bbs.kuoxo.com/d/319-2020-black-flarum-theme
Link: https://discuss.flarum.org/d/22774-2020-black-flarum-theme-by-yannisme
声明: 如果您对 !important 介意,请不要使用此主题,请自己码,谢谢!


UPDATING | 内容更新

Welcome to give me some inspiration or a bug, I will do it all day.
谢谢你能给我一些建议或者BUG,我会仔细check的!Great?😅

  • Feb. 12, 2020 第一版发布
    Adapt to IPhone dark night mode
    适配IPhone暗夜模式
  • Apr. 7, 2020
    优化部分代码并修改了背景图片地址
    [https://kuoxo.com/images/flarum/color-background.png]

CONTRIBUTING | 贡献

Yannisme - Just me 😀
这就是我 😀


SUGGESTIONS | 建议

💡 It needs Dark Mode
💡 本主题需搭配夜间模式使用

Choose two colors to theme your forum with. The first will be used as a highlight color, while the second will be used to style background elements.
颜色搭配,第一种作为突出显示颜色,第二种作为背景元素样式。
Colors #93d1ce , #fff

✅ please Dark Mode
✅ 勾选 夜间模式


CONTENT | 主题代码内容

Apr. 7, 2020 🌟

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-thumb {
background: @config-primary-color;
}
::-webkit-scrollbar-track {
background: #EDEDED;
}
.Search-input:before {
display:inline-block;
font-size:inherit;
text-rendering:auto;
content:"\f002";
float:left;
margin-right:-36px;
width:36px;
font-size:14px;
text-align:center;
position:relative;
padding:7px 0;
line-height:1.5;
pointer-events:none;
background: #0000000f;
color:#fff;
border-radius:4px 0 0 4px
}
.Search-input input {
float:left;
width:225px;
padding-left:50px;
padding-right:32px;
-webkit-transition:all .4s;
-o-transition:all .4s;
transition:all .4s;
box-sizing:inherit!important
}
@media (min-width:768px) {
.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags{margin-right: 0;
position: inherit;
padding-right: 10px
}

.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags {
transition: none;
-webkit-mask-image: none
}
}

body {
font: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.Alert {
background: #212121;
}

.Hero {
background: #000000 url(https://kuoxo.com/images/flarum/color-background.png);
}

.Hero h2,.Hero-subtitle,.App-header .Button {
font-weight: 600;
}

h3.DiscussionListItem-title {
font-size: 18px;
}

.sideNav .Dropdown--select .Dropdown-menu>li>a {
font-size: 14px;
}

.containerNarrow {
color: #1a1a1a;
}

.App-header .Button {
color: #93d1ce;
font-size: 16px;
}

.App-header .Button:hover {
color: #fff!important;
}

.App-header,.App-header a {
color: #fff;
font-weight: 700;
}

.DiscussionListItem-title,.UserPage .DiscussionListItem-title {
color: #ededed;
}

.DiscussionListItem {
margin-top: 15px;
}

.DiscussionListItem:hover {
background: #17212047;
box-shadow: 0 2px 6px #00000052;
}

h2.DiscussionHero-title,.PageHero-title>a {
color: #1a1a1a;
}

.DiscussionList-loadMore .Button {
width: 80%;
background: #00000040;
}

SCREENSHOTS | 效果截图

Apr. 7, 2020

image.png

image.png

image.png

OTHERS | 其他搭配:

暂无

搭配BBCode,各引用效果美化代码

BBCode食用地址和使用方法:https://discuss.flarum.org/d/6044-0e800-s-bbcode-alerts-notifications

有能力的同学,请直接CSS获取样式并可以直接在扩展目录下更改BBCode的Style样式代码,
目前只有3种效果美化,其他引用代码均可以此类推。
[AWARNING][AWARNING]文本效果[/AWARNING][/AWARNING]
[AINFO][AINFO]文本效果[/AINFO][/AINFO]
[ASUCCESS][ASUCCESS]文本效果[/ASUCCESS][/ASUCCESS]


效果图片:

image.png

美化代码:

1
#aaalertbody{width:auto;margin:8px auto!important;margin-left:-26px!important}.aaalert.aaerror .aaclose,.aaalert.aaerror .aainner{color:#4d0000!important}.aaalert.aaerror .aainner{border-left:5px solid #c00!important}.aaalert.aasuccess .aaclose,.aaalert.aasuccess .aainner{color:#2c3e50!important}.aaalert.aasuccess .aainner{border-left:5px solid #468847!important}.aaalert.aainfo .aainner,.aaalert.aasuccess .aaclose{color:#2c3e50!important}.aaalert.aainfo .aainner{border-left:5px solid #566bff!important}.aaalert .aainner{padding:.5rem 1.5rem!important;text-align:left!important}

附加引用效果

.Post-body pre { border-right: 5px solid #aaa!important; border: 1px dotted #b59e8c; width: 94% }

Flarum 问题与解决方法汇总

Flarum 安装过程中可能顺带遇到的问题解决方法部分汇总(是不是名字很长很啰嗦呢😆)

正在遇见问题并尽可能的汇总,需要用户反馈,这里才可以进行编辑和更新,请耐心等待补充…

1.安装 Flarum 遇到 “vendor/autoload.php” 缺失等相关 autoload 问题

—— 确保 Composer 安装正确,建议全局安装。在你想要的目录下重新运行 Composer 命令 composer create-project flarum/flarum . –stability=beta 获取 Flarum,之后会看到 Flarum 相关文件,如果 Composer 无法正常获取文件或超时,请切换到 Composer 国内源后重试。

2.注册时出现 Oops! 不能注册或者注册不正常,显示

Oops! Something went wrong. Please reload the page and try again.

—— 确保你的STMP或者邮箱账户或密码设置正确!!!

3. 为什么根据指南的重写规则,还是404或者无法打开网页?

—— 一般情况下,请确保运行目录是 /public 即可正常运行 Flarum,
Flarum 自带.htaccess.nginx.conf文件,将 Flarum 自带的定向文件包含在服务器总rewrite配置内即可。
—— 重定向不正确,特别是 Nginx 的 Beta 11+ 重定向项设置,需要删除一段关于 admin 的重定向

当您的重定向不正确,才需要使用上文的 “URL 重写规则” 进行参考补全,而非全局/全部替换覆盖 !!
同时,请确保您修改的重写规则文件的位置正确且主次不冲突,视具体情况而不同。

4.遇到PHP函数不可用错误

(The Process class relies on … ,which is not available on your PHP in stallation)

—— 请将禁用的PHP函数打开,如下所示的proc_open函数报错,若后面如果出现类似提示,
则以此类推逐一打开被禁函数,或者安装需要的php相关功能。安装指南中也有提到,请仔细阅读需要的函数功能。

1
2
3
4
- Installing flarum/flarum (v0.1.0-beta.11): Downloading (100%)
The Process class relies on proc_open, which is not available on your PHP in stallation.
The archive may contain identical file names with different capitalization (which fails on case insensitive filesystems)
Unzip with unzip command failed, falling back to ZipArchive class

5. 左下角显示”请求的资源不存在”

—— 确认根地址配置正确,特别是 http 转向 https 或强制跳转,需要重新配置文件 config 中的站点根地址
6.
7.


已知的扩展冲突

  • 开启hashtag插件会导致Fancybox插件失效 @tsaioil

🔨 更多详细的教程: