全流程指导Visual Studio Code+Markdown Nice+gitee+PicGo管理自己的技术博客

1.背景

我挺喜欢写博客,但每一次将博客转移到公众号或者知乎,总是需要调整格式,不能一步到位。有没有办法可以管理自己的博客,还真有:MarkDown文档。各个平台,一步到位,格式完全相同。完美!

2.简介

Markdown 简称md,是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。最常见的是gituhub中的说明文档。这是一种非常擅长写作,而不用在意写作格式的工具。 作用:博客内容的文档格式。

Visual Studio Code:运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器。作用:写作博客的编辑器。

Markdown Nice是一个浏览器插件,能够进行自定义样式的 Markdown文档编辑,安装之后,能够支持公众号md文档编辑。 作用:将公众号变为支持markdown。

gitee,中国的github,码云,可以用gitee的免费仓库,作为md文档的图床。作用:作为保存图片的图床。

PicGo,图床工具,就是自动把本地图片转换成链接的一款工具。作用:上传图片到gitee的工具。

3.Visual Studio Code的安装与使用:

百度Visual Studio Code,进入官网,下载。

下载地址: https://code.visualstudio.com/.

不用担心,虽然Visual Studio收费,但是Visual Studio Code是完全免费的。等待安装完之后,给Visual Studio Code安装几个插件,分别是:

Chinese (Simplified) Language Pack:中文的语言包;

markdownlint:可实时展现md文档渲染内容。如下图所示:



可以看到,左边是你写的md文档内容,右边是markdown的渲染效果,方便及时调整。

第一次使用md文件书写,可能不太适应,但只要记住一二级标题打#;需要使用图片时,采取图片链接就差不多可以了。

4.Markdown Nice的安装与使用:

Markdown Nice的安装分两种,第一种是直接在chrom等浏览器商店安装插件,第二种是百度Markdown Nice下载插件安装包,再解压安装到浏览器中。



待安装好之后,注册后,再打开公众号编辑器,就发现支持markdown编辑了:



pig

5.gitee+PicGo的安装与使用:

这一步是建立自己的图床,保障自己的md文档中图片链接以后不会消失。当然也可以用免费的图床(何必受制于人)。

(1)先注册gitee(为什么不要github?国内网速慢!)与下载PicGo;

gitee的网址:https://gitee.com/.

PicGo的网址:https://github.com/Molunerfinn/PicGo/releases/tag/v2.3.0-beta.7.

(2)在gitee中,新建一个公共仓库(一定要是公共,不然图片无法使用),记得初始化,如图所示:



(3)获取这个仓库gitee的私人令牌token,复制保存下来,这个token只会出现一次:





(4)设置PicGO,将图床与gitee仓库匹配:安装插件gitee、设置参数。详见截图:



第一个框是你的gitee用户名,第二框是仓库名,第三个框是token。



(4)尝试上传图片,可以直接从粘贴板的截图或者本地文件上传,上传之后会出现在图库中:



上传后,直接ctrl+v复制链接到md文件中,也就完成了。

6.公众号csdn、博客园的md编辑器,直接复制即可,知乎则是使用自带的md文件导入功能。

7.总结:

1.如果你写论文,有三分之一的时间都在调整格式,那一定要试试md,让你更专注于论文本身;

2.如果你的公司电脑加密(例如我),写一个word都是被公司加密的,那恭喜:md一般不会被ip guard等软件加密。

3.多使用markdown工具,可以节省你同步文章到多个平台的速度,不用修改格式,一键复制。

vx: kitmyfaceplease2;欢迎关注公众号:锐多宝的地理空间;

