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>
    

Github 搭建 hexo- 微博秀相关推荐

  1. 使用Hexo和Github搭建博客站

    本人电脑系统为window 10专业工作站版,64位 相关步骤: 1.安装Node.js和配置好Node.js环境,打开cmd命令行,成功界面如下 2.安装Git和配置好Git环境,安装成功的象征就是 ...

  2. Hexo+github搭建个人博客-博客发布篇

    通过 Hexo+github搭建个人博客-环境搭建篇 以及 Hexo+github搭建个人博客-博客初始化篇 ,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的 ...

  3. Hexo+github搭建个人博客-博客初始化篇

    文章推荐 精选java等全套学习资源 精选java电子图书资源 精选大数据学习资源 java项目练习精选 上一篇博文 [<Hexo+github搭建个人博客-环境搭建篇>](http:// ...

  4. Hexo+github搭建个人博客-环境搭建篇

    一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...

  5. vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客

    一个爱折腾的人,总是忍不住去自己动手尝试新鲜事物.就拿写博客来说,虽然网上已经提供了很多博客平台,但是总有一些个性化的需要得不到满足.所以就抽空去网上找了下如何使用Hexo+Github 搭建自己博客 ...

  6. 2 - Hexo + GitHub 搭建博客

    使用 Hexo + GitHub 搭建一个好看的博客 一.第一篇博客 1 cd ~/Desktop 2 在 GitHub 上新建一个空 repo,repo 名称是「你的用户名.github.io」 3 ...

  7. github page hexo博客gitee_利用Github和hexo搭建个人免费博客

    利用Github和hexo搭建个人免费博客详细过程: 概述: 详细的介绍了利用github和hexo搭建免费的博客,内容详细,浅显易懂,容易上手,大家一起进来看看吧! 1.配置Github相关操作: ...

  8. 教你如何使用hexo以及nginx、github搭建属于自己的博客(操心的妈妈级教学)

    教你如何使用hexo以及nginx.github搭建属于自己的博客(妈妈级教学) ~~ 1.解释一下你要的服务器的效果以及对应的操作 ~~ 首先你要有自己的一台服务器,可以是云服务器,或者你可以用自己 ...

  9. 码云怎么创建公开的仓库_使用码云或GitHub搭建简单的个人网站(补充hexo搭建博客)...

    使用码云或GitHub搭建个人网站 码云: 1.新建一个仓库 路径名会影响你的个人网站的网址(自行修改),开源(公开),其他默认 我们点击创建 2.进入仓库后,我们新建一个文件 3.文件名为index ...

最新文章

  1. linux 代码格式化工具 clang-format
  2. 第八周项目实践1 建立顺序串的算法库
  3. OpenStack Liberty 连接vCenter
  4. 计算机多媒体教室维修登记册,多媒体教学管理制度
  5. Java8采用stream、parallelStream迭代的区别
  6. 数据库-关系代数的分类
  7. win怎么打开微软更新服务器,怎样打开win10的更新服务器地址
  8. AWS elastic load balancer里的监听器certificate设置
  9. Spring IOC BeanDefinition解析
  10. python 批量处理文件
  11. 使用Async方法 Using Async Methods 精通ASP-NET-MVC-5-弗瑞曼 Listing 4-32.
  12. android 敏感词过滤器,android 过滤敏感词主要类
  13. 为什么有了哈希算法还需要一致性哈希?
  14. 用unity制作简单的AR,亲测有效
  15. Visual Studio Community2015及使用
  16. 碎碎点点-积土成山,风雨兴焉;积水成渊,蛟龙生焉
  17. Opencv+ZBar识别条形码、二维码
  18. 模拟电路设计(7)--- 增强型MOSFET
  19. 新⼀代USDP开源套件,可替代CDH的免费大数据套件平台及架构选型
  20. Android系统移植与调试之-------)如何修改Android手机NFC模块,使黑屏时候能够使用NFC

热门文章

  1. dsh德语c1等级语言证书,德国留学的语言要求和DSH详细介绍
  2. C#/asp.net使用 entityFramework制作简单的登录注册功能
  3. MyEclipse 10官网下载地址以及破解方法
  4. 蚂蚁区块链投票案例(一)---蚂蚁链简介
  5. ubuntu下安装gitbook并生成电子书
  6. 25 致远OA修改页面参数值
  7. win7蓝屏0x000000f4修复_超赢科技:关于电脑F4蓝屏的处理和预防方法
  8. ubuntu1804下pppoe[有线宽带虚拟拨号]设置
  9. 倚天屠龙的区别——小游戏与H5小游戏
  10. Android Framework(一)--对Zygote的理解