`
364434006
  • 浏览: 593391 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Hexo博客配置留言和分享功能

 
阅读更多

接上一篇《使用Hexo在Github上构建免费Blog应用》,这篇介绍下如何在Hexo博客上配置留言和分享功能。

我们的留言控件采用多说这款插件,话不多说,直接进入主题吧。

 

第一步,打开多说官网,点击“我要安装”,然后选择登录模式,这里可以选择QQ、微信、baidu等账户进行登录

 

第二步,登录成功后,是多说的管理平台,在左边的导航栏选择“工具”菜单,然后获取插件代码。

 

第三步,将代码拷贝到comment.ejs文件中。

注意comment.ejs在themes/light/layout/_partial/目录下面,我们可以在全局配置文件_config.yml中添加一个变量duoshuo来控制是否显示多说留言控件。需要根据自身情况修改data-thread-key、data-title、data-url属性值。

 

 

第四步,重启hexo,打开浏览器访问http://localhost:4000,查看一篇博客,可以看到我们的多说留言已经集成到博客上面去了

 

到这里,多说留言插件就已经正常集成到我们的博客上去了。对于留言的管理,我们可以登录到多说提供的管理平台上去操作,具体的操作步骤就不在本篇讨论了。

 

接下来,我们配置下分享功能,这里还是采用多说提供的控件

 

第一步,登录多说管理平台,点击左边菜单“分享”按钮,选好样式之后复制生成的代码。

 

第二步,将代码拷贝到share.ejs文件中。

注意share.ejs在themes/light/layout/_partial/post/目录下面,我们可以在themes目录下的配置文件_config.yml中添加一个变量addthis/shared来控制分享功能的显示。同样,这里需要根据自身情况修改data-thread-key、data-title、data-images、data-content、data-url属性值

 

第三步,重启hexo,打开浏览器访问http://localhost:4000,查看一篇博客,可以看到我们的分享功能已经集成到博客上面去了

 

到这里,留言、分享功能就已经全部集成到我们的博客上面去了。

 

分享到:
评论

相关推荐

    Hexo博客搭建文件(next主题)

    Next主题以其优雅的设计和丰富的功能,成为Hexo用户中的热门选择。下面将详细介绍Hexo博客搭建以及Next主题的配置。 首先,你需要确保你的计算机上已经安装了Git和Node.js。Git是分布式版本控制系统,对于管理代码...

    Hexo博客网站的快速搭建

    Hexo具有安装简便、构建速度快、支持多种主题和插件等特点,非常适合个人技术博客或项目文档的搭建。 搭建Hexo博客网站需要前置安装一些软件,主要是Node.js和Git。Node.js是一个JavaScript运行环境,而Git是一个...

    基于七牛云创建个人 hexo 博客.pdf

    在本文中,我们将逐步介绍如何基于七牛云创建个人 Hexo 博客,包括安装 Node.js 环境、安装 Hexo 框架、配置 Hexo 框架、获取七牛云账户的 AccessKey 和 SecretKey、使用 qrsbox 工具上传文件到七牛云存储、部署 ...

    基于Hexo博客框架搭建的多个静态博客源码.zip

    基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态...

    个人博客系统-前后端,基于hexo搭建

    在当今互联网时代,拥有一个个性化、功能完善的个人博客系统已经成为很多技术爱好者、作家和知识分享者的首选。通过自建博客,我们可以自由展示自己的思想,分享知识,同时也为自我品牌建设提供了一个有效的平台。...

    轻量化的响应式Hexo博客主题。

    在IT行业中,Hexo因其轻量级、易部署和可高度定制的特点,受到了很多个人博客和小型项目的青睐。本主题——"轻量化的响应式Hexo博客主题",是专门为Hexo设计的一款界面美观、响应式的博客模板。 响应式设计是现代...

    hexo+github搭建自己的博客

    总结来说,"hexo+github"搭建个人博客的过程包括:安装和配置Hexo,创建并设置GitHub仓库,编写和发布文章,以及定制主题和插件。这种方法不仅简单易用,而且免费,还能让你的博客与全世界的开发者社区紧密相连。...

    Matery闪烁之狐免费Hexo博客主题

    总的来说,Matery闪烁之狐免费Hexo博客主题是一个美观且功能丰富的博客设计方案,结合Material Design的现代风格和Hexo的高效生成,为博主们提供了一个优雅的在线写作和展示平台。通过细心的配置和调整,你可以创建...

    基于Next5主题美化的一款hexo博客主题

    【描述】:“基于Next5主题美化的一款hexo博客主题”是指使用Hexo框架中的Next5主题进行了一系列的定制和优化,旨在提供更美观、更具个性化的博客展示效果。Hexo是一款快速、简洁且高效的静态博客生成器,它允许用户...

    hexo博客(hexo_init 命令后的文件夹)

    建立hexo博客的必须,有些电脑hexo_init 命令很久出不来,这里直接给出压缩包。

    极简的Hexo博客主题专注于内容展现

    Hexo是一款基于Node.js的静态博客框架,深受开发者喜爱,因为它快速、简洁且易于部署。在众多的主题中,“极简的Hexo博客主题专注于...通过深入理解和定制这个主题,你可以创造出一个既美观又功能齐全的个人博客平台。

    我的博客Hexo

    Hexo是一款基于Node.js的静态博客框架,深受个人开发者和博主喜爱。它以其简洁、高效和高度可定制的特性赢得了广泛的赞誉。通过使用Hexo,你可以轻松地搭建自己的博客,无需深入了解服务器管理或复杂的Web开发技术。...

    hexo博客打赏源码

    关于如何使用Hexo+Hexo主题搭建博客系统,可以参考我之前的博客的介绍:(https://blog.csdn.net/xiangzhihong8/article/details/53727310,查看效果可以查看以下地址:...

    一个基于vueadmintemplate的hexo博客后台管理项目采用SpringBootVue开发

    该项目是一个集成Vue.js和SpringBoot技术的后台管理系统,主要用于管理基于Hexo的博客。Hexo是一个快速、简洁且高效的静态博客框架,而Vue-admin-template则是Vue.js的一个管理界面模板,常用于构建后台管理界面。接...

    hexo博客 nodejs +博客搭建+butteflr主题自用

    在本文中,我们将深入探讨如何使用Node.js和Hexo框架搭建个人博客,并专注于Butterfly主题的自定义和应用。Hexo是一个基于Node.js的静态站点生成器,它可以帮助我们快速、高效地创建博客,而Butterfly主题以其美观、...

    hexo-theme-raytaylorism, 一款Material Design风格的hexo主题.zip

    7. **社交分享功能**:集成社交媒体分享按钮,方便读者一键将文章分享到各大社交平台,增加博客的传播力。 8. **评论系统**:支持多种评论插件,如Disqus、Gitalk等,便于博主与读者互动交流。 9. **代码高亮**:...

    简洁的 hexo 主题_博客主题_JavaScript_代码_下载

    Hexo-Theme-AirCloud 是一个简洁轻量的 hexo 博客主题,旨在将中心放在博文本身,因此: 默认没有大范围的主题色块、图片铺排等,也不要求每片博文配图,一方面这并不是我们记录知识的重点,另外一方面可能程序员...

    Hexo + github page 实现搭建博客.pdf

    Hexo还支持主题配置,通过安装不同的主题来定制博客的外观和功能,比如NexT主题就是Hexo的一个流行主题,它提供丰富的配置选项和插件支持。 在搭建博客过程中,还需要生成SSH密钥,并将其公钥添加到GitHub账户中。...

    Atom-hexo-generator-feed,为HEXO供电。为HEXOJS/HEXO做出贡献.zip

    Atom-hexo-generator-feed是专门为Hexo博客框架设计的一个插件,用于生成RSS feed,使得博客内容可以被订阅和分享。这个插件与Atom文本编辑器无关,尽管它们的名字中都包含"Atom"。这里我们将深入探讨Hexo、Atom文本...

    基于Html语言的hexo博客设计源码分享与教程

    该项目是一个基于Html语言的hexo博客设计源码,包含159个文件,其中包括67个jpg图片、50个html文件、25个png图片、3个svg图形、3个js脚本、2个jpeg图片、1个CNAME配置文件、1个xml文件、1个json文件、1个ini文件。...

Global site tag (gtag.js) - Google Analytics