パーソナライズhexoブログ、コメントシステム、共有、リンク機能を追加

個人のブログのアドレス：http://lx.nextdev.cn

序文

前の記事で私たちは、ページコーディング + HEXOをこの記事で私たちはブログを変更します、個人のブログを構築します

（注）この記事では、すべてに基づいて変更することをhexoブログのnextテーマ

コメントシステム

• 網易は、雲の後れを取りません

  • 開始
    アカウントに、[開く発見を获取代码WEB代码productKey

• テーマの設定ファイルを開き、見つけるGentie productKey、次のコードを変更します。

# Gentie productKey
gentie_productKey: 在这里写key

• OK！

---

共有システム

• ShareSDK

  • 開始
    、その後、背景をオン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>人人网</p></li>
                                        <li class="-mob-share-kaixin"><p>开心网</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>朋友网</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/

コンプリート！

---

コメントは歓迎します