個人博客地址:http://lx.nextdev.cn

前言

上一篇文章我們用 coding page + hexo 搭建了個人博客惭缰，這篇文章我們將對博客進(jìn)行修改

注意，本篇文章一切修改基于hexo博客的next主題

評論系統(tǒng)

網(wǎng)易云跟貼

• 網(wǎng)易云跟貼
• 開始使用
  注冊一個賬號笼才，然后打開獲取代碼的WEB代碼,找到productKey

官網(wǎng)

• 打開主題配置文件漱受，找到 Gentie productKey，修改為以下代碼：

# Gentie productKey
gentie_productKey: 在這里寫key

• OK患整！

分享系統(tǒng)

ShareSDK

• ShareSDK
• 開始使用
  注冊一個賬號拜效，然后打開后臺喷众，找到appkey

appkey

• 打開

博客\themes\next\layout\_partials\share

• 新建一個文件名為 sharesdk.swig ，并輸入以下代碼：

<!--MOB SHARE BEGIN-->
                            <div class="-mob-share-ui-button -mob-share-open">分享</div>
                            <div class="-mob-share-ui" style="display: none">
                                <ul class="-mob-share-list">
                                    <li class="-mob-share-weibo"><p>新浪微博</p></li>
                                    <li class="-mob-share-tencentweibo"><p>騰訊微博</p></li>
                                    <li class="-mob-share-qzone"><p>QQ空間</p></li>
                                    <li class="-mob-share-qq"><p>QQ好友</p></li>
                                    <li class="-mob-share-weixin"><p>微信</p></li>
                                    <li class="-mob-share-douban"><p>豆瓣</p></li>
                                    <li class="-mob-share-renren"><p>人人網(wǎng)</p></li>
                                    <li class="-mob-share-kaixin"><p>開心網(wǎng)</p></li>
                                    <li class="-mob-share-facebook"><p>Facebook</p></li>
                                    <li class="-mob-share-twitter"><p>Twitter</p></li>
                                    <li class="-mob-share-pocket"><p>Pocket</p></li>
                                    <li class="-mob-share-google"><p>Google+</p></li>
                                    <li class="-mob-share-youdao"><p>有道云筆記</p></li>
                                    <li class="-mob-share-mingdao"><p>明道</p></li>
                                    <li class="-mob-share-pengyou"><p>朋友網(wǎng)</p></li>
                                    <li class="-mob-share-tumblr"><p>Tumblr</p></li>
                                    <li class="-mob-share-instapaper"><p>Instapaper</p></li>
                                    <li class="-mob-share-linkedin"><p>LinkedIn</p></li>
                                </ul>
                                <div class="-mob-share-close">取消</div>
                            </div>
                            <div class="-mob-share-ui-bg"></div>
                            <script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey={{ theme.shareSDKappkey }}"></script>
                            <!--MOB SHARE END-->

• 打開：

LX-Blog\themes\next\layout\post.swig

• 將以下代碼：

<div class="post-spread">
      {% if theme.jiathis %}
        {% include '_partials/share/jiathis.swig' %}
      {% elseif theme.baidushare %}
        {% include '_partials/share/baidushare.swig' %}
      {% elseif theme.add_this_id %}
        {% include '_partials/share/add-this.swig' %}
      {% elseif theme.duoshuo_shortname and theme.duoshuo_share %}
        {% include '_partials/share/duoshuo_share.swig' %}
      {% endif %}
    </div>

• 改成：

<div class="post-spread">
      {% if theme.jiathis %}
        {% include '_partials/share/jiathis.swig' %}
      {% elseif theme.baidushare %}
        {% include '_partials/share/baidushare.swig' %}
      {% elseif theme.add_this_id %}
        {% include '_partials/share/add-this.swig' %}
      {% elseif theme.duoshuo_shortname and theme.duoshuo_share %}
        {% include '_partials/share/duoshuo_share.swig' %}
      {% elseif theme.sharesdk %}
        {% include '_partials/share/sharesdk.swig' %}
      {% endif %}
    </div>

• 打開 主題配置文件紧憾，添加以下代碼：

sharesdk: true
shareSDKappkey: 你的appkey

添加友情鏈接

• 打開 主題配置文件 到千，找到 Blog rolls，將代碼改成：

links_title: 友情鏈接
links_layout: inline
links: 
  凌霄的博客: http://lx.nextdev.cn/

完成赴穗！

歡迎評論