為Hexo NexT主題新增ShareSDK的分享

2021-07-26 02:30:55 字數 1728 閱讀 3715

今天發現乙個分享的的sdk,可以在各個平台使用。由於不太喜歡主題提供的幾個分享的樣式。就試了試怎麼這個。發現還是不錯滴。。下面是分享的按鈕和分享的樣式:

效果見下面—-

傳送門:sharesdk

web整合官方文件

class="-mob-share-ui-button -mob-share-open">分享div>

class="-mob-share-ui"

style="display: none">

class="-mob-share-list">

class="-mob-share-weibo">

li>

class="-mob-share-tencentweibo">

li>

class="-mob-share-qzone">

qq空間p>

li>

class="-mob-share-qq">

qq好友p>

li>

class="-mob-share-renren">

人人網p>

li>

class="-mob-share-kaixin">

開心網p>

li>

class="-mob-share-douban">

豆瓣p>

li>

class="-mob-share-facebook">

facebookp>

li>

class="-mob-share-twitter">

twitterp>

li>

ul>

class="-mob-share-close">取消div>

div>

class="-mob-share-ui-bg">

div>

id="-mob-share"

script>

那麼怎麼新增到next主題上呢。步驟如下

我們首先要在主題資料夾下的layout資料夾找到_partials下的share資料夾,之後新增乙個名為sharesdk.swig的檔案。我們可以看出來。這個資料夾下放的全部是分享的配置檔案.新增的內容為上面的那一大段**。只需要修改一部分。修改的部分為:

id="-mob-share"

">

script>

雖然我們新增了sharesdk的分享的按鈕了,但是如果有一天我們不想使用了呢。當然,很簡單。只需要修改配置檔案就可以了。那麼如何實現呢?

首先,找到主題資料夾下的layout資料夾下的post.swig

大概在16行左右新增

class="post-spread">

div>

新增了**

這段**就是根據主題檔案的配置,來為文件新增相應的swig檔案。要想實現在配置檔案中選擇性的使用分享功能,只需要在配置檔案中修改即可。

接下來就是修改專案的配置檔案了。

在主題的配置檔案中新增:

#share

sharesdk: true

Hexo NexT主題新增不算子統計

不算子 官網有不算子詳細使用的官方文件,但是如果你僅僅是想要在next中開啟不算子統計,可以跳過直接往下看 next中已經為我們整合了不算子統計的 我們只需在next配置檔案中開啟即可 進入hexo站點目錄 themes next config.yml,開啟配置檔案 只需將enable設定成true...

hexo next主題 解決首頁文章間距過寬的問題

前一段時間,使用github page hexo next的方式建立過自己的個人部落格 yicheng s page 但是作為重度強迫症患者的我無法忍受首頁文章之間間距過大,都超過120px了 想要調整一下間距,奈何在google上沒有找到滿意的解決方案,後來自己試著通過審查找到了css樣式並進行了...

為Luci新增自定義主題

最近打算對openwrt中做一些ui上的定製,研究了一下luci自定義主題,在這裡記錄一下.我是直接在路由器上操作的,所以這裡只是說明如何直接在執行著openwrt的路由器上修改luci主題。自定義luci的主題主要要修改的有3個地方 1 靜態資源 樣式表,js檔案 luci將網頁的靜態資源都放在 ...