amass/md
1
0
Fork 0
mirror of https://github.com/doocs/md.git synced 2024-11-24 19:10:34 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

docs: update README

Browse Source
This commit is contained in:
yanglbme 2019-11-05 10:02:28 +08:00
parent ae78668e9c
commit bc32f78279
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README_CN.md
View File

@ -15,8 +15,8 @@
每个人的审美都不一样，我希望能在基础 CSS 样式的基础上进行改造，定义一款自己喜欢的微信 Markdown 编辑器。 每个人的审美都不一样，我希望能在基础 CSS 样式的基础上进行改造，定义一款自己喜欢的微信 Markdown 编辑器。
## 如何扩展样式？ ## 如何扩展样式？
- 首先在 `assets/scripts/themes/` 文件夹下添加一个 js 文件作为扩展的主题样式，如 `pink.js`，内容的格式与其他主题保持一致，let 变量命名为 `pinkTheme`。 - 首先在 [`assets/scripts/themes/`](assets/scripts/themes/) 文件夹下添加一个 js 文件作为扩展的主题样式，如 `pink.js`，内容的格式与其他主题保持一致，let 变量命名为 `pinkTheme`。
- 然后在 `assets/scripts/editor.js` 中，找到变量 `themeOption`，添加一个选项（建议将 author 设置为色值的十六进制），如： - 然后在 [`assets/scripts/editor.js`](assets/scripts/editor.js) 中，找到变量 [`themeOption`](assets/scripts/editor.js#L29)，添加一个选项（建议将 author 设置为色值的十六进制），如：
```javascript ```javascript
themeOption: [ themeOption: [
{ label: '橘红', value: 'orange', author: '#ff5f2e' }, { label: '橘红', value: 'orange', author: '#ff5f2e' },
@ -25,7 +25,7 @@
{ label: '粉色', value: 'pink', author: '#ff1cae'}, { label: '粉色', value: 'pink', author: '#ff1cae'},
], ],
``` ```
接着在下方的 `styleThemes` 中添加 一个 pink 主题，如： 接着在下方的 [`styleThemes`](assets/scripts/editor.js#L34) 中添加 一个 pink 主题，如：
```javascript ```javascript
styleThemes: { styleThemes: {
orange: orangeTheme, orange: orangeTheme,
@ -34,7 +34,7 @@
pink: pinkTheme, pink: pinkTheme,
}, },
``` ```
- 最后在 `index.html` 文件末尾引入 pink.js 文件，如： - 最后在 [`index.html`](index.html#L131) 文件末尾引入 pink.js 文件，如：
```javascript ```javascript
<script src="assets/scripts/themes/orange.js"></script> <script src="assets/scripts/themes/orange.js"></script>
<script src="assets/scripts/themes/lightgreen.js"></script> <script src="assets/scripts/themes/lightgreen.js"></script>