标题过长,fexo主题首页仅显示部分
(1)应用了fexo主题,想要显示比较长的标题。在MarkEditor中嫌弃本地文章命名过长,将其改回了默认的 2018-03-09.md,并使用了title: 'Interactive design tool for Turbine Based Combined Cycle Engines (AIAA,1997)'
(2)网站首页只显示到Combined,后面内容为...
请问:
(1)能否修改fexo首页的字体,使得长标题在显示范围内?
(2)能否修改fexo首页对标题字数的限制,使得标题能够显示的字数增大?
(3)PC端和手机端的兼容问题,试了在手机端看标题只能显示到Com后面的内容都看不见了
@Bob 这个是模板的限制,超长的部分会 hidden。 建议换一个模板。
尝试了一下克隆模板并修改代码发现可以修改标题显示的长度
.post\_title {
font-size: 16px;
font-weight: normal;
position: relative;
display: inline-block;
transition-duration: .5s;
color: #333;
vertical-align: middle;
text-overflow: ellipsis;
max-width: 780px;//真正限制的,原来为430
white-space: nowrap;
overflow: hidden;
transition-propety: background-color;
&:hover {
color: $link-hover-color;
}
模板的修改方法参考[如何修改克隆的模板](https://pi.bitcron.com/post/how\_to\_change\_cloned\_template#main)
具体操作步骤
1进入“我的网站”里相应网站下的“文件管理器”
2打开“/template/static/style.css”
3修改
(1)第227行
.content {
width: 800px;//不是它限制了字数,但如果设置的比内容少,标题会进入下一行;原为500
margin: 40px auto 80px;
border-left: 4px solid #f9f9f9;
}
(2)第395行
.post\_title {
font-size: 16px;
font-weight: normal;
position: relative;
display: inline-block;
transition-duration: .5s;
color: #333;
vertical-align: middle;
text-overflow: ellipsis;
max-width: 780px;//真正限制的,原为480
white-space: nowrap;
overflow: hidden;