如何对如何搭建hexo+github可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html

详细的可以查看hexo博客的演示:https://saucxs.github.io/

同时绑定了域名:http://www.chengxinsong.cn/

可以查看在github上生成的静态文件:https://github.com/saucxs/saucxs.github.io.git,如果觉得可以请给颗星星。

注意:畅言使用几天之后需要进行实名认证,认证完事之后就可以正常使用。

1、评论实现

在Hexo的Yilia主题由于原来使用的是多说的留言板,近期多说公告要停止提供服务了,所以我就把多说换成搜狐的畅言了,下面写一个简单的小教程。

1.1注册畅言

进入畅言官网 , 点击右上角 “免费注册”,并填写注册信息。(注意域名需要备案信息),之前自己已经注册了一个域名,已经备案,但是还没有到公安局备案,而且那个域名已经在使用,所以直接用那个域名。备案的信息和域名是一一对应的。

1.2绑定域名

绑定域名分2种情况:带www和不带www的。

域名配置最常见有2种方式,CNAME和A记录,CNAME填写域名,A记录填写IP,由于不带www方式只能采用A记录,所以必须先才cmd的ping一下你的用户名.github.io的IP,然后到你的域名DNS设置页,将A记录指向你ping出来的IP,将CNAME指向你的用户名.github.io,这样可以保证无论是否添加www都可以访问,如下:

然后到你的github项目根目录新建一个名为CNAME的文件(无后缀),里面填写你的域名,加不加www看你自己喜好,因为经测试:

另外说一句,在你绑定了新域名之后,原来的你的用户名.github.io并没有失效,而是会自动跳转到你的新域名。

1.3登录并进入畅言后台

注册完后,登录进入畅言官网,获取你的畅言 app id 和 app key。

1.4使用畅言系统

下面说下修改评论为畅言的方法,其实方法和多说是差不多的。

在网上看到别人的教程,发现了问题:多此一举,现在只需要在主题的目录下_config.yml,添加上changyan_appid和changyan_conf的值。

效果:

1.5在github上的github的page上设置域名

 1.6如果出现这种情况,在github的page的设置上增加域名。

检查github上的page域名设置地方。

踩得坑:

以下是网上的做法:重复出现评论区

#########################################################################

1、修改 themes\yilia\layout\_partial\article.ejs 模板,把如下代码

也就是如下的代码

<% if (theme.disqus || config.disqus_shortname){ %>  <section id="comments">    <div id="disqus_thread"></div>      <script type="text/javascript">      /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */      var disqus_shortname = '<%= theme.disqus || config.disqus_shortname %>'; // required: replace example with your forum shortname

      /* * * DON'T EDIT BELOW THIS LINE * * */      (function() {        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);      })();    </script>    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>  </section><% } %>

换成一下代码

也就是如下代码

<% if (!index && post.comments){ %>
<section id="comments"><!--高速版,加载速度快,使用前需测试页面的兼容性--><div id="SOHUCS" sid="<%= page.title %>"></div><script>(function(){var appid = 'cytcBy09P',conf= '0e827330cbbc63a9d87e7ca4c5ded651';var doc =document,s= doc.createElement('script'),h= doc.getElementsByTagName('head')[0] || doc.head ||doc.documentElement;s.type= 'text/javascript';s.charset= 'utf-8';s.src=  'http://assets.changyan.sohu.com/upload/changyan.js?conf='+ conf +'&appid=' +appid;h.insertBefore(s,h.firstChild);window.SCS_NO_IFRAME= true;})()</script>
</section><% } %>

上面的APP IDAPP KEY是在畅言设置中得到。

这里需要注意一点的是:sid="<%= page.title %>"> 这样的话,畅言就可以直接根据对应的文章来识别,使得文章有对应的评论,不会都乱在一起。

2、在每篇文章开头的 front-matter 中添加一句comments: true,然后回到博客根目录执行命令 hexo d -g ,重新生成博客并部署博客,然后刷新,任选一篇文章进入下拉,会发现评论功能可以使用了。

效果如下:

重复增加了评论部分

####################################################################

转载于:https://www.cnblogs.com/chengxs/p/7494170.html

