全流程指导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. Eclipse的XML编辑器解决方案

    现在使用的Eclipse SDK 3.7.2里没有XML编辑器,无法进行语法高亮,也没有格式化(按层次控制缩进量)和设计视图,很不方便.对于ant文件,可以用Ant Editor来打开,ivy文件在装 ...

  2. OSI网络参考模型学习

    文章目录 一.计算机与网络的发展 1.1 批处理系统 1.2 分时系统 1.3 计算机之间的通信 1.4 基于分组交换技术的计算机网络 1.5 互联网时代的计算机网络 1.6 计算机网络中协议的规定 ...

  3. 简略图解:输入 url 到出现页面,浏览器做了什么?

    应该有很多前端开发人员都思考过这么一个问题:从输入 URL 到页面加载完成,中间都做发生了什么? 这个问题涉及的面非常广,每个涉及的点又很深入.从触屏/键盘如何到 CPU?CPU 如何到系统内核?如何 ...

  4. noip22

    T1 考试的时候打的特殊性质分,然而暴力竟然写假了. 正解: 显然是个贪心,要最大化 \(a_{\min}\times b_{\min}\),肯定是要删掉若干个 \(a\) 最小,\(b\) 最小的矩 ...

  5. 【软件工具】Git 使用总结

    本地库就是由 对象 和 引用 构成的,或者叫 Repositories;下面是我整理的常用 Git 命令清单.几个专用名词的译名如下. Workspace:工作区 Index / Stage:暂存区 ...

  6. 谷歌浏览器崩溃、电脑版微信,vscode打不开网页

    家里的电脑使用64位win7,谷歌浏览器直接打开页面都会提示页面崩溃,电脑版微信打开页面链接为空白,vscode打开发行说明或插件说明显示空白,这一系列的问题好像都跟浏览器器有关,之前找了很多文章,都 ...

  7. 使用JS获取SessionStorage的值

    参考:https://www.jb51.net/article/132729.htm 获取sessionStorage的意义 首先获取它是为了将获得的信息输出或者alert():让人容易看到, 其次, ...

  8. WPF Grid新增框选功能

    有时候会有框选的需求,类似EXCEL一样,画一个框选择里面的子控件. 选择后比如可以将子控件的Border设置为红色边框 说下这个功能的大致原理.背景是一个Grid,比如里面放了很多的Button.  ...

  9. mybatis学习日志一

    Mybatis 介绍 MyBatis 是支持 普通 SQL 查询 , 存储过程 和 高级映射 的优秀持久层框架.MyBatis 消除了几乎所有的 JDBC 代码和参数的手工设置以 及对结果集的检索封装 ...

  10. 十三:Servlet3.0的异步

    servlet之前的操作同时同步的,就是按照这样的一个流程来走的: 1.请求根据一个路径路由到一个servlet中, 2.servlet获取一系列的参数 3.执行一系列的逻辑(花费时间所占的比重也更大 ...