原文链接:.md即markdown文件的基本常用编写语法(图文并茂) 序言: 很久没有写博客了,感觉只要是不写博客,人就很变得很懒,学的知识点感觉还是记不住,渐渐地让我明白,看的越多,懂的越少(你这话不是有毛病吗?应该是看的越多,懂的越多才对),此话怎讲,当你在茫茫的前端知识库里面东看看,西看看的时候,很快就被海量的知识给淹没了,根本就不知道哪些是对的,哪些是错的,感觉好像这个也懂了,那个也懂了,但是真正写起来,脑子又一片空白,又好像什么都不懂,这种状态时有发生,这就叫不懂装懂,最根本的原因就是…

0. 前言 Markdown 是一种纯文本格式的标记语言.通过简单的标记语法,它可以使普通文本内容具有一定的格式.现在的项目都使用了 git 仓库,再加上远程仓库 github 托管,那就难免要写一些 readme 等等的说明性文件,但是这样的文件一般都是.md 的文件,编写的语法自然跟其他格式的文件有所区别,至于为什么要用这种格式的文件,不要问我,我也不知道,但我们遵循最佳实践原则,跟着用就对了,本文也算是学习写 markdown 文件的一个笔记吧. 1. 标题的几种写法 前面带 #号,后面带…

序言: 很久没有写博客了,感觉只要是不写博客,人就很变得很懒,学的知识点感觉还是记不住,渐渐地让我明白,看的越多,懂的越少(你这话不是有毛病吗?应该是看的越多,懂的越多才对),此话怎讲,当你在茫茫的前端知识库里面东看看,西看看的时候,很快就被海量的知识给淹没了,根本就不知道哪些是对的,哪些是错的,感觉好像这个也懂了,那个也懂了,但是真正写起来,脑子又一片空白,又好像什么都不懂,这种状态时有发生,这就叫不懂装懂,最根本的原因就是看的太多,写的太少,所以为了改掉这样毛病,把被动学习变成主动学习,接下…

因为现在的前端基本上都用上了前端构建工具,那就难免要写一些readme等等的说明性文件,但是这样的文件一般都是.md的文件,编写的语法自然跟其他格式的文件有所区别,本文也是我学习写markdown文件的一个笔记吧,仅供参考! 正文: 1.标题的几种写法: 第一种:     前面带#号,后面带文字,分别表示h1-h6,上图可以看出,只到h6,而且h1下面会有一条横线,注意,#号后面有空格 第二种:      这种方式好像只能表示一级和二级标题,而且=和-的数量没有限制,只要大于一个就行 第三种:…

.md即markdown文件 1.标题的几种写法: 第一种:     前面带#号,后面带文字,分别表示h1-h6,上图可以看出,只到h6,而且h1下面会有一条横线,注意,#号后面有空格 第二种:      这种方式好像只能表示一级和二级标题,而且=和-的数量没有限制,只要大于一个就行 第三种:     这里的标题支持h1-h6,为了减少篇幅,我就偷个懒,只写前面二个,这个比较好理解,相当于标签闭合,注意,标题与#号要有空格 那既然3种都可以使用,可不可以混合使用呢?我试了一下,是可以的,但是为了…

业务需要 在编写 github 项目时,有时候会编写各种 README.md 等 markdown 文件,但是 github 默认是没有目录的. 于是就自己写了一个小工具. markdown-toc markdown-toc 可以用来生成 markdown 页面的目录,便于 github 页面展现. Features Github Markdown 文件一键生成目录 支持 fluent 优雅的写法 支持多次生成 支持重复标题的生成 支持特殊字符的过滤 支持指定不同的文件编码 支持文件夹的文件批量…

本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+jekyll在Gitpages上写blog的常用操作 :主要Markdown的使用 [四]搭建Markdown的编辑器 [五]将博客从jekyll迁移到了hexo     参考:[Markdown+jekyll在Gitpages上写blog的常用操作]和[Markdown中文文档] Markdown…

