html在不同电脑上排版不一样怎么办_用壹伴助手,几分钟搞定公众号排版

公众号文章的排版是一个麻烦事。我简单记录一下这几个月积累的一些简单经验。

1、 到壹伴官网(http://yiban.io)上安装壹伴浏览器插件。这是我至今发现的最好的公众号排版工具,很符合我对于一个好产品的定义:价值简单而明确,不干扰视线。

2、新建图文素材,在左侧的壹伴样式中心选择合适的标题样式和页眉页脚等元素;

3、如果需要修改,可以将选择样式插入到一篇空白文章中按自己需求编辑,记得修改后点收藏,免得以后每次都要重新改,收藏后的位置:

0d149365ecb7edfc7cf24bdcd0794480.png

4、工具栏一键排版 -- 新建模板,在模板中插入刚才创建的各种元素。

5648dea39fc7abcfbd5a1c83e65bb28d.png

我自己经过几次迭代后使用的内容格式:

  • 字体:缺省
  • 字号:15px
  • 字色:#595959
  • 字间距:1px
  • 段前间距:15px
  • 段后间距:25px
  • 行间距:1.75
  • 两侧缩进:0.5
  • 强调:保持粗体,建议只换个醒目的颜色(我使用的是#027aff),不建议其他效果

4、内容写作

用类Markdown的纯文本写作(建议用石墨文档写完后再粘贴到公众号里)。除了如下必要的格式:

  • 节标题:使用两个井号+一个空格+标题名的格式,比如『## 标题1』;
  • 需要强调的内容:加粗;

高级的内容只需要干净舒服的简单排版,不需要跑马灯。

5、写完后,一键排版 -- 开始排版 -- 方案名,发给自己预览,保存并群发。

6、一个可能会遇到的额外问题,如果你跟我一样喜欢用带编号的节标题样式,可能会发现将标题内容都排到了编号的位置。如果发生这种现象,恐怕就得看HTML代码了。

  • 在一片空白图文素材中,插入一个你选择节标题样式;
  • 点击工具栏HTML按钮切换到HTML源代码编辑模式;
  • 找到编号所在的HTML元素,为这个元素添加mpa-none-contnet="t"属性(contnet不是我拼错的),然后再试试;
  • 如果还不行,建议找一个前端码农求救;

这不是一篇教程,如果没看明白可以自己在网上搜索一下壹伴的入门教程。

工欲善其事,必先利其器。好的工具确实能够事半功倍。如果觉得壹伴还不错,建议买个VIP支持一下他们,也会获得更多的有用功能(这是自发传播,没广告费的)。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值