jekyll博客中的多说评论框如何更改宽度？

使用github page搭建的博客
主题模板为Jekyll + Skinny Bones
模板代码见这里：https://github.com/mmistakes/skinny-bones-jekyll
在添加多说评论框时遇到下面问题
根据网上步骤，多说上生成评论代码，粘贴评论代码到_layouts/default.html的body标签中间，然后push到github

  <div class="ds-thread" data-thread-key="{{ page.id }}" data-title="{{ page.title }}" data-url="{{ page.url }}"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
  <script type="text/javascript">
    var duoshuoQuery = {short_name:"name"};
    (function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';ds.async = true;
    ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] 
     || document.getElementsByTagName('body')[0]).appendChild(ds);
  })();
  </script>
<!-- 多说公共JS代码 end -->

但是评论框是最大页面宽度，没法跟博客文章宽度保持一致，如下截图

由于不会css，网上搜了半天，并没有搜索到我这个小众需求，麻烦各位帮忙解决下调整多说评论框的显示宽度，需要跟文章宽度保持一致