昨日在朋友圈看到「乌素」老师的文章「微信公众号排版,我知道的都在这了」。在此之前,自己也开通过微信公众账号,在上面发布过文章。虽然现在已经是 2016 年,但是微信公众账号平台所提供的文章编辑器还是停留在 2005 年 CKEditor 时代,编辑并发布一篇公众账号着实费心费力。

「乌素」老师给我们提供了一个非常好的解决方案,通过 i排版 编辑器达到美化页面的作用,大大减轻公众账号排版的的工作量。老师提供的方法虽好,但对于一个懒人来说还是有些麻烦,有没有更加简便的方式来实现这个功能,比如一键实现公众账号排版。突然想起上个月写过的一篇文章《利用 Markdown Here 实现高效排版》,通过 Chrome 插件来实现微信公共账号文章自动排版功能。

基础

在实现这个功能之前,你需要:

  • 使用非 IE 内核的浏览器,比如 Chrome、Firefox、Safari
  • 安装 Markdown Here 插件
  • 学习 Markdown 基础语法
  • 了解基础的 CSS 语法
  • 阅读《利用 Markdown Here 实现高效排版

进阶

在《利用 Markdown Here 实现高效排版》文章末尾,提供两套自动化排版的 CSS 样式,分别是李笑来版本阳志平版本,可以在两位老师提供的基础模板上进行修改,形成自己独特风格的文章样式。

素舍微信公众账号基于李笑来老师提供的模版修改而来。

语法

设置全局的字体、颜色、大小、行距

.markdown-here-wrapper {
  font-family:微软雅黑; /* 设置微软雅黑字体 */
  font-size:15px; /* 设置字体大小为15px */
  line-height:28px; /* 设置行距为28px */
  color:#595959; /* 设置字体颜色 */
}

设置三级标题字体大小和居中

h3 {
  font-size:18px; /* 设置三级标题字体大小为18px */
  text-align: center; /* 设置字体左右居中 */
}

适合群体

  • 懒人
  • 喜欢简单样式
  • 不喜欢花哨,更注重内容

代码提供

Markdown Here 王小杰修改版

注意事项

  1. 本方法只适用于简单文字和照片的排版,如果你有需要个性化的排版需求,请使用第三方编辑器或自学 CSS 语法。
  2. 你在使用过程中存在各种各样的问题,可以关注我的微博「王小杰在路上」或者关注我的微信公众账号 VeganShe 向我提问,我将为尽力为你解答。

有一段时间没有写博客,最近参加了李参老师在 Cctalk 上的私房课「改变你生活方式的四堂私房课——用印象笔记做个人知识管理」。虽然一直在使用有道云笔记作为自己的知识管理库,但是知识管理的核心都相通的。

现在是一个信息极速爆炸的时候,我们在网上晒照片,发微薄,刷朋友圈,写文章。每个人都成为信息的制造者和生产者。智能手机 APP 和新媒体出现,让知识变得更加的碎片化。

引言

自从开通微信公众号之后,每天推送一篇公众号文章是再正常不过的事情,而编辑文章内容却成了最头疼的问题。

推送公众号文章流程

  1. 上传图片
  2. 将文字内容复制到编辑器中
  3. 插入图片
  4. 设置一级标题字体 & 颜色
  5. 设置二级标题字体 & 颜色
  6. 设置正文字体和颜色

存在的问题

如果你是一位学习者,一定知道现在最流行,最高效的写作语言是 Markdown。微信公众账号这类可视化的编辑器恰恰没有提供 Markdown 这个功能。如果你正在通过 Markdown 来写文章,又恰恰需要将此文章发布到微信公众账号,你可能需要做的。

  1. 删除 Markdown 特定的语法标记,再将文字内容复制到编辑中进行排版
  2. 将 Markdown 文章转换成 HTML ,再将文字内容复制到编辑中进行排版

仅仅一次两次没有问题,每天都要重复同样的事情,这也太浪费时间和精力。那么有没有一种方法,可以将这两大头疼的问题都一次性解决。

答案是肯定的,Markdown Here ,可以通过其提供的一键渲染功能,达到我们需要不同样式。

安装

具体如何安装呢?

第一步,安装 Chrome 插件 Markdown Here

下载地址:http://t.cn/8s4XJZo 需要翻墙 (Markdown Here 也提供有 Firefox、Safari 插件)

