When Hongmeng and Tuyere came, they called Luo Yonghao to come back and make notes. Markdown fans spent 20 minutes to write a hammer note theme for their wechat official account

Convert the Markdown text into a hammer note style and paste it into the mdnice theme of wechat official account. Later update the Github open source address: github.com/zhaoolee/Wx…

Method of use

Enter the mdnice.com/

Click login (scan code on wechat to log in)

Click to write an article

Fill in the CSS code

/* Custom style, real-time effect, browser real-time cache */

/* Global properties * Margin padding: 30px; Font-family: ptima-regular; * Word-break: break-all; * /

.nice-wx-box{
  padding: 0;
  margin:0;
}

#nice {
  background-color: #fbf7ee;
    /* Note: Please rewrite in braces!! * /
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  'Noto Sans', sans-serif, 'Apple Color Emoji'.'Segoe UI Emoji'.'Segoe UI Symbol'.'Noto Color Emoji' ! important;
  color: # 635753 ! important;
  padding: 10px 10px;
}

Margin-top: 5px; margin-top: 5px; * Margin-bottom: 5px; * Height: 26px; * Word-spacing: 3px; * Letter-spacing: 3px; * align text-align: left; * Color: #3e3e3e; Font-size: 16px; * First line indent text-indent: 2em; * /
#nice p {
  	color: # 635753;
    /* Note: Please rewrite in braces!! * /
  line-height: 2
}

/* * * * */
#nice h1 {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Level 1 header content */
#nice h1 .content {
  color: # 635753;
    /* Note: Please rewrite in braces!! * /
}

/* Level 1 title prefix */
#nice h1 .prefix {
  color: # 635753;
    /* Note: Please rewrite in braces!! * /
}

/* First level title suffix */
#nice h1 .suffix {
  color: # 635753;
    /* Note: Please rewrite in braces!! * /
}

/* subtitle */
#nice h2 {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Subtitle */
#nice h2 .content {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Secondary title prefix */
#nice h2 .prefix {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Secondary title suffix */
#nice h2 .suffix {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* * * */
#nice h3 {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* * * */
#nice h3 .content {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Tertiary title prefix */
#nice h3 .prefix {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* * * * * * * * * * * * * * *
#nice h3 .suffix {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/ * unordered list overall style * list - style - type: square | circle | disc; * /
#nice ul {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

An ordered list / * integral style * list - style - type: upper - Roman | lower - Greek | lower - alpha; * /
#nice ol {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* List contents, do not set li */
#nice li section {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* border-left-color: black; * Background color: gray; * /
#nice .multiquote-1 {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Level references text */
#nice .multiquote-1 p {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Secondary references */
#nice .multiquote-2 {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Secondary references text */
#nice .multiquote-2 p {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* * * */
#nice .multiquote-3 {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* * * * */
#nice .multiquote-3 p {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

Border-bottom: 1px solid #009688; border-bottom: 1px solid #009688; * /
#nice a {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
  border-bottom: 1px solid #ebdfd5;
}

/ * * /
#nice strong {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/ * italics * /
#nice em {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Bold italic */
#nice em strong {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Delete line */
#nice del {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

Border-top: 1px solid #3e3e3e; border-top: 1px solid #3e3e3e; * /
#nice hr {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* width: 80%; * Center margin: 0 auto; * margin: 0 0; * /
#nice img {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Inline code */
#nice p code.#nice li code {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
 
}

Display: -webkit-box! important; Display: block; * /
#nice pre code {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
  
}

Font-size: 16px; * Border: 1px solid # CCC; * Padding: 5px 10px; * /
#nice table tr th.#nice table tr td {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* * width: 85px; /* * width: 85px; * /
#nice table tr th:nth-of-type(n),
#nice table tr td:nth-of-type(n){
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Footnote text */
#nice .footnote-word {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* * * */
#nice .footnote-ref {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* "references" - "references" - "content "; * /
#nice .footnotes-sep:before {/* Note: Please rewrite in braces!! */ color:# 635753;
}

/* Reference number */
#nice .footnote-num {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Reference text */
#nice .footnote-item p { 
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* References */
#nice .footnote-item p em {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* width: 300%! important; * /
#nice .block-equation svg {
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

/* Inline formula */
#nice .inline-equation svg {  
    /* Note: Please rewrite in braces!! * /
  color: # 635753;
}

img{
  width: 100%;
  box-shadow: 14px 14px 28px #e6e6e6, -14px -14px 28px #fff;
  border: 9px solid #ffffff;
  outline: 1px solid #ebdfd5;

}

.custom::before {
 background-color: #fbf7ee ! important;
  
}

code {
  background-color: #fbf7ee ! important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  'Noto Sans', sans-serif, 'Apple Color Emoji'.'Segoe UI Emoji'.'Segoe UI Symbol'.'Noto Color Emoji' ! important;
}
Copy the code

Fill in the markdown content and copy it into rich text in public id format

Fill in the public number and save

I even made a magic icon for it

The imitation of this icon is very delicate. The Markdown on the pencil was magically altered by me

Don’t forget why you started because you have gone too far.

summary

After logging in to MDNICE by default, the self-defined theme will be automatically saved. Even if you change your computer and log in with wechat scanning code, you can also use the self-defined hammer label theme

Hongmeng came, tuyere came, looking forward to Luo Yonghao teacher back to continue to do mobile phones… (Want to listen to crosstalk)