新年好! 昨晚熬夜在学Git,稍微会了一些命令. 推荐大家去try.github.io上学习,这是GitHub提供的网页,它在网页提供了一个“伪”模拟器,根据网页的提示学习命令.网页上说15分钟就能学会.个人实践发现15分钟左右确实可以学完网页提供的教程,且掌握一些常用的基本的命令. 如果我刚才提供的网页打不开,那么我推荐这个视频www.acfun.tv/v/ac1028627,挺不错的. MarkDown 文件(.md格式文件) 同时也遇到一种叫做.md个格式的文件. 刚开始不知道这是什么玩意…

csdn推出了新的编辑器markdown,对于习惯使用离线编辑的人员来说是个大的福利,比如上班的时候,不能联网,但是又有好些知识点需要记录,等到下班了呢,又想直接把这些排版格式良好的文件直接上传到csdn博客,那么好了,现在有了这个编辑器,使用它的导入Markdown文件 就可以了. 目录 目录 导入导出 菜单位置 导入操作 导出操作 快捷键 导入导出 菜单位置 点击这个按钮,出现导入对话框,注意,这个导入会全部覆盖当前编辑的文章,如果不是全部使用要导入的文件,请谨慎使用此操作. 导入操作 弹出…

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…

Markdown写法简单明快,我十分喜欢,以至于我最近都想使用Markdown快速的进行测试说明书的写作,但是考虑到这文档是要进行交接的,一个.md的文件在内部传输还是有不便,于是就想到了能不能把Markdown转为PDF文件作为通用文件. 然后搜索后看到了这样的一篇文章如何把 Markdown 文件转化为 PDF,文中提到了很多方法,有使用.md->.html->.pdf的,也有.md->.word->.pdf,也有.md->.tex->.pdf的.最终考虑到之前曾经…

editor.md实现Markdown编辑器 Markdown和Editor.md简介 Markdwon编辑器在技术工作者圈子中已经越来越流行,简单的语法,统一的格式,强大的扩展功能,最重要的是:你可以用Markdown,设计一篇精彩绝伦的文档而完全不需要将你的右手从键盘上移到鼠标上去,这是我和很多编程工作者最热爱的.长期使用Leanote的原因,也是基于有着强大的WEB端和客户端的Markdown编辑器(个人甚至偏向于客户端Leanote).Editor.md 是国人开发的开源在线Markdo…

缘由 思路 效果 代码实现 缘由 Markdown源生文件源生不支持目录,目前比较主流的生成目录的方式(各式插件),都是转化为HTML文件.虽然HTML文件可以生成眼花缭乱的目录,但是修改起来又没有Markdown方面.以上,所以我决定生成一种既有目录,并且修改起来还比较方面的Markdown文件. 思路 Markdown是兼容HTML语法的,那么通过抽取Markdown中的标题,生成HTML标签,并且链接到各标题,一份简易的目录即可完成. 效果 左侧为Markdown文件,右侧为Markdow…

