鸿蒙来了, 风口来了, 呼唤罗永浩老师回来做手机,Markdown爱好者zhaoolee为了在微信公众号使用锤子便签主题,自己花20分钟写了一个

使用方法

进入https://mdnice.com/

点击登录(微信扫码登录即可)

登录

点击写文章

写文章

填入css代码

填入自定义css代码

/* 自定义样式,实时生效,浏览器实时缓存 */

/* 全局属性
 * 页边距 padding: 30px;
 * 全文字体 font-family: ptima-Regular;
 * 英文换行 word-break: break-all;
 */

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

#nice {
  background-color: #fbf7ee;
    /* 注:请在大括号内改写!!! */
  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';
  color: #635753 !important;
  padding: 10px 10px;
}

/* 段落,下方未标注标签参数均同此处
 * 上边距 margin-top: 5px;
 * 下边距 margin-bottom: 5px;
 * 行高 line-height: 26px;
 * 词间距 word-spacing: 3px;
 * 字间距 letter-spacing: 3px;
 * 对齐 text-align: left;
 * 颜色 color: #3e3e3e;
 * 字体大小 font-size: 16px;
 * 首行缩进 text-indent: 2em;
 */
#nice p {
    color: #635753;
    /* 注:请在大括号内改写!!! */
  line-height: 2
}

/* 一级标题 */
#nice h1 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 一级标题内容 */
#nice h1 .content {
  color: #635753;
    /* 注:请在大括号内改写!!! */
}

/* 一级标题前缀 */
#nice h1 .prefix {
  color: #635753;
    /* 注:请在大括号内改写!!! */
}

/* 一级标题后缀 */
#nice h1 .suffix {
  color: #635753;
    /* 注:请在大括号内改写!!! */
}

/* 二级标题 */
#nice h2 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级标题内容 */
#nice h2 .content {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级标题前缀 */
#nice h2 .prefix {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级标题后缀 */
#nice h2 .suffix {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级标题 */
#nice h3 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级标题内容 */
#nice h3 .content {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级标题前缀 */
#nice h3 .prefix {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级标题后缀 */
#nice h3 .suffix {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 无序列表整体样式
 * list-style-type: square|circle|disc;
 */
#nice ul {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 有序列表整体样式
 * list-style-type: upper-roman|lower-greek|lower-alpha;
 */
#nice ol {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 列表内容,不要设置li
 */
#nice li section {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 一级引用
 * 左边缘颜色 border-left-color: black;
 * 背景色 background: gray;
 */
#nice .multiquote-1 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 一级引用文字 */
#nice .multiquote-1 p {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级引用
 */
#nice .multiquote-2 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 二级引用文字 */
#nice .multiquote-2 p {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级引用
 */
#nice .multiquote-3 {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 三级引用文字 */
#nice .multiquote-3 p {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 链接 
 * border-bottom: 1px solid #009688;
 */
#nice a {
    /* 注:请在大括号内改写!!! */
  color: #635753;
  border-bottom: 1px solid #ebdfd5;
}

/* 加粗 */
#nice strong {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 斜体 */
#nice em {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 加粗斜体 */
#nice em strong {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 删除线 */
#nice del {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 分隔线
 * 粗细、样式和颜色
 * border-top: 1px solid #3e3e3e;
 */
#nice hr {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 图片
 * 宽度 width: 80%;
 * 居中 margin: 0 auto;
 * 居左 margin: 0 0;
 */
#nice img {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 行内代码 */
#nice p code, #nice li code {
    /* 注:请在大括号内改写!!! */
  color: #635753;

}

/* 
 * 代码块不换行 display: -webkit-box !important;
 * 代码块换行 display: block;
 */
#nice pre code {
    /* 注:请在大括号内改写!!! */
  color: #635753;

}

/*
 * 表格内的单元格
 * 字体大小 font-size: 16px;
 * 边框 border: 1px solid #ccc;
 * 内边距 padding: 5px 10px;
 */
#nice table tr th,
#nice table tr td {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 
 * 某一列表格列宽控制
 * n 可以修改为具体数字,不修改时表示所有列
 * 最小列宽 min-width: 85px;
 */
#nice table tr th:nth-of-type(n),
#nice table tr td:nth-of-type(n){
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 脚注文字 */
#nice .footnote-word {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 脚注上标 */
#nice .footnote-ref {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* "参考资料"四个字 
 * 内容 content: "参考资料";
 */
#nice .footnotes-sep:before {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 参考资料编号 */
#nice .footnote-num {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 参考资料文字 */
#nice .footnote-item p { 
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 参考资料解释 */
#nice .footnote-item p em {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 行间公式
 * 最大宽度 max-width: 300% !important;
 */
#nice .block-equation svg {
    /* 注:请在大括号内改写!!! */
  color: #635753;
}

/* 行内公式
 */
#nice .inline-equation svg {  
    /* 注:请在大括号内改写!!! */
  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;
}

填入markdown内容, 复制为公众号格式的富文本

填入markdown格式的文章, 复制为公众号格式的富文本

填入公众号并保存

填入公众号并保存

我还给它魔改了个图标

这个图标的拟物做的非常精致, 铅笔上的Markdown是我魔改的

不要因为走的太远, 就忘了当初为什么出发

锤子魔改图标

小结

mdnice默认登录后, 并会自动保存自定义主题, 即使换了电脑, 用微信扫码登录, 也可以使用自定义的锤子标签主题

鸿蒙来了, 风口来了, 期待罗永浩老师回来继续做手机... (想听相声了)

本文永久更新地址:

https://fangyuanxiaozhan.com/p/2021-06-04-09-27-28-mdnice/

作者:zhaoolee

zhaoolee 一个来自深圳的开发者,https://github.com/zhaoolee 维护开源书Chrome插件英雄榜ChromeAppHeroes,在线工具秘籍OlineToolsBook,中国人的表情包ChinesBQB

发表评论

您的电子邮箱地址不会被公开。