chunpu / best-layout Goto Github PK

最佳排版实践

使用 markdown 作为输入是因为

• 可以通过 parser 转换成一个干净的数据结构
• 写 markdown 时不需要关注样式问题
• 通过复制粘贴的文字总是会有样式混乱的问题，因为微信使用了 copy as html 的复制

要解决的问题

• 解决 wordpress discuss 微信公众号排版问题，直接复制啥是啥

样式细节

• 正文

  • 行高 1.6 - 2.0
  • 大小 16px
  • 字体栈 'Helvetica Neue', Arial, 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimSun, Song, sans-serif
  • 颜色，深灰色 rgb(70, 70, 70) #444;?

• 标题

  • 大小 h1-h6 都是一种大小
  • 颜色为主题色，加粗
  • 可以有其他样式
  • 可以各种花式

• 代码

  • 字体栈
  • 字体大小

• 高亮

  • 加粗或变色

• 链接

  • color: #105CB6; 保持大家习惯，使用蓝色
  • 默认无下划线
  • hover 有下划线

• 引用块

  • 可以各种花式

• 分割线

  • 可以各种花式

其他样式

• text-align: justify;
• word-break: break-word;
• p margin: 0 0 25px 0;