前言

网站搭建好后,首要解决的就是文章的编辑和排版。WordPress自带的会有一个文档编辑器,类似于Word那种形式,然而作为一个程序员在写文档的时候怎么能不用Markdown呢?本文就介绍下我是如何使用Markdown进行文章的编辑和发布的。

WP Editor.md

原生的WordPress Editor是不支持MD的格式的,所以就需要插件——WP Editor.md,这是个在github开源的插件,能够让WP Editor支持Markdown语法并实时预览。该插件支持MD的标准语法和扩展语法,所以不用担心表格、公式等无法渲染,不熟悉的同学可以去Markdown 语法教程查阅。

Typora

安装好插件之后虽然可以实现md的编辑和预览,但由于是web端的编辑器,所以整体的体验不是很好。这个时候就需要全平台支持的免费MD编辑器——Typora出场了。界面简洁,功能完善,所见即所得,最主要是免费,还能搭配图片上传的插件实现复制上传(后面介绍)。在没建站之前我就一直用的这款软件,真正的良心之作。

有了Typora + WordPress Editor的搭配,排版再也不用在编辑器上点巴点巴的了,也不用担心在web端保存文章草稿时出现未知错误导致修改丢失,让码字变成了一种享受。在“偏好设置”里面设置“重新启动打开上次使用的文件和目录”,就不用每次打开软件还要去选择文件,可以接着上次的修改继续写。

图床

不知道大家在文章中引用图片的步骤是怎样的?我在写第一篇博客的时候,里面的图片都是在wp-admin上手动上传到媒体库,然后复制url进行引用,过程极为繁琐。之后在鼓捣Typora的时候偶然发现它支持复制图片上传到图床,这岂不是图片引用的救星?所以我们需要自己搭建一个图床,用于存放博客中的图片、gif等。

七牛云

图床要想得到更好的用户体验,oss绝对是最优选,不仅空间无限,而且有优秀CDN服务,当然你得有钱。这里推荐一个每月送10G存储空间、10G CDN回源流量的oss服务——七牛云,获取资格也很简单,只要注册并实名认证,10G的空间每月免费送。登录之后选择对象存储服务—>新建空间,然后安装提示操作即可,访问权限选择公开。如果流量用超了,会按照 0.**元\G\月的方式进行扣费,由于我测试过程中流量没用完,所以也不知道是预付费模式还是后付费模式。

Gitee

作为一个铁公鸡,最终我选择了Gitee(真的很佩服大佬们的智慧,能把代码托管平台转变成图床)简单来讲就是使用git push的方式把图片推到远程仓库,然后提供外网访问的链接。搭建过程也很简单,在gitee上建立一个开源仓库,初始化仓库和分支模型的选项随便选,保证仓库存在master分支,不然后导致上传失败。接下来就需要配置Typora了。

uPic

Typora支持的图片上传的插件有很多,我选择了开源的uPic。安装好uPic之后,浏览器打开之前在gitee上新建的仓库,地址栏应该是这样的格式https://gitee.com/jnduck/test,用户名即jnduck,仓库名即test,Token的获取是在gitee的个人设置里面找到私人令牌,新建一个令牌然后复制key填入即可,然后点击验证测试能否上传。使用Gitee的优势在于空间几乎可以说是无限,一个仓库的容量满了,可以再新建一个仓库继续上传,虽然访问速度没有oss快,但是也够用了,相比wp的媒体库会快很多,而且操作更方便,最主要的是免费!!!

Typora的配置也很简单,附图说明:

文章发布

Typora里面command + A全选复制,粘贴到WordPress Editor里面即可,发布前记得预览检查有没有格式问题。

结语

拥抱开源!!!

欢迎订阅我的博客:杰尼鸭
原文链接:https://www.jnduck.com/?p=54

