E

EdwardWong

V1

2022/07/27阅读:13主题:山吹

MDNICE + Github + PicGo

背景

在发布微信公众号,微博的时候,排版是一件非常费时间的问题,并且 markdown 对文字工作者而言,是一个非常好的记笔记的标记性语言。同时在使用 markdown 的时候,会遇到插入图片的问题,如果直接由本地上传,如果改变了文件存储的位置,以后会出现图片加载失败的情况,所以最方便的方式是以链接的方式插入图片,这就是图床的好处。 图床会把本地上传的图片上传到服务器然后给一个链接,这样在写 markdown 笔记时可以直接插入链接,由于图片是保存在服务器上的,就不会出现因为文件存储位置改变而使图片加载失败的情况

基于不掏钱的原则,本文将记录使用 github+picgo 搭建图床。

MDNICE

MDNICE 是一款可以让编辑者本身忽略排版工作的一款应用,支持 chorme 插件,使用非常方便。 并且其内部含有很多可以使用的主题,用户也可以自定义主题,需要拥有一定的 html 和 css 基础。

MDNICE 及 markdown 语法

为了以后使用方便及查阅,本文将 markdown 的语法记录在此。

标题

# 一级标题 ## 二级标题 ### 三级标题

文字格式

** ** 加粗 * * 斜体 *** *** 加粗斜体

无序列表

使用-,注意需要有空格

  • 傻狗
  • 傻狗他爹

有序列表 使用1. + 列表,注意.跟列表之间要有空格

  1. 傻狗
  2. 傻狗他爹

引用及多级引用 使用>, >>, >>> 来使用引用。

傻狗总爱发脾气 --- 傻狗他爹

傻狗总爱发脾气 ---傻狗他爹

傻狗总爱发脾气 ---傻狗他爹

不同的引用有不同的格式,根据自己的喜好选择。

分割线 使用---可以画出分割线


这是 markdown 语法介绍


删除线 使用~~删除的内容~~

傻狗

表格 使用冒号来定义表格的对齐方式

姓名 年龄 工作
小明 18 学生
小王 20 教师

代码块

int main(){
int a;
auto b;
cout>>a>>endl;
}

插入链接 [](url)

baidu

插入脚注 [](链接或文字 “脚注名称”)

百度[1]

插入图片 [](url)

容器块 通过:::block-1开头, 以:::block结尾,目前支持三种容器块, block-1,block-2, block-3

分列 对于需要两列展示的内容,可以通过分列的语法实现,可以设置左右比例,不设置时默认各占50%。

::::column
::: column-left. 30%
**左边的内容**
![左边的图片](https://files.mdnice.com/blue.jpg)
:::

:::column-right 70%
**右边的内容**
![右边的图片](https://files.mdnice.com/green,jpg)
:::
::::

支持原生的html语法

span和div是html语言的容器,可以使用它们在markdown语法中。

傻狗

插入图片的时候调整对齐位置:

<div align=“center”><img src="相对路径或者url",width=50%, height=50%,alt="concrete crush", title="concrete crush at vertical displacement"/></div>

以上基本就是markdown的基本语法,虽然比较简单,但是也需要经常使用才能熟记于心,另外markdown还有一些高级操作,比如画甘特图, IUML图, 流程图等,以后会在进行补充。

Github 作为图床

使用github作为图床可以免费使用。

首先需要在github建立一个自己的公众号,然后新建一个repository,注意一定要使repo公开。

然后在settings下找到developer setting,生成一个token, 具体操作如下图:

将生成的token复制下来,将在配置PicGo的时候使用

PicGo

PicGo的主界面如下图所示:

将github做为默认的图床

将自己在github上存储图片的仓库名写入设定仓库名中,分支名为master或者main, 将生成的token复制到设定token里面, 这样只需将图片加载到上传区, 图片会自动保存到github上面,非常方便!

参考资料

[1]

百度网址: https://www.baidu.com

分类:

后端

标签:

后端

作者介绍

E
EdwardWong
V1