github博客Hexo引流到微信

相信有很多小夥伴都在github上建立了屬於本身的博客,其中用HexoNext主題應該很多,那麼,咱們究竟該如何將博客的流量引流到微信呢?今天就來帶你看一看。javascript

<!-- more -->java

如何引流

如今網上有一種套路,當你在看別人博客時,只能看一半,想繼續看的話,須要掃碼關注別人的公衆號才能繼續,這樣的話,你的公衆號粉絲天然就能蹭蹭上漲。git

這裏須要解決兩個問題:github

  1. 文章看到一半就不容許繼續觀看
  2. 關注你的公衆號後才能繼續觀看

這裏我是藉助了OpenWrite中的引流工具實現的。微信

導流

當你註冊進入OpenWrite後,會有一個博客導流公衆號功能,添加完相應的信息後,便可得到一段具備隱藏功能的JS代碼ide

如何設置文章看到一半

這就須要咱們在文章模塊頁面增長相應的隱藏功能,而且可以展現二維碼並鎖住頁面。工具

增長自定義swig文件

進入你的博客文件夾,在themes\next\layout\_custom文件夾中,新建一個hide.swig文件(這個文件夾專門用來存放自定義的一些代碼),複製上文提到的JS代碼,注意id的值,它默認用的是container,我設置成了container-1code

修改文章模板文件

進入你的博客文件夾,在themes\next\layout文件夾中,會有一個_layout.swig文件,這就是你的文章模板文件。其中有一段內容是:blog

<main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
            <div id="content" class="content">
              {% block content %}{% endblock %}
            </div>

idcontent的地方,就是你的文章內容,這時候你能夠在外面再嵌套一層div,其id就是上面我設置的container-1ip

<main id="main" class="main">
      <div class="main-inner">
        <div class="content-wrap">
          <div id="container-1">
            <div id="content" class="content">
              {% block content %}{% endblock %}
            </div>
          </div>

此時就能夠發佈你的博客,如今你的文章就會產生閱讀全文的按鈕了:

按下這個按鈕,就會彈出相應的二維碼和你當初設置的關鍵字:

微信公衆號自動回覆設置

在微信公衆號後臺頁面,選擇自動回覆-關鍵詞回覆,點擊添加回復

填寫規則名稱關鍵詞(你當初在OpenWrite中設置的),回覆內容選擇文字,填上OpenWrite中返回的那段文字。

此時,當別人關注你的公衆號並輸入關鍵字後(好比我設置的關鍵字就是git),就會顯示回覆了

總結

若是你的博客有必定的日活,那就千萬不要錯過這種微信漲粉、互相引流的機會。若是你們有什麼疑問,歡迎在下方留言。

有興趣的話能夠關注個人公衆號或者頭條號,說不定會有意外的驚喜。

</div></div></main></div></div></main>

相關文章
相關標籤/搜索