diz-theme-markdown
Install
yarn add -D diz-theme-markdownnpm i -D diz-theme-markdown
Customize
Clone this.
git clone git@github.com:nju33/diz-theme-markdown.git# or git clone https://github.com/nju33/diz-theme-markdown.git
To prepare the environment.
cd <cloned directory path><npm or yarn> install
Edit theme/**/*.jsx
files.
Then read in config.js.
const CustomTheme = ; moduleexports = title: '...' url: '...' theme: Renderer: CustomTheme config: base: '...'
Options
theme: Renderer: Markdown config: //* option // Specify the path to the scripts directory // (e.g.) // When the blog's URL is like this // http://example.com/foo/ // It is good to specify `/foo` base: null // default //* option // Whether to output CSS directly to the style tag of head // If wanna use it with your CSS, set it to false inlineCSS: true // default //* option // When A is false, // specify the public path up to // the CSS that you made stylesheetPath: '/styles/index.css' // default //* option // <html lang={lang}> lang: null // default
Tips
Import CSS of this theme to your CSS.
PostCSS
Let's install 2 packages
yarn add -D postcss postcss-import
Setup
const postcss = ;const atImport = ; ;
Import it at the beginning of the .css
file.
;/* == @import "./node_modules/diz-theme-minimalist/minimalist.css"; */
Less
Let's install 2 packages
yarn add -D less less-plugin-npm-import
Setup
const less = ;const NpmImportPlugin = ; less ;
Import it at the beginning of the *.less
file.
;
Sass
Let's install 2 packages
yarn add -D node-sass sass-module-importer
Setup
const sass = ;const moduleImporter = ; sass;
Import it at the beginning of the *.scss
or *.sass
file.
License
The MIT License (MIT)
Copyright (c) 2016 nju33 nju33.ki@gmail.com