首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wordpress markdown 书写首航缩进方案

wordpress markdown 书写首航缩进方案

作者头像
我与梦想有个约会
发布2020-01-06 18:22:50
8490
发布2020-01-06 18:22:50
举报
文章被收录于专栏:jiajia_dengjiajia_deng

早已经习惯让自己的文章每个段落首航缩进,这样可以让文章整体段落有序,整洁自然。在写这篇文章之前我使用过很多种方法,比如使用   的方法,或者首行输入两个全角的空格。这样操作非常麻烦,遇到兼容性不好的浏览器,还显示乱码。最终在知乎搜索到这样一句话“段首缩进这件事,应该是 CSS 或者其他排版工具的事情,Markdown 奉行的是样式和内容分开的哲学。”,所以我还是最终打算实施 CSS 的方案。

CSS 方案的优点

  • 在书写文章的时候不用刻意添加符号表示缩进
  • 一次设置所有文章全部生效
  • 几乎没有浏览器兼容性问题

设置方法

新版本的 wordpress 中,后台管理页面的 外观->编辑CSS 可以添加一些自定义的 CSS 样式信息。我们自己添加如下代码:

/* 首行缩进 */
p {
    text-indent: 2em;
}

/* 处理图片也被缩进的问题 */
p a img {
    display: block;
}

添加完成后的效果如下:

此时所有文章的段落都会首行缩进了。

存在的问题

CSS 样式添加好了,你会发现跟以前自己写的首航添加两个全角空格或   方式重复了,有的文章首行空出了 4 个字的空格。要解决这个问题我们需要批量替换以下文章中的全角空格和   为空的字符串,这样就不会冲突了。如何替换呢?

在替换之前我们需要先连接数据库,要具有执行 SQL 语句的权限,如果你是一个技术人员,知道如何在数据库中执行 SQL 语句请跳过此步骤。我的服务器是阿里云的云虚拟主机,登录阿里云后台找到自己的云虚拟机主机,点击管理进入虚拟主机管理界面。我们要做的第一件事就是备份数据库,防止我们执行错了 SQL 语句导致数据丢失。

在主机管理页面中点击 工具&服务,然后点击右上角的 备份站点 进行备份。随后切换到数据库信息菜单下,选择管理,随后进入阿里云数据库的管理配置界面,要求你输入用户名和密码:

登录进数据库管理页面后,点击 wp_post 表,选择 SQL 操作数据

然后输入一下两条 SQL 语句分别执行一次就可以了:

update `wp_posts` set post_content = replace(post_content, '  ', '');
update `wp_posts` set post_content = replace(post_content, '  ', '');

两条语句分别是讲全角空格和   都替换为空,这样就完美的实现了首行自动缩进了。

相关

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017年2月22日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • CSS 方案的优点
  • 设置方法
  • 存在的问题
    • 相关
    相关产品与服务
    数据库
    云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档