给博客文章添加打印功能支持

刚刚给博客粗略添加了打印功能支持,利用 CSS 的媒体查询特性,非常简短的几行代码。效果是浏览文章页面的时候,点击 Safari 打印导出为 PDF 菜单,其它无关紧要的导航栏、侧边栏、评论框等会自动隐藏,只留下文章主体部分。

/images/blog_print.png

Chrome 浏览器上应该也可以工作。考虑到“无纸化”理念如此普及的今天,该功能最常用的场景应该是导出 PDF 文档,也许文章标题叫“添加 PDF 导出功能”更好一些? :)

使用 Vim 在 Markdown 及 rst 文档中创建表格

之前提到过 reStructuredText 的表格类型 Grid Tables 书写困难,普通编辑器难以胜任,可能有人好奇笔者是如何做的。对于 Vim、Emacs 两大编辑器来说,表格创建任务非常简单:

笔者平时使用较多的是 Vim 编辑器,借助强大的 vim-table-mode 插件,只需正常输入表格内容和竖线符号 | 就可以,其它事情如填充和对齐等等插件会自动处理。笔者针对 vim-table-mode 插件做了几行配置,使其支持 Markdown、rst、org 表格的创建(org 表格在上图中没有展示),如果有人感兴趣的话,可以看一下个人 vimrc 配置 的相应部分。

PS:发现录屏如果使用 GIF 格式,无论怎样压缩都达不到理想的画质和文件大小。最后使用 MP4 格式,1 分 53 秒时长的 720P 视频,压缩后仅仅 836 KB!感觉以后文章中插入动图可以抛弃 GIF 格式了。

读者们注意到上面录屏其实是视频而不是图片吗? :)

从 Markdown 到 reStructuredText(二)
Author: ashfinal
Contact: ashfinal@sina.cn
Revision: 1008
Date: 2017-10-08
Copyright: CC BY-NC-SA 3.0

本文是《从 Markdown 到 reStructuredText》系列文章的第二篇。和 Markdown 一样,reStructuredText 也是一种易读易写的纯文本标记语言,不过功能上更加强大(而且标准统一)。如果想了解其对应于 Markdown 的基本语法,请阅读 上一篇文章 。本文主要从文档写作需求出发,聊一聊 reStructuredText 相对于 Markdown 的超集部分。

Read more…

At Home Outdoors

发现 fancyBox 能自动识别嵌入的媒体,比如 Youtube、Vimeo、Google Map、Instagram 等。

尝试了一下 Vimeo ,体验非常好。这样静态博客的内容就可以更加丰富多彩。

(点击封面加载视频)

https://i.vimeocdn.com/video/658454374_1040x584.jpg

写作语法上和插入一张图片没有什么区别:

.. image:: https://i.vimeocdn.com/video/658454374_1040x584.jpg
   :align: center
   :target: https://vimeo.com/channels/staffpicks/236370796
从 Markdown 到 reStructuredText

如果你正在使用 Markdown 尚嫌其功能不足,本文提供了平滑过渡到 reStructuredText 的语法指导。从来没有接触过任何标记语言的读者,以及正在使用其它标记语言的读者,也可以通过阅读本文了解到 reStructuredText 的基本用法。文章结构基本上借鉴 Markdown 语法说明 ,相对 Markdown 的超集部分仅会简单提及——这些部分将会在其它文章中着重讲解。

Read more…

Contents © 2018 ashfinal - Powered by Nikola