标题过长,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后面的内容都看不见了

2018-03-09 00:20 from Bob
Comments
Write a Comment
  • Hepo reply

    @Bob 这个是模板的限制,超长的部分会 hidden。 建议换一个模板。

  • Bob reply

    尝试了一下克隆模板并修改代码发现可以修改标题显示的长度

    .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;

    }

  • Bob reply

    模板的修改方法参考[如何修改克隆的模板](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;