github+hexo搭建自己的博客网站(五)进阶配置(畅言实现博客的评论)相关推荐

  1. github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url,添加RSS)...

    详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clo ...

  2. GitHub+hexo搭建个人博客(2019新版超详细教程)

    GitHub+hexo搭建个人博客详细教程 原文链接 : GitHub+hexo搭建个人博客详细教程 前言 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交信息分享者,随之优秀的信息分享平台也越来 ...

  3. Linux下使用 github+hexo 搭建个人博客01-hexo搭建

    为什么要搭建自己的博客系统? 原因有好几个吧,归类如下: 1.自己搭建博客系统很有成就感,可以自己选定页面风格和页面排版: 2.自己搭建博客系统可以根据自己的需要添加各种插件功能,因此整体上比网上的第 ...

  4. Linux下使用 github+hexo 搭建个人博客04-next主题优化

    上篇我们说了 hexo 的优化,针对的站点的优化. 本篇讲解 next 主题的优化,包括:使用语言.前端页面显示宽度.菜单.侧栏.头像.添加或取消动画效果.打赏功能等等. 让页面排版更符合我们所要的功 ...

  5. Github + Hexo 搭建个人博客超详细教程

    Github + Hexo 搭建个人博客超详细教程 本文目录 generated with DocToc 网站搭建 本文目录 1.安装node.js 2.添加国内镜像 3.安装Git 4.注册Gith ...

  6. Github + Hexo 搭建个人博客

    文章目录 Github + Hexo 搭建个人博客 快速搭建 安装Node.js 添加国内镜像源 安装 Git 注册 Github 安装Hexo 连接Github与本地 写文章.发布文章 图片添加水印 ...

  7. Github+Hexo搭建个人博客(图文详解)

    文章目录 使用Github+hexo搭建个人博客(不会让小伙伴们走弯路) 1. 准备工作:安装两个我们本次所需要使用的软件: 2. 注册Github账号以及建立仓库:[https://github.c ...

  8. github+hexo搭建个人博客(1.简单搭建)

    github+hexo搭建个人博客(1.简单搭建) 需要使用的软件,我已经放到自己的百度云盘里,网络不好的同学可以自己下载[百度云链接] 安装git 安装node 安装hexo 本地测试 申请gith ...

  9. GitHub+Hexo 搭建个人网站

    本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 一.创建GitHub Pa ...

最新文章

  1. javascript的location/history
  2. windows 远程连接debian_用Windows的远程桌面连接访问Debian和Ubuntu图形界面
  3. linux跑r语言代码,R语言快捷键(示例代码)
  4. 这些高校竟因名字太“坑爹”被误会为三本?盘点九所实力强劲但被名字耽误的大学...
  5. test1 exam5定义一个可以精确表示年、月、日、小时、分、秒的结构体
  6. go-mysql数据-查询--输入数据--实战2
  7. easyui ---- jEasyUI-定制提示信息面板组件
  8. ConnectionString 最简便写法 for MSSQL 2005 EXPRESS
  9. 运用incremental backup恢复归档GAP的DG-上篇
  10. php编码怎么变西欧了403,你知道一个简单的PHP脚本在ip检查后抛出403吗?
  11. vrep系列教程(一)——熟悉vrep
  12. Intellij IDEA 强大的搜索能力
  13. HDC1080温湿度驱动 IIC I2C STM32
  14. 双硬盘主机安装Ubuntu 18.04
  15. 解决curl ftp:192.168.4.12 (67) Access denied: 530和500问题
  16. 插件化Amigo-1
  17. 如何使用python下载网站上的视频
  18. 【渝粤题库】国家开放大学2021春2099民事诉讼法学题目
  19. Babylonjs入门02——VsCode+vue+babylonjs开发第一个babylon项目程序
  20. POWER PIVOT的使用介绍2

热门文章

  1. H3C路由交换常用命令
  2. 十年Hello World,写的是人生
  3. arc land出错
  4. Java(老白再次入门) - 数组
  5. 关于小程序订单中心页设置的公告
  6. Python Opencv 实现鼠标事件(包含一个练习)——事件触发讲解·以及鼠标回调函数的实现
  7. map遍历的三种基础用法
  8. css 光影掠过文字效果
  9. cmd怎么查看当前静态路由_win7系统利用命令查看ip路由表完整信息的操作方法
  10. vim输入i无法进入编辑模式