hexo的tranquilpeak配置畅言

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.完成

重新发布即可

转载于:https://my.oschina.net/u/2928538/blog/1518407