第二步,准备 Markdown Here 渲染 CSS 样式

在文章末尾,将提供两份 Markdown Here 渲染样式,分别由李笑来和阳志平老师提供。

第三步,设置 Markdown Here 选项

打开 Markdown Here 选项,复制其中一份渲染 CSS 样式,将其直接覆盖到「Primary Styling CSS」(基本渲染 CSS)。

Markdown Here 选项

第四步,使用 Markdown Here 插件

现在我们使用 Markdown 也能发送微信公众账号,打开公众后台编辑器,直接复制带有 Markdown 语法的文章或者笔记到编辑器中,点击浏览器右上角「Markdown Here」图标,Markdown Here已经将你的文章进行了全新的排版,文章标题层级,正文,加粗,引用,一目了然。

小提示

现在你只需要好好写作,不用担心排版的问题,那些「脏、乱、差」的工作都交给 Markdown Here 来解决。如果你还懂一点 CSS 的语法,完全可以根据自己的喜好来设置属于自己的 CSS 样式。

如果你现在使用的是 Web 版的邮箱,你也可以 Markdown 来书写你的邮件内容,在最后通过 Markdown Here 一键渲染,格式化邮件样式。

Markdown Here 样式

断断续续,经过一个多月的修改,博客的「门面」工程已经完工,预示着博客更换平台的工作彻底的结束。

本次修改,头部新增的「分类」和「标签」两大功能。在侧边栏新增 Rss 订阅功能,同时增加微博和豆瓣的超级链接。在文章详细页面底部,依旧没有增加评论的模块,希望留给一个安静的写作环境。

博客使用的是 Hexo 系统,为了实现在家里和公司都能发布文章的功能,方便管理,我将系统和文章都托管在 Github 之上。

因为牵涉到第三方的模版修改,在使用 Git 的过程中使用了「子模块」的功能。在初次使用「子模块」的过程中也碰到了一些问题,都一一解决了。

  • 修改「子模块」内的文件,必须切换到 Master 分支
cd your_project_submodule
git checkout master
  • 推送修改后「子模块」文件
cd your_project_submodule
git add <stuff>
git commit -m "comment"
git push
  • 更新主库文件
cd your_project
git add your_project_submodule
git commit -m "Updated my submodule"
git push
  • 拉取子模块更新
git submodule update --remote

既然博客的主题修改工作已经完成,接下来就要开始用心好好的写作,还是易仁永澄老师常说的要用作品发声。

去年在朋友的推荐下看了山下英子的两本著作《断舍离》和《俯瞰力》。初次看这类整理的书,对于概念性的东西不是特别的明白,执行力也不强,只看明白了一个字「」。

时隔一年,再次阅读山下英子的著作《工作断舍离》,发现自己在断舍离的过程之中,走了很多的弯路,掉进了很多的「坑」。

什么是断舍离

  • 「断」断绝不需要的东西
  • 「舍」舍弃多余的物品
  • 「离」脱离对物品的执着

断舍离,通过物品的整理,将现有的重心转移到另外一个更好重心的过程。在整理的过程中,重心不再是「物品」,而是「自己」,不必考虑过去,未来,只需要考虑当下的选择。

引用畅销书作家 Colin Turner

从人生中去除废物的过程,会改变我们思考事物的方式,会开辟重新构建自我的道路,推陈出新,保持活力。

判断标准

  • 需不需要
  • 合不合适
  • 舒不舒服

在一系列断舍离过程之中,关键是将重心放在自己而不是物品,当你感觉有不需要,不合适,不舒服的时候,也就是断舍离的最佳时机,将他们一一的断绝,舍弃,脱离。

断舍离通过物品的整理达到认识自我的目的,让我们清楚的知道自己需要的是什么。

几个建议

在选购物品时,必须严格筛选,如无必要,勿增「实体」。必要的东西,必要的时候再买。一旦购入物品,请将彻底使用,而不是将其束之高阁,存放在柜子或抽屉之中。这样既不浪费,也会让物品发挥其价值。

接下来做什么

正如书中所说「有多少生命就有多少瑜伽」,每个人对于断舍离的理解亦是不同。断舍离没有固定的模式,我们我们只需要按照自己的节奏来提升即可。

不要指望断舍离一次就能解决所有的问题和麻烦,反复的练习,从身边力所能及的地方开始。