Wordpress + Markdown终极搭配相关推荐

  1. WordPress SEO ☞ WordPress网站终极优化指南

    原文地址:http://www.eastdesign.net/wordpress-seo/ 最新消息,东方设计学院 WordPress SEO 系列视频教程正在持续更新中,目前为了不至于让视频传播过于 ...

  2. WordPress+Markdown+为知笔记,实现高质量笔记和博客

    本文写给:和我一样想要有一套操作容易.使用方便.兼容性好的 高质量个人知识管理和博客 实现方案的人. 欢迎通过此链接注册为知笔记来支持本人:https://note.wiz.cn/i/1fe81312 ...

  3. 新手搭建 WordPress 网站终极解决方案 基于 Bitnami 堆栈快速搭建完美个人博客(Blog)

    为了搭建一个自己的博客,对于没有相关知识的我来说,真的时相当不容易,经过很长时间的摸索研究,总算是搭起了这个博客(Blog),那么第一篇文章就是来记录一下,经过反复的折腾后感觉最适合我自己的一个方法, ...

  4. wordpress:主题-一个完整的WP主题通常包含以下模板文件

    zh-cn:主题 Languages:English • Español • Français • Italiano • 日本語 • 한국어 • ລາວ • myanmar • Nederlands ...

  5. 10 年 bloger 教你如何优雅玩转博客!

    作者 | 码农唐磊 来源 | 程序猿石头(ID:tangleithu) 背景 石头大约在 2010 年左右有了自己的第一个域名,也是从那个时候开始写博客的.至今确实有 10 年时间了. 最初玩 blo ...

  6. 我对模拟电路课程的理解

    在电子类专业中,模拟电路是一门非常重要,并且不少人觉得很难的一门课.这里我来说一说我对模拟电路这门课的理解,希望能对大家有所帮助. 工程思想 如果说到考试成绩,我的考试成绩一般,并非什么高分:但如果说 ...

  7. 为知笔记:优秀国产知识管理软件的使用心得

    谨以此文献给和我一样需要一款方便好用的知识管理软件的人.写这篇文章,只是想把自己喜欢的东西分享给更多人,绝非广告.如果你用的其他同类软件,并且看完后仍然觉得为知笔记不够好,请自动忽略本文. 欢迎通过此 ...

  8. 10 年 bloger 告诉你要不要写博客,又该如何优雅地写博客?

    点击上方蓝色字体,关注我 -- 一个在阿里云打工的清华学渣! 关于作者:程序猿石头(ID: tangleithu),现任阿里巴巴技术专家,清华学渣,前大疆后端 Leader.公众号后台回复关键字 &q ...

  9. wordpress入门主题_设置和运行WordPress网站的终极入门指南

    wordpress入门主题 So you've decided to run a WordPress site but have no idea where to start? This tutori ...

最新文章

  1. Ubuntu 16.04 install NVDIA display driver
  2. 轻断食是一种科学的减肥方法吗?
  3. #JS:this的指向及函数调用对this的影响
  4. KB2533623 下载
  5. 根据IP地址,子网掩码计算主机所在网络的网络地址和广播地址
  6. Altium Designer学习---如何进行SI仿真
  7. 淘宝如何实现用余额和红包付款?大型分布式系统在云上实现
  8. 【线上分享】互动协作白板与音视频实时同步技术实践
  9. RabbitMq topic
  10. [转载]spring使用PropertyPlaceholderConfigurer加载properties文件处理中文乱码
  11. Luogu P1967 货车运输 倍增+最大生成树
  12. Qt网络编程之获取网络信息
  13. UE4读取scv文件 -- 数据驱动游戏性元素
  14. Android入门之本地音乐播放器
  15. 常用Linux命令,记录一下,避免搞忘记!
  16. linux中的apche服务
  17. fantastic website
  18. xposed模块编写教程_最新的Xposed模块编写教程
  19. c语言读取ascii文件,C++对ASCII文件的读写操作
  20. 20款有趣的英文卡通免费字体

热门文章

  1. 20150910互联网产业园_子页面(图文)
  2. 微软市值飙涨5450亿;Zoom全球裁员15%;OpenAI跻身全球TOP50网站丨每日大事件
  3. Proteus仿真时出现Cannot open‘***\LISA5476.SDF’的错误!
  4. android apk的sepolicy domain是如何指定的呢
  5. 泡泡玛特卖不动了?万物皆可盲盒的时代要过去了
  6. 数据结构与算法 AVL查找树
  7. php lodging,逢雪宿芙蓉山主人 Lodging on Lotus Hill for a Snowy Night
  8. 丁昊 北大计算机,一只脚已跨进北大!苏州10位学生在全国出名了!
  9. Macfee 删除办法
  10. Android 解决U盘文件或目录损坏