鸿蒙来了, 呼唤罗永浩老师回来做手机,zhaoolee为了在微信公众号使用锤子便签主题,自己写了一个并开源了

举报
zhaoolee 发表于 2021/06/08 16:21:04 2021/06/08
【摘要】 我写了个将markdown文本转换为锤子便签样式,粘贴到微信公众号的mdnice主题打脸我靠还有没有王法颠覆业界收购苹果改变世界苟利国家生死以嘛 使用方法进入https://mdnice.com/点击登录(微信扫码登录即可)点击写文章填入css代码/* 自定义样式,实时生效,浏览器实时缓存 *//* 全局属性 * 页边距 padding: 30px; * 全文字体 font-family: ...

我写了个将markdown文本转换为锤子便签样式,粘贴到微信公众号的mdnice主题

锤子魔改图标

打脸 我靠还有没有王法 颠覆业界收购苹果改变世界 苟利国家生死以嘛
罗永浩00001-打脸 罗永浩00002-我靠还有没有王法 罗永浩00003-颠覆业界收购苹果改变世界 罗永浩00004-苟利国家生死以嘛

使用方法

进入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默认登录后, 并会自动保存自定义主题, 即使换了电脑, 用微信扫码登录, 也可以使用自定义的锤子标签主题

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

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。