MD文件上传至WordPress

如何在Markdown写文章上传到wordpress保证图片不丢失

引文

众所周知markdown是一款nb的笔记软件,本篇文章讲解如何在markdown编写文件后上传至wordpress论坛。并且保证图片不丢失(将图片上传至云端而非本地方法)

一,首先在wordpress上安装WP Githuber MD插件

插件中直接搜索即可,该插件支持MD的所有写法

二,使用七牛云图床进行存储云图片

  1. 点击对象存储里的Kodo

    image-20231116171024712

  2. 新建空间

    image-20231116171058028

  3. 随便给他起个名字

    image-20231116171142603

  4. 需要为其分配CDN域名(一开始会分配一个测试域名,一个月后过期)

    image-20231116171233233

  5. 绑定域名

    image-20231116171329796

  6. 填写加速域名(cdn.你的域名)(没有域名可以先去注册一个)

    image-20231116171358133

  7. 复制CNAME 后续用到

    image-20231116172304605

加速域名设置方法(这里以阿里云为例)

image-20231116171559590

image-20231116171642231

image-20231116171654124

image-20231116171713518

image-20231116171744287

添加记录

image-20231116171813883

记录类型设置CNAME

image-20231116171955821

主机记录(ip前缀) cdn(由前面你在七牛云设置的ip决定)

image-20231116171906369

记录值填写前面复制的CNAME

image-20231116172333776

最后点击确认可以发现多了一条记录

image-20231116172415083

七牛云显示配置成功

image-20231116172558506

三,在Typora里链接七牛云图床域名链接

或者在文件-偏好设置-图像设置里打开

image-20231116172701683

上传服务选择PicGo(app)并去官网下载 然后路径指定exe文件

image-20231116172757941

打开PicGo并完成配置设置

image-20231116173000090

点击加号新建

image-20231116173033156

image-20231116173413500

设为默认图床

image-20231116173435066

四,测试图床是否设置成功

image-20231116173515320

成功

image-20231116173557220

picgo测试随便上传一张

image-20231116173617080

在空间管理的文件管理可以发现多了一张图片

此时可以通过http进行访问,图片也不会因为存放在本地而上传不了至wordpress

image-20231116173708736

Tips

外链记得绑定空间库

image-20231116173757777

五,如何在截图上传Typora时自动转化为带http的图片

偏好设置-图像里 插入图片时,上传图片。

image-20231116173911457

此时我们插入图片会发现不是本地路径

而是http路径

image-20231116174020320

这样一来我们直接将我们的typora文件复制粘贴到wordpress里即可

不过当云图床到期后,照片会清空,尽量多备份一份,或者打印成pdf出来

Tip:记得给cdn子域名申请ssl证书,这里可以用七牛云的免费证书,如果不申请,一旦网站出现了不带https的链接也就是未申请ssl的图片时会显示网站不安全,严重可能加载不出css样式

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