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. push、pop指令
  2. 如何写一份让面试官眼前一亮的简历?
  3. SQL学习总结-思维导图
  4. 使用IntelliJ IDEA 14和Maven创建java web项目
  5. Android怎么结束一个进程,我试了用 ActivityManager.killBackgroundProcesses方法去结束,但是没有反应
  6. JavaScript实现10大算法可视化
  7. html自定义鼠标右键,js自定义鼠标右键的实现原理及源码
  8. [POI2015] Pustynia(差分约数,线段树优化建图,拓扑)
  9. 《舰在亚丁湾》 “海军特战队”央视电视剧起航
  10. 实验假设与分析方法(参数与非参检验)
  11. rapidsvn 安装步骤
  12. Linux日志管理实验
  13. 串口和并口和网口区别
  14. 化繁为简|华天软件参数化,将轴承设计变为数与数的组合
  15. JZOJ5401. 【NOIP2017提高A组模拟10.8】Star Way To Heaven
  16. web scraper翻页功能的实现
  17. Android——为图片增加水印,并且保存到图库刷新
  18. 微软 Windows 10 v2004 最新官方 ISO 镜像
  19. 海鲜吃得好,喝酒少不了,盒马痛风套餐来了
  20. SMBIOS读取本机的MEMORY信息

热门文章

  1. 心动的本质是什么_李银河:追求真爱的本质,其实是在追求全能母爱
  2. (Loadrunner)Abnormal termination, caused by mdrv process termination.(转)
  3. ​阿里云天池工业AI大赛暨中国“印象盐城,数创未来”大数据竞赛正式启动
  4. Docker-compose 部署SpringCloud微服务步骤及遇到的问题
  5. 阿里巴巴参谋长曾鸣全面深入阐释:何谓互联网的本质?
  6. Matlab:实现带传感器融合的自适应巡航控制(附完整源码)
  7. 倚天总显示连接服务器不动,倚天手游好玩吗 倚天手游无法连接服务器解决方案分享...
  8. Spoke to Spoke Flex
  9. Linux高级文本编辑器比较:kate vs gedit
  10. Android端+Java服务端+servlet+MySQL二手商城设计