Coder Social home page Coder Social logo

andyofjuly / andyofjuly.github.io Goto Github PK

View Code? Open in Web Editor NEW

This project forked from mzlogin/mzlogin.github.io

2.0 2.0 0.0 30.59 MB

My Blog / Jekyll Themes

Home Page: https://andyofjuly.github.io

License: MIT License

Ruby 0.10% HTML 52.47% CSS 33.92% JavaScript 13.50%

andyofjuly.github.io's People

Contributors

andyofjuly avatar mzlogin avatar

Stargazers

 avatar  avatar

Watchers

 avatar

andyofjuly.github.io's Issues

一份简明的 Markdown 笔记与教程 — Blog

https://andyofjuly.github.io//2018/09/06/markdown-intro/

为部门内知识分享准备的素材,记录了 Markdown 的优点、应用场景和编辑工具,介绍了标准语法与扩展语法,以及一些应用 Markdown 的奇技淫巧。个人使用 Markdown 的经验持续补充中,最新完整版请参见https://github.com/mzlogin/markdown-intro自从 2014 年左右接触到 Markdown 以来,对它的使用就一发而不可收拾。从最开始使用它在 GitHub Pages 里写博客,到用它编辑项目的 README 文件,再到撰写开发文档,编辑微信公众号文章和邮件内容等等,这期间也见证了它在各类平台和网站上的普及和被原生支持,可以说,Markdown 如今已经渗透了我在技术和网络活动的方方面面,成为了我撰写文本文档的首选。那么首先我们一起来看一下它的「定义」: Markdown 是一种轻量级标记语言,创始人为 John Gruber。它允许人们「使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档」。——维基百科本文档的目的不在于面面俱到地介绍 Markdown,只是作为我对其理解的笔记整理,希望能同时帮助一些对 Markdown 感兴趣的人快速上手,或是作为一个工具,供对其已经有所了解的人在需要时参考。接下来请随我一起深入了解这门并不神秘的实用标记语言。目录 背景 优点 使用场景 编辑工具 语法 标题 atx-style 一级标题 二级标题 六级标题 Setext-style 一级标题 二级标题 段落 行内格式 引用块 引用块内的标题 超链接 图片 列表 代码块 水平分割线 嵌入 HTML 扩展语法 表格 任务列表 删除线 自动链接 emoji 奇技淫巧 画流程图和时序图 插入数学公式 用 Markdown 做 PPT 用 Markdown 写微信公众号 更多 参考 背景优点 专注于文字内容; 纯文本,易读易写,可以方便地纳入版本控制; 语法简单,没有什么学习成本,能轻松在码字的同时做出美观大方的排版。 使用场景 各类代码托管平台 主流的代码托管平台,如 GitHub、GitLab、BitBucket、Coding、Gitee 等等,都支持 Markdown 语法,很多开源项目的 README、开发文档、帮助文档、Wiki 等都用 Markdown 写作。 技术社区和写作平台 StackOverflow、CSDN、掘金、简书、GitBook、有道云笔记 论坛 V2EX、光谷社区 个人感觉比较遗憾的一点是各平台可能采用不同语言实现的 Markdown 解析引擎,或采用同一解析引擎的不同版本,而且可能有不同程度的定制与扩展,这导致在不同平台上使用 Markdown 写作时体验并不完全一致。不过幸好对于大家公认的一些标准语法,各家都是支持的。编辑工具理论上任何一款文本编辑器都能用于编辑 Markdown 文档,它们分别提供了不同程度的语法高亮、预览等功能,以下只是列举其中一部分,选择自己称手的即可。 现代编辑器 VSCode / Atom 传统编辑器 Vim / Emacs / Sublime Text / Notepad++ IDE 自带编辑器 IntelliJ IDEA / Android Studio / WebStorm 专用编辑器 Ulysses / Mou / Typora / Markpad 在线编辑器 各种支持 Markdown 的网站都提供了在线编辑器 语法标题Markdown:# atx-style 一级标题## 二级标题###### 六级标题Setext-style 一级标题===二级标题---预览效果: atx-style 一级标题 二级标题 六级标题 Setext-style 一级标题 二级标题对应 HTML:

atx-style 一级标题

二级标题

六级标题

Setext-style 一级标题

二级标题

段落中间没有空行的连续不断的几行文字被视为一个段落。Markdown:白日依山尽,黄河入海流。(句号后面没空格)欲穷千里目,更上一层楼。 (句号后面有俩空格)预览效果:白日依山尽,黄河入海流。(句号后面没空格)欲穷千里目,更上一层楼。(句号后面有俩空格)对应 HTML:

白日依山尽,

黄河入海流。(句号后面没有空格)

欲穷千里目,

更上一层楼。
(句号后面有俩空格)

行内格式对段落或者部分文本的强调效果。Markdown:后面俩字加黑后面俩字斜体预览效果:后面俩字加黑后面俩字斜体对应 HTML:

后面俩字 加黑

后面俩字 斜体

引用块Markdown:> 引用块段落一。>> 引用块段落二。>> 内嵌引用块段落一。>> ### 引用块内的标题预览效果: 引用块段落一。 引用块段落二。 内嵌引用块段落一。 引用块内的标题对应 HTML:

引用块段落一。

引用块段落二。

内嵌引用块段落一。

<h3 id=

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.