Hexo-theme-next: 关于页面右侧出现侧边栏外部链接（sidebar-Social Links）的问题

Created on 1 Sep 2017 · 28Comments · Source: iissnan/hexo-theme-next

进入个人主页的时候，侧边栏里面的外部链接出现在主页右边边上，只能看见一点点。
当你点开展开侧边栏的按钮，在关闭侧边栏，上面出现的那个情况就没有了！在其他页面也同样有这个问题。
我没有修改HTML、CSS代码。

Bug

Source

Zhang21

All 28 comments

应该是这串代码，每个页面都有。是Hexo渲染的问题吗？
`

          <span class="links-of-author-item">
            <a href="https://github.com/Zhang21" target="_blank" title="GitHub">

                <i class="fa fa-fw fa-github"></i>


                  GitHub

            </a>
          </span>

          <span class="links-of-author-item">
            <a href="mailto:[email protected]" target="_blank" title="E-Mail">

                <i class="fa fa-fw fa-envelope"></i>


                  E-Mail

            </a>
          </span>

          <span class="links-of-author-item">
            <a href="https://instagram.com/Zhang21_" target="_blank" title="Instagram">

                <i class="fa fa-fw fa-instagram"></i>


                  Instagram

            </a>
          </span>


    </div>`

Zhang21 on 1 Sep 2017

Can u explain in English?

ivan-nginx on 1 Sep 2017

@ivan-nginx Zhang21 means this,

When I open my homepage, I can see some links on the right side. And when open the right side bar, this bug will disappear.

whyliam on 4 Sep 2017

👍1

@liszd live demo?

ivan-nginx on 4 Sep 2017

@ivan-nginx
http://www.zhang21.cn/ is zhang21 website.
https://blog.naaln.com/ is my webiste. It also has same problem.

.links-of-author {
    margin-top: 20px;
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: center;
}

I think .links-of-author's style display caused the problem.

whyliam on 4 Sep 2017

@Zhang21 @liszd what version of NexT u use? Latest master branch or release version?

ivan-nginx on 4 Sep 2017

@ivan-nginx I forked the theme in liszd/hexo-theme-next and rebase with master branch 5858a19e57765d611e526f9fc4a7edfc3a307fe2

whyliam on 4 Sep 2017

@liszd ok, this error appear only after this update? I see your commit 7 days ago, error was or not in that time?
And can u please temporarily disable all your custom styles and try to catch out this error again?

ivan-nginx on 4 Sep 2017

@ivan-nginx sorry, there is a little chaos on my commit.

Now I use the last master branch (just change the _config) . This problem also appeared.

This error has appear several weeks. I just solved with links-of-author in custom.sty at that time.

.links-of-author {
    display: block
}

I thought this bug only happen on me, until find Zhang21 has some problem.

whyliam on 4 Sep 2017

@liszd .links-of-author was changed on flex style display when was added icons_only option.
But this bug is strange and i can't to catch him on my test site without any custom styles.

ivan-nginx on 4 Sep 2017

Fixed in #1846.
@liszd u can remove display: block from custom.styl after this update.

Also, i recommend to use _data dir with next.yml rewrite config file. See main NexT readme about this feature.

ivan-nginx on 4 Sep 2017

@Zhang21 if issue solved, close it please.

ivan-nginx on 4 Sep 2017

@ivan-nginx Thx, It works for me.

whyliam on 4 Sep 2017

@liszd Sorry，I can't understand how to solve this problem according to your suggestions.

Zhang21 on 5 Sep 2017

@Zhang21 他昨天晚上更新了，你使用他最新的代码就行了。

whyliam on 5 Sep 2017

@liszd What mean about use _data dir with next.yml？

Zhang21 on 5 Sep 2017

@liszd Clone the new version of NexT？

Zhang21 on 5 Sep 2017

@Zhang21 that say i, not him) I mean u can check this.

ivan-nginx on 5 Sep 2017

@ivan-nginx I see,think u

Zhang21 on 5 Sep 2017

😄1

@ivan-nginx @liszd
I update it，it works true on some browser（like edge and IE），but on chrome，it also has the problem. I try to disable cache, and still exist.

Zhang21 on 5 Sep 2017

@Zhang21 just refresh with Ctrl+Shift+R. I tested it on Chrome always.

ivan-nginx on 5 Sep 2017

I use your method, it's also exist.

* the problem *
problem11