全流程指导Visual Studio Code+Markdown Nice+gitee+PicGo管理自己的技术博客文章的更多相关文章

  1. Java on Visual Studio Code的更新 – 2021年6月

    Nick Zhu from Microsoft VS Code Java Team 大家好,欢迎来到 Visual Studio Code Java 更新的特别年中版.作为这篇文章的重点,我们将看看接 ...

  2. 最全的Visual Studio Code配置及使用教程

    史上最全vscode配置使用教程 工欲善其事,必先利其器.想要优雅且高效的编写代码,必须熟练使用一款前端开发工具.但前端开发工具数不胜数,像HBuilder.Sublime Text.WebStorm ...

  3. Visual Studio Code 快捷键大全(最全)

    Visual Studio Code 是一款优秀的编辑器,对于开发前端带来了很多便利,熟悉快捷键的使用,能够起到事半功倍的作用,提高工作效率.下面就Visual Studio Code常用快捷键的一些 ...

  4. Visual Studio Code使用typings拓展自动补全功能

    转自:http://blog.csdn.net/liyijun4114/article/details/51658087 参考来源: 官方介绍: https://code.visualstudio.c ...

  5. Visual Studio Code打造Markdown编辑器

    1.准备工作: OS:Windows10 专业版或企业版 安装:Visua Studio Code,版本 1.23 (2018-5-3) 官网下载:https://github.com/Microso ...

  6. Docker最全教程之使用 Visual Studio Code玩转Docker(二十)

    前言 VS Code是一个年轻的编辑器,但是确实是非常犀利.通过本篇,老司机带你使用VS Code玩转Docker——相信阅读本篇之后,无论是初学者还是老手,都可以非常方便的玩转Docker了!所谓是 ...

  7. Visual Studio Code 配置指南

    Visual Studio Code (简称 VS Code)是由微软研发的一款免费.开源的跨平台文本(代码)编辑器.在我看来它是「一款完美的编辑器」. 本文是有关 VS Code 的特性介绍与配置指 ...

  8. 剖析并利用Visual Studio Code在Mac上编译、调试c#程序

    0x00 前言 一周多以前的微软的Build大会上,微软发布了一个让很多人眼前一亮的工具,也是本文的主角——Visual Studio Code.很多使用Windows的朋友都很高兴,认为又多了一个很 ...

  9. Visual Studio Code中文文档(一)-快速入门

    Visual Studio Code是一个轻量级但是十分强大的源代码编辑器,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行.Visual Studio Code内置了对J ...

随机推荐

  1. Using Emacs as Clojure IDE

    Open emacs24; Change CWD to parent folder of project home: M-x cd ~/docs/tmp; Build a leiningen proj ...

  2. Shell-13-常用文件目录

    linux系统目录结构 环境变量文件 系统级 系统级变量文件对所有用户生效 #系统范围内的环境变量和启动文件. #不建议把要做的事情写在这里面,最好创建一个自定义的,放在/etc/profile.d ...

  3. python3.9 manage.py runserver 报错问题解决

    报错信息如下 You have 13 unapplied migration(s). Your project may not work properly until you apply the mi ...

  4. SpringBoot Spring Security 核心组件 认证流程 用户权限信息获取详细讲解

    前言 Spring Security 是一个安全框架, 可以简单地认为 Spring Security 是放在用户和 Spring 应用之间的一个安全屏障, 每一个 web 请求都先要经过 Sprin ...

  5. java对xml节点属性的增删改查实现方法

    package vastsum; import java.io.File; import java.io.FileWriter; import java.util.Iterator; import o ...

  6. 使用npm安装 Ant Design Vue 时报错—ant-design-vue@latest(sha1-qsf / gCIFcRYxyGmOKgx7TmHf1z4 =)seems to be corrupted.

    安装 Ant Design Vue 时报错: npm install ant-design-vue --save ant-design-vue @ latest(sha1-qsf / gCIFcRYx ...

  7. express中session的基本使用

    1.首先安装express-session模块 npm install express-session --save 2.引入express-session,以及设置中间键 var session = ...

  8. vs2019 实现C#调用c++的dll两种方法

    1.托管与非托管的区别 2.非托管类的实现 第一步:创建C++空项目(命名Caculate)添加一个类AddOperate 第二步:将C++代码编译成动态库dll 第三步:将dll拷贝到c#项目输入目 ...

  9. SqlServer 数据库备份到服务器,及删除

    一:备份 1.在数据库管理下 新建一个维护计划,然后下图中点击 标红的按钮 新建计划作业,建好后就可以 SqlServer 代理下的作业里可以看到刚新建的作业. 2.SqlServer 代理下的作业  ...

  10. 关于servlet中doGet和doPost乱码再一次理解

    今天系统的整理了在web项目下,出现的编码问题,下面就做一些总结: 首先对HTTP协议中对GET和POST的定义:   GET POST 后退按钮/刷新 无害 数据会被重新提交(浏览器应该告知用户数据 ...