---
tags: 實用工具, HackMD
GA: UA-79596126-4
title: 於 HackMD 上使用暗主題
---
###### 作者: 大叔
###### 撰寫日期: 2020/04/08
{%hackmd BJrTq20hE %}

# 於 HackMD 上使用暗主題

此主題是由 [titangene](https://github.com/titangene/hackmd-dark-theme) 利用 CSS 所撰寫的
使用方法有兩種: 使用擴充程式與內嵌語法

## 使用擴充程式

1. 在瀏覽器安裝 Stylus 擴充功能
- [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)
- [Firefox](https://addons.mozilla.org/zh-TW/firefox/addon/styl-us/)
- [Opera](https://addons.opera.com/zh-tw/extensions/details/stylus/)

2. 下載 [HackMD dark theme](https://userstyles.org/styles/147272/hackmd-dark-theme) 至 Stylus

3. 下載樣式後會自動套用，開啟 HackMD 就會看到介面變成暗主題

此方法可適用任何網站 (Ex: github)
前提是有人撰寫或是自行撰寫

## 使用內嵌語法

運用 HTML 的 `<style> </style>` 元素，來設定頁面元素的樣式


這樣不管對方有沒有裝 Stylus 都會是暗主題

BjrTq20he