Github 搭建 hexo- 微博秀

Github 搭建 hexo- 微博秀

    可以在自己的静态博客里面添加 微博秀 这个功能(因为目前CSDN只有博客专家才有权限在博客栏目里自定义添加博客秀);

step 1:

  • 访问微博秀网站(需要登录自己的微博哈),进去后是下图的样子:点击黑色方框中的复制按钮,或者直接ctrl-c复制其中的代码。也可以在基础设置中设置自己想要的效果。
  • step 2:

    • 在hexo主题的配置文件(主题的,主题的,主题的)配置widget 文件夹里面,添加weibo.jade 文件,并把step 1 中所述的复制的代码粘贴到该文件里面。如下图黑色选中框:

    具体的文件扩展名(比如这里.jade)根据主题可能不一样,有的是.jade,有的是.ejs。或者还有其他扩展名的文件,不过经测试上述两种扩展都是支持 step1 所复制的代码。

    这里写图片描述

    step 3:

    • 在hexo主题的配置文件(主题的,主题的,主题的)配置_config.yml 文件里面的_widget 属性下,添加如下箭头所述名字描述:

    这里写图片描述

    step 4:

    • 在hexo init 目录,运行hexo s 或者 hexo server, 查看本地效果: 


  • 显示的效果不理想?那你可以再编辑微调,懂网页知识的小伙伴们可能注意到了,我不需要再去微博组件那修改定制了,直接修改嵌入的代码就可以了。

    <iframe width="300" height="380" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=300&height=380&fansRow=1&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=5358388397&verifier=ec0d271f&colors=99d9ea,f6e8ae,464646,0082cb,ecfbfd&dpc=1"></iframe>
    


猜你喜欢

转载自blog.csdn.net/cjb_king/article/details/79376076
今日推荐