今天看到了一个Python库,名为markdown.瞬间就给了我一个灵感,那就是制作一个将markdown文件转换成html文件的小工具. 我的实验环境 操作系统: Windows 7 64位 旗舰版 Python版本: 2.7.11 IDE: PyCharm pro 2016.1 所需依赖: optparser markdown 转换核心 转换的过程很简单,只需要使用markdown库即可,具体使用方法如下: from markdown import markdown def parse(md…

曾经的我一向使用 Evernote + 马克飞象来记载笔记和文档.不过感觉这两个东西越来越不思进取,几年都没什么变化.所以,一年多曾经,我就把一切笔记迁移成本地 Markdown 文件,合作 Dropbox 来实现云端同步. 在新方法下,我用的 Markdown 编辑器是 Markeditor,这个编辑器有许多长处:渲染好看.格局支撑多等等.但也有不少缺陷,比方技能架构陈旧,功用欠安.不过这些毛病都是次要的,MarkEditor 最大的问题是:没有全文检索才能. 之前使用 Evernote 时,…

i5ting_toc__tree https://github.com/i5ting/i5ting_ztree_toc 是去哪儿网前段架构师狼叔编写的一个jQuery插件,用于将markdown 转化为带样式的html字符串,i5ting_toc是node环境下的实现工具,用于直接将markdown文件转化为网页,在浏览器打开 . i5ting_toc 安装 使用方式非常简单,首先在全局安装 . npm install i5ting_toc -g 使用 首先编辑markdown 文件 之后cd到…

利用Pandoc将markdown文件转化为pdf 准备工作 安装pandoc 安装MiKTeX 将markdown文件转换为pdf 准备工作 安装pandoc Windows下安装pandoc很容易,直接从pandoc官网上下载最新安装包安装即可.Linux下的安装可以参考阳志平的博文1. 安装MiKTeX pandoc被称为格式转换的瑞士军刀2.执行程序文件只有20M左右大小,但是能够在几十种文件格式之间自如的转换,那当然是得依赖各种格式文件所需要库.转换为pdf就要用到MiKTeX,Win…

常我们都会在GitHub上浏览很多的readme文件,这些都是Markdown语法写成的Markdown文件,HTML中并没有用于展示Markdown文件的元素,那么为什么可以在前端展示呢? 有别于GitHub官方给提供的API(有访问频率限制),我使用了一个npm 模块.这个模块可以非常方便的将Markdown语法的字符串直接转化为HTML 代码字符串.然后我们让某个div 元素的innerHTML属性为这个字符串即可显示. 这个npm模块叫做showdown,它的源码可以在GitHub找到:…

VS Code默认支持Markdown文件文件格式,这里介绍两个比较实用的功能,后续有新发现,可以持续更新. 实时预览 顾名思义,实时编辑,实时预览解析效果. 在VS Code扩展中搜索"Markdown Preview Enhanced",安装完成后重载即可. 复制粘贴图片 这个要好好介绍一下,因为实在是太方便了.之前写个文档,都是把截图先截下来存好,然后引用路径,写作效率大大降低. CSDN中就可以直接截图,复制粘贴,就传到CSDN服务器生成了图片url,很方便,所以想在CSDN写…

Markdown文件导出为HTML的小程序 为什么做 最近把一些学习经验记下来,总结成MarkDown文件,不知不觉已经有12篇了. Sublime Text 的 MarkDown Preview 插件能够将MarkDown语法转换为HTML,并提供三种预览方式:浏览器预览.保存为HTML文件.输出到Sublime的新标签页. 但有一个缺点是,我有12个MarkDown文件,想分别转换为HTML文件,需要重复执行12次打开文件->Crtl+P调出命令面板->输入MarkDown Preview…

  CSDN-markdown编辑器支持从线上导入Markdown文件的功能,假设你用其他支持Markdown的编辑器在网上写了博客文章或说明档,想公布到CSDN博客中,就能够使用本功能非常方便的完毕操作. 这里以从线上导入GitHub上的一个MD文件为例,说明操作步骤: 1.找到GitHub上的一个MD文件: 2.点击文件链接进入显示页面: 3.点击"Raw"button进入MD原始文件页面: 4.复制地址栏中的URL地址,回到CSDN-markdown编辑器.点击工具栏的从线上导入…

  CSDN-markdown编辑器支持从本机导入Markdown文件的功能,假设你有从其他站点上下载的博客文章或说明文档,或是用软件编写的博客文章或说明文档.想公布到CSDN博客中,就能够使用本功能非常方便的完毕操作. 这里讲一下拖拽文件到markdown编辑器上的实现方式操作步骤: 1.点击工具栏的从本机导入button: 2.弹出从本机导入对话框: 3.打开本地目录,将.md文档拖到虚线框里:事实上使用Chrome浏览器的话更简单.以上两步都能够省略! 直接将文件拖拽到任务栏中Chrome…

当当当又get到了一个新技能,使用react-markdown来直接解析markdown文件(咳咳,小菜鸟的自娱自乐) 项目中遇到了一个API的那种展示方式,类似于入门手册啥的那种,如果是一个个调用接口,改样式很复杂,所以用了直接解析后台给的markdown文件 首先我们需要安装一个react的网页语法高亮插件,(我最初并没有安装这个,结果导致解析文件是出来了,但是样式还挺丑的) npm install react-syntax-highlighter --save //相关介绍在这里https…

需要借助2个工具,下面的链接都有对应的网址 LME和 hhw, 有不清楚的可以下面评论,7*24小时在线解答问题,也可以加博主微信 首先借助 Markdown To CHM(LME) 工具将Markdown文件,编译成chm工程文件其实就是HTML文件,LME工具栏提供编译功能. 然后借助 HTML Help Workshop 工具编译成chm文件. 踩坑经验: 1. chm编译是会将文件夹变成一个目录,目录默认需要链接到与文件夹名字相同的一个地址,否则编译工程文件时会有警告弹框:如果文件夹中的…

本地Markdown文件上传到博客 参考:https://www.cnblogs.com/ccylhw/p/13954153.html 1.Typora 最漂亮的写作APPhttps://www.typora.io/ 2.Typroa到博客园 第一步:下载dotnet-sdk并安装 dotnet下载地址 第二步:通过dotnet --info确认安装完成,版本为3.1.9 第三步:输入dotnet tool install -g dotnet-cnblog进行安装 第四步:dotnet-cnbl…

前言 最近做的项目使用了微前端框架single-spa. 对于这类微前端框架而言,通常有个utility应用,也就是公共应用,里面是各个子应用之间可以共用的一些公共组件或者方法. 对于一个团队而言,项目中公共组件和方法的使用难点不在于封装不在于技术,很多时候在于团队内部成员是否都能了解这些组件,以避免重复开发,从而提升团队效率. 如果是团队比较小,人员比较稳定的项目组可能还好点,对于团队比较大,人员流动较快的团队,这些通用组件和方法往往就被人遗忘在角落,很难再得到有效利用. 因为我所在的项目还在…

Next.js 提供了 Fast-Refresh 能力,它可以为您对 React 组件所做的编辑提供即时反馈. 但是,当你通过 Markdown 文件提供网站内容时,由于 Markdown 不是 React 组件,热更新将失效. 怎么做 解决该问题可从以下几方面思考: 服务器如何监控文件更新 服务器如何通知浏览器 浏览器如何更新页面 如何拿到最新的 Markdown 内容 如何与 Next.js 开发服务器一起启动 监控文件更新 约定: markdown 文件存放在 Next.js 项目根目录下…

NodeJS不仅能做网络编程,而且能够操作文件. 拷贝 小文件拷贝 var fs = require('fs'); function copy(src, dst) { fs.writeFileSync(dst, fs.readFileSync(src)); } function main(path) { copy(path[0], path[1]); } main(process.argv.slice(2)); process是一个全局变量,可通过process.argv获得命令行参数. arg…

目录常用命令: cd:切换目录 pwd:显示当前目录 mkdir:新建一个目录 rmdir:删除一个空的目录 ## cd 命令几种常用方法: cd ~username 切换到用户username的主文件夹,即:home/username cd ~ 切换到当前用户的主文件夹 cd 没有任何路径参数的情况下,效果同上 cd .. 切换到当前目录的上层目录 cd - 切换到刚才的目录 cd 绝对路径 | 相对路径 ## pwd 命令常用方法: root@codean:/# pwd ## mkdir 命…

文件和目录常用命令 目标 查看目录内容 ls 切换目录 cd 创建和删除操作 touch rm mkdir 拷贝和移动文件 cp mv 查看文件内容 cat more grep 其他 echo 重定向 > 和 >> 管道 | 01. 查看目录内容 1.1 终端实用技巧 1> 自动补全 在敲出 文件/目录/命令 的前几个字母之后,按下 tab 键 如果输入的没有歧义,系统会自动补全 如果还存在其他 文件/目录/命令,再按一下 tab 键,系统会提示可能存在的命令 2> 曾经使用…