從其他網站上安裝樣式

xStyle不依賴於userstyles.org。您可以讓使用者從您自己的網頁上安裝樣式。但是，為了不影響更多網頁的速度，目前只允許網址為https://*.github.io和https://*.gitee.io的網頁引導使用者安裝樣式。方法二（連結法）不受此限制。

其中，code檔案為單個樣式匯出後的結果，md5檔案為包含最新版本的originalMd5的文字檔案，id則用於區分不同樣式（與code中的url相同），請保證樣式檔案的id各不相同

方法一 Meta

首先，將樣式的基本資訊以meta方式放入HTML程式碼中。例如：

<link rel="xstyle-code" href="https://userstyles.org/styles/chrome/130991.json">
<link rel="xstyle-id-url" href="http://userstyles.org/styles/130991">
<link rel="xstyle-md5-url" href="https://update.userstyles.org/130991.md5">
<link rel="xstyle-name" href="Style Name">

其中，xstyle-code將會包含樣式的基本資訊和程式碼，xstyle-id-url用於區別樣式，一般是樣式詳情頁面的URL，xstyle-md5-url用於快速校驗使用者是否已經安裝最新版本的樣式，xstyle-name為樣式名稱。xstyle-md5-url和xstyle-name都是可選的參數。

之後，放置一個按鈕，使用者點選則觸發xstyleInstall事件即可。

若打算一個頁面顯示多個樣式供使用者安裝，則在每次觸發事件前，分別設定xstyle-name、xstyle-code的值。例如：

document.querySelector("link[rel='xstyle-name']").setAttribute('href', 'Style Name');
document.querySelector("link[rel='xstyle-code']").setAttribute('href', 'https://userstyles.org/styles/chrome/130991.json');
var newEvent = new CustomEvent('xstyleInstall', {detail: null});
document.dispatchEvent(newEvent);

方法二 連結

此方法適用於沒有變更HTML權限，或是無JavaScript程式碼基礎的情況。單次要求只能安裝一個樣式。使用方式：

將code連結附加至https://ext.firefoxcn.net/xstyle/install/open.html?name=StyleName&code=後，例如：https://ext.firefoxcn.net/xstyle/install/open.html?name=DemoStyle&code=https://userstyles.org/styles/chrome/130991.json

其中，name為可選參數

讓使用者開啟此連結即可