`

hexo使用next主题,并且使用”多说“给博客的文章添加评论功能

 
阅读更多

使用next主题:

 

1、下载next: git clone https://github.com/iissnan/hexo-theme-next themes/next

2、修改配置:_config.yml配置项theme

      theme:next

 

使用”多说“给博客的文章添加评论功能:(附加:我是微信登录的)

 

1、在多说网站新建一个站点,并且获取一个多说域名,我填写的是yuzhiyun,然后填写需要使用评论功能的域名,我填写的是http://www.yuzhyun.me/

2、在多说网站的后台的“工具”tab 下获取到通用代码:

 

<!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"yuzhiyun"};
	(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 -->
 3、找到本地theme下你正在使用的hexo主题,我的是next,  打开F:\hexo\themes\next目录下的_config.yml配置文件,找到duoshuo_shortname标签,设置为刚才创建站点时多说域名中的内容,请注意,没有前缀http://和后缀.duoshuo.com.   ,比如我的就是yuzhiyun

 

 

4、修改F:\hexo\themes\next\layout\_partials目录下的comment.swing文件,把在dushuo网站上获取的通用代码黏贴到{% if page.comments %}  和{% endif %}之间。同时需要再修改一点,把

<!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>

 替换成:

  <!-- 多说评论框 start -->
 		<div class="ds-thread" data-thread-key="<%- page.path %>" data-title="<%- page.title %>" data-url="<%- page.permalink %>"></div>
<!-- 多说评论框 end -->

 5、更新到github

 

效果如图:



 

 

 

 

 

 
  • 大小: 54.5 KB
分享到:
评论

相关推荐

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

    总结来说,通过这个压缩包文件,你将获得一个已经配置好的Next主题Hexo博客。只需根据自己的需求进行个性化调整,就能拥有一个美观且功能丰富的个人博客平台。无论是分享技术心得,还是记录生活点滴,Hexo都能提供一...

    hexo next主题

    Hexo是一款基于Node.js的静态博客框架,它简化了创建...总的来说,Hexo结合Next主题为博主提供了一个高效、美观且可高度定制的博客平台。通过学习和实践,你可以创建出一个既专业又个性化的博客,分享你的知识和见解。

    hexo-theme-next-5.1.4

    此外,Next还支持自定义菜单、多语言切换、社交链接、评论系统等功能,极大地增强了博客的互动性和实用性。 关于Next主题的定制,我们可以在`themes/next`目录下找到主题的配置文件`_config.yml`,通过修改这里的...

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

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

    Hexo主题基于landscapeplus进行的优化

    总的来说,基于Landscape-plus主题的优化涵盖了JavaScript开发和CSS技术的多个层面。通过这些优化,我们可以打造出既美观又个性化的博客,满足自己的需求,同时也为访客提供优秀的阅读体验。在实践中,不断学习和...

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

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

    Hexo_Next_Album

    总的来说,Hexo_Next_Album 是一个强大的工具,它使Next主题用户能够轻松地在博客文章中创建和展示相册,进一步丰富了Hexo的表达力。通过掌握这一插件的使用,你可以为读者提供更丰富多彩的视觉体验,提升博客的整体...

    hexo-next-coauthor:为NexT主题添加合著者文章meta

    为NexT主题添加合著者文章meta 安装 npm install theme-next/hexo-next-coauthor 用于前台 title : Hello! NexT Test Site coauthor : Mr.J title : Hello! NexT Test Site coauthor : - Mr.J - Jone 配置 ...

    GitHub hexo搭建个人博客

    ### GitHub + Hexo 搭建个人博客详细指南 ...通过以上步骤,您可以成功地使用 GitHub 和 Hexo 搭建起属于自己的个人博客,并能够实现基本的功能操作,包括文章的发布、分类管理、标签管理以及 RSS 订阅等功能。

    百度地图java源码下载-hexo-theme-next5-polished::sun_behind_large_cloud:基于Next5主题美化的一款hexo博客主题

    基于Next5主题的一款美化的hexo博客主题 效果预览地址: :warning: 注意并不能保证网站的样式与本仓库中样式一致,如果你会修改 CSS 样式的话,可以继续在此基础上魔改 Next 主题。 使用方法 使用 GitBash,进入到...

    hexo blog源码

    - **选择主题**:Hexo有许多美观的主题可供选择,如`landscape`、`next`等,你可以在`package.json`中看到当前使用的主题。 - **自定义**:主题的配置通常位于`themes/主题名/_config.yml`,你可以根据需要修改。 ...

    博客:我的博客! 基于Hexo + Next

    Next是Hexo的一款主题,提供了丰富的功能和优雅的设计,使得博客的视觉效果和用户体验得以提升。 首先,我们来详细了解一下Hexo。Hexo是用Node.js开发的,它的核心优势在于能够将文本内容转化为静态HTML页面,这样...

    deerlost.github.io:对于创建博客的第三次尝试--Hexo.Next

    在本项目中,“deerlost.github.io: 对于创建博客的第三次尝试--Hexo.Next”是一个个人博客搭建的过程记录,使用了流行的开源静态站点生成器Hexo及其Next主题。Hexo是一个快速、简洁且高效的博客框架,它允许用户...

    hexo-blog:基于Hexo建设的博客-

    此外,Hexo的插件库提供了很多功能,如统计分析、代码高亮、自动摘要等,可以根据需求安装。 9. 与社区互动: 加入Hexo社区,参与讨论,获取帮助,甚至贡献代码,与其他Hexo用户分享经验。 通过以上步骤,你就...

    myblog:博客网站后台原始码,基于Hexo框架和NexT主题

    【Hexo框架详解】 Hexo是一款快速、简洁且高效的静态站点生成器,它适用于博客和个人网站的搭建。基于Node.js,Hexo能够将Markdown或文本格式的...同时,持续学习和探索Hexo的更多特性,可以使你的博客更加丰富多彩。

    hexoBlog:使用hexo搭建的博客

    Hexo有许多插件可以增强博客功能,如SEO优化、评论系统、统计分析等。你可以在`package.json`文件中添加所需的插件,然后运行`npm install`来安装。例如,添加百度统计插件: ```json "hexo-renderer-marked": "^...

    hexo:前端博客库

    总的来说,Hexo是一个高效且易用的前端博客解决方案,通过其灵活的配置、丰富的主题和插件,让开发者能够专注于创作,而无需担心网站的构建与维护细节。如果你是一位热爱写作和技术分享的前端开发者,Hexo无疑是一个...

    hexo:hexo博客所有源文件

    Hexo是一款基于Node.js的快速、简洁且高效的博客框架,深受很多个人博主和开发者喜爱。它可以帮助用户在本地快速搭建个人博客系统,并可以方便地部署到各种云平台,如GitHub Pages、Vercel等。标题"hexo:hexo博客...

    blog_source:自用 hexo 备份,win10 系统,主题 next

    综上所述,这个压缩包“blog_source-master”包含了一个基于 Hexo 的个人博客的完整源代码,使用了 Next 主题,适合对博客有较高定制需求的用户。通过了解 Hexo 的基本操作和 Next 主题的特点,我们可以轻松管理和...

    my-hexo-blog:孙子阳的博客,使用十六进制主题下一个

    总的来说,孙子阳的博客展示了Hexo的强大功能和Next主题的优雅设计。通过学习和实践,任何人都能使用这些工具创建出属于自己的个性化博客,尽情表达自己的想法和创意。无论是对技术的探索,还是对生活的感悟,Hexo和...

Global site tag (gtag.js) - Google Analytics