文档章节

hexo的tranquilpeak配置畅言

ggorz
 ggorz
发布于 2017/08/22 09:40
字数 629
阅读 43
收藏 0

1.注册畅言,根据提示操作

获取安装代码

<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="请将此处替换为配置SourceID的语句" ></div> 
<script type="text/javascript"> 
(function(){ 
var appid = 'cytaU5QOG'; 
var conf = 'prod_c4bc81bxxxxxxx135106f13126afbad5'; 
var width = window.innerWidth || document.documentElement.clientWidth; 
if (width < 960) { 
window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("https://changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>

我选择的是通用自适应的安装代码

注意: 如果网站是https需要把代码中链接改为https;不过也可以把http: 这个去掉;

2.修改themes/tranquilpeak/layout/_partial/post.ejs

vim themes/tranquilpeak/layout/_partial/post.ejs 把文件下面关于comments的代码修改为:

<% if (post.comments) { %>
    <% if (theme.changyan_enable) { %>
        <%- partial('post/changyan') %>
    <% } else if (theme.disqus_shortname) { %>
        <%- partial('post/disqus') %>
    <% } else if (theme.duoshuo_shortname) { %>
        <%- partial('post/duoshuo') %>
    <% } %>
<% } %>

3.创建'post/changyan'

cd themes/tranquilpeak/layout/_partial/post
touch changyan.ejs
vim changyan.ejs

// 在changyan.ejs添加一行内容(安装代码中的div结构)
<div id="SOHUCS" sid="<%= post.title %>" ></div>

4.修改themes/tranquilpeak/layout/_partial/script.ejs

在“if (theme.disqus_shortname)”上面加入畅言的js代码

<!--SCRIPTS-->
<%- js('assets/js/jquery.js') %>
<%- js('assets/js/jquery.fancybox.js') %>
<%- js('assets/js/jquery.fancybox-thumbs.js') %>
<%- js('assets/js/tranquilpeak.js') %>
<!--SCRIPTS END-->
<% if (post.comments) { %>
    <% if (theme.changyan_enable) { %>
<script type="text/javascript"> 
(function(){ 
var appid = "<%= theme.changyan_appid %>"; 
var conf = "<%= theme.changyan_appkey %>"; 
var width = window.innerWidth || document.documentElement.clientWidth; 
if (width < 960) { 
window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="//changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("//changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>
    <% } else if (theme.disqus_shortname) { %>
        <script>
             var disqus_config = function () {
                 this.page.url = '<%= post.permalink %>';
                 <% if (post.disqusIdentifier) { %>
                    this.page.identifier = '<%= post.disqusIdentifier %>';
                 <% } else { %>
                    this.page.identifier = '<%= post.path %>';
                 <% } %>
             };
            (function() {
                var d = document, s = d.createElement('script');
                var disqus_shortname = '<%= theme.disqus_shortname %>';
                s.src = '//' + disqus_shortname + '.disqus.com/embed.js';

                s.setAttribute('data-timestamp', +new Date());
                (d.head || d.body).appendChild(s);
            })();
        </script>
    <% } else if (theme.duoshuo_shortname) { %>
        <script type="text/javascript">
            var duoshuoQuery = {short_name:'<%= theme.duoshuo_shortname %>'};
            (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>
    <% } %>
<% } %>
<% if (config.algolia && config.algolia.appId && config.algolia.apiKey && config.algolia.indexName) { %>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment-with-locales.min.js"></script>
    <script src="//cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
    <script>
        var algoliaClient = algoliasearch('<%= config.algolia.appId %>', '<%= config.algolia.apiKey %>');
        var algoliaIndex = algoliaClient.initIndex('<%= config.algolia.indexName %>');
    </script>
<% } %>

5.在主题中的_config.xml配置参数

changyan_enable: true
changyan_appid: cytaU5QOG
changyan_appkey: 90d888888888e32236c5103463

6.完成

重新发布即可

© 著作权归作者所有

上一篇: 2017年终总结
ggorz

ggorz

粉丝 0
博文 4
码字总数 2699
作品 0
北京
程序员
私信 提问
stevenshen/hexo-theme-BlueLake

BlueLake English | 简体中文 一个简洁轻量化的响应式Hexo博客主题。 点击预览 安装 安装主题和渲染: $ git clone https://github.com/chaooo/hexo-theme-BlueLake.git themes/BlueLake$ np...

stevenshen
2018/01/08
0
0
为Hexo博客添加LiveRe评论系统

注: 本文首发于 My 公众号 CodeSheep ,可 长按 或 扫描 下面的 小心心 来订阅 ↓ ↓ ↓ 最近有些网友问我,我的个人博客中的评论系统是怎么添加的,说实话我都有点忘了,毕竟搞了有好长一段...

CodeSheep
2018/01/20
0
3
Hexo博客yelee主题添加Gitment评论系统

前言 自从六月份多说评论关闭后,接着好不容易迁到网易云跟帖。8月1日网易云跟帖发布公告宣布停止服务。看到wordpress博客大部分接的是畅言,可惜畅言需要网址备案,没有买阿里云服务器域名不...

静默加载
2017/10/26
0
0
如何优雅地发布Hexo博客

次优雅的发布hexo博客方式,为什么说是次优雅,因为它是目前我自己所知道的比较优雅的发布方式,可能存在其他更好的方式,欢迎指教~ 转载请注明出处:http://blog.lzoro.com,谢谢~ 前言 就目...

格子zoro
2017/09/12
0
0
搜狐畅言社交化评论插件接入之单点登录

很久以前就想做关于Jfinal的社区,可是苦于不像去写那种留言与回复的那种功能,于是就想着要通过第三方的那种社交评论插件去完成这种功能呢,而且还想着去使用那种一件登录,可是又不想去申请...

天蓬小猪
2015/04/10
0
6

没有更多内容

加载失败,请刷新页面

加载更多

Guava RateLimiter + AOP注解实现单机限流、统计QPS

1、基于springboot项目pom.xml添加如下依赖: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-aop</artifactId></dependency><d......

铁骨铮铮
今天
3
0
龙芯版办公软件下载

金山wps office   rpm包:http://ftp.loongnix.org/os/loongnix/1.0/os/Packages/w/wps-office-10.8.0.6472-1.a20p1.mips64el.rpm   deb包:http://packages.deepin.com/loongson/pool/......

gugudu
今天
3
0
BI报表分析和数据可视化,推荐这三个开源工具!

开源篇 一、Superset 1、技术架构:Python + Flask + React + Redux + SQLAlchemy 2、使用人群: (1)开发/分析人员做好看板,业务人员浏览看板数据 (2)业务人员可自行编辑图表,查看满足...

飓风2000
今天
5
0
CountDownLatch

CountDownLatch的概念 CountDownLatch是一个同步工具类,用来协调多个线程之间的同步,或者说起到线程之间的通信(而不是用作互斥的作用)。 CountDownLatch能够使一个线程在等待另外一些线程...

少年已不再年少
今天
2
0
centos7 新手阿里云服务器安装mongodb

简介 MongoDB 是一个基于分布式 文件存储的NoSQL数据库 由C++语言编写,运行稳定,性能高 旨在为 WEB 应用提供可扩展的高性能数据存储解决方案 MongoDB特点 模式自由 :可以把不同结构的文档存...

醉雨
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部