Markdown

# 3.标签篇：canvas - 1. 语义化标签 都是块盒 <header></header>:页头 <footer></footer>:页脚 <nav></nav>:导航 <article></article>:用于文章，可以直接被引用拿走的 <section></section>:用于段落 <aside></aside>:侧边栏 - 2. canvas <canvas></canvas> ```html <style> #can{ width:500px; height:300px; border:1px solid black; } </style> <!--canvas的大小要在行间样式上写width和height--> <canvas id="can" width="500px" height="300px"><canvas> <script> var canvas = document.getElementById("can"); var ctx = canvas.getContext("2d");//获得画笔 //画一条线 ctx.lineWidth = 10;//设置线的粗细 ctx.moveTo(100, 100);//起点 ctx.lineTo(200, 100);//终点 ctx.lineTo(200, 200);//终点 //ctx.closePath()

e x T 特性 高度还原 next-theme 响应式设计 支持目录、阅读进度 论文规范排版、衬线字体 与博客园既有特性融合 代码高亮选用github风格 优化评论区、上下文切换 预览 截图 样例 博客园 <=> hexo 选型 为什么选择博客园 经常使用搜索引擎查找某些问题会发现博客园有着良好的SEO,相比自主建站或者其他静态站点方式，省去了SEO优化和推送，便于更好的呈现和分享。 博客园用户大多是早期开发者，内容可信度高。由于没有其他平台类似的激励计划(比如X币)，写文章出发点很纯粹，也就不会存在用一两句话凑一篇文章、凑一篇原创（比如CSDN）,即便存在也往往就是标准答案。 搜索结果比较真实，不像CSDN，通过 在大量相干不相干的广告和文章链接中夹带着文章 ，导致可能搜索概要中含关键词但是打开文章却毫无干系，迫使在其环境下跳来跳去增加点击率和广告曝光率，却永远找不到答案。 免备案,免服务器,https,自动二级域名(xxx.cnblogs.com) 支持标准markdown，渲染准确，可完美迁移。图片不会像其他平台一样强制转内链，但还往往转不成功需要找原图再上传。 重要 :支持高度自定义，jquery于网页的意义就好比ssh的22端口于服务器的意义。不像 CSDN ，只能换头图和底图，还得开会员. 为什么选择next-theme(Pisces) 真正大道至简。很多主题标榜极简

1 Jupyter简介 Jupyter Notebook是一个交互式笔记本，支持运行40多种编程语言，本质是一个Web应用程序，便于创建和共享文学化程序文档，支持实时代码，数学方程，可视化和Markdown。 2 安装 使用 pip 或 pip3 安装： # sudo pip install jupyter sudo pip3 install jupyter 3 简单自定义设置 首先生成默认配置： jupyter notebook --generate-config 接着会提示默认配置的位置，打开，找到 c.NotebookApp.notebook.dir='' 可以修改默认目录： 注意需要加上 u 前缀，表示Unicode字符串。 c.NotebookApp.browser 可以修改默认浏览器，比如修改为Chrome： 需要加上 %s 参数，路径修改为对应路径。 其余配置请配合注释直接修改。 4 补全 补全需要安装 nbextensions 以及 nbextensions_configurator ： sudo pip3 install jupyter_contrib_nbextensions jupyter_nbextensions_configurator # sudo pip install jupyter_contrib_nbextensions jupyter

Typora设置字体颜色大小等属性 由于Typora或者说markdown中没有直接的语法支持文字的颜色，大小，字体等属性的设置，就需要“曲线救国”，因为Typora支持内嵌html的语法，那么只要插入一条html代码即可（直接在Typora的markdown文件中使用即可）： <span style='color:文字颜色;background:背景颜色;font-size:文字大小;font-family:字体;'>文字</span> 1 使用时将“文字”替换为需要修改属性的文本即可 由于此处不直接支持html的语法，故截图说明效果： 具体使用如下： 需要更快的体验可以参考一下： 使用Snippets加速修改Typora中文字属性 ———————————————— 版权声明：本文为CSDN博主「M010K」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_43444349/article/details/105715586 来源： oschina 链接： https://my.oschina.net/u/4000302/blog/4285464

一、如何打开预览？ 打开在线编辑器 - 点击如图所示 - 写作预览按钮即可： 如图所示，编写下面 Markdown 语法，进行对应语法的编写，愉快的写作了！ 左侧 Markdown 语法 右侧实时显示文章内容 二、Markdown 使用教程 Markdown 是什么？ 怎么使用 Markdown？ Markdown 是什么？ Markdown 是一种轻量级 标记语言 ，它以纯文本形式( 易读、易写、易更改 )编写文档，并最终以HTML格式发布。 Markdown 也可以理解为将以MARKDOWN语法编写的语言转换成HTML内容的工具 为什么 要使用它？ 它是易读（看起来舒服）、易写（语法简单）、易更改 纯文本 。处处体现着 极简主义 的影子。 兼容HTML，可以转换为HTML格式发布。 跨平台使用。 越来越多的网站支持Markdown。 更方便清晰地组织你的电子邮件。（Markdown-here, Airmail） 摆脱Word。 如果不算 扩展 ，Markdown的语法绝对 简单 到让你爱不释手。 三、Markdown 语法 Markdown语法主要分为如下几大部分： 标题 ， 段落 ， 区块引用 ， 代码区块 ， 强调 ， 列表 ， 分割线 ， 链接 ， 图片 ， 反斜杠 \ ， 符号'`' 。 3.1 标题 两种形式： 1）使用 = 和 - 标记一级和二级标题。 一级标题 =

技术博客是程序员的标配，很多做技术同学都想一个自己的技术博客。但其实很多知道如何去搭建一个博客，但是搭建一个博客每个月都会产生一些开销，其实如今搭建一个个人技术博客非常简单，其中最简单搭建方式莫属使用 GitHub Pages + Jekyll 了，关键是免费，重要的事情说三遍，免费、免费、免费。 GitHub介绍 gitHub是一个面向开源及私有软件项目的托管平台，因为只支持git 作为唯一的版本库格式进行托管，故名gitHub。 github为开源项目做了很大贡献。大家把一些开源的项目拿来自己用，也可以加以修改，这样一个开源的项目就会越改越好。 Github支持 自动利用 Jekyll 生成站点，也同样支持纯 HTML 文档，将你的 Jekyll 站点托管在 Github Pages 上是一个不错的选择。 使用 Github搭建博客有以下几个优点： • 完全免费，其中服务器、流量、域名什么的都管，完全零费用搭建一个技术博客 • 写博客就是提交代码，让写作和编程的体验保持一致 • 支持绑定自己的域名 • 提供流行的网页主题模板 缺点也是有的： • 不支持动态内容，博客必须都是静态网页，一般会使用 Jekyll 来构建内容。 • 博客不能被百度索引，因 Github 和百度有过节，所以 Github 就把百度给屏蔽了。 • 仓库空间不大于1G • 每个月的流量不超过100G •

前置 最近写了几篇随笔，大家都不看内容，看博客皮肤 😂，满足你们。以下所有功能都可作为一个插件使用，你可以将它迁移到你的博客，代码仓库地址在文末。或者使用 awescnb 将这些插件集成到你现有的博客园皮肤。若有错误，恳请指点一二，感激不尽。欢迎评论区交流。另外插件还在不断扩充。 基本配置 属性 描述 值类型 默认值 可选值 name 全局主题名称 String 'reacg' 'reacg' 'element' 'gshang' 'acg' color 全局主题色 String '#ffb3cc' 16 进制颜色值 avatar 头像图片链接 String 无 title 网站标题 String 你的博客名 favicon 网站图标链接 String 内置 headerBackground 头部背景，图片链接 String 内置 theme: { name: 'reacg', color: '#FFB3CC', title: '', avatar: '//pic.cnblogs.com/avatar/1501373/20200119190802.png', favicon: 'https://guangzan.gitee.io/imagehost/awescnb/favicon.png', headerBackground: 'https://guangzan.gitee.io

测试主题 第一个使用markdown写的文章。 来源： oschina 链接： https://my.oschina.net/u/4308764/blog/4285819

修改Markdown代码框 UPD 2020-03-15 五天前这个 主题 的作者更新了1.2.6版本，新版本中改善了对MD代码框的支持，本教程的部分内容已非必要。 初始效果 前几天换了博客的 主题 ，开始用博客园的md编辑器写博客，然而md编辑器的代码高亮支持有些糟糕。 在新主题下<pre>标签与<code>标签背景颜色不统一，代码没有行号，高亮也没有原编辑器的好看。在网上找的的各种解决方案要不就是太丑要不就是因为博客园版本迭代而跑不起来。于是就开始一顿魔改。 修改配色 去 highligh.js官网 找一个配色下载CSS贴进去即可，下面是我用的 .cnblogs-markdown .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #1E1E1E !important; color: #FFF; white-space: pre; word-break: normal; font-family: "Consolas",sans-serif!important; font-size:14px!important; } .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #1E1E1E; color:

当大潮退去，才知道谁在裸泳。 作者 ：A哥（YourBatman） 公众号 ：BAT的乌托邦（ID：BAT-utopia） 文末是否有彩蛋 ：有 目录 前言 正文 1、贫苦大众 游戏人生 1.1 家徒四壁 呱呱坠地 1.2 被耽误的高中 回不去的青春 2、迷茫大学 似梦年华 2.1 疲于奔命的大学四年 2.2 跌落深渊的毕业答辩 2.3 百无一成的初出茅庐 3、凤凰涅槃 程序生涯 3.1 欲练此功 必先闭关 3.2 崭新篇章 程序人生 笔耕不辍 钟情翰墨 2018年：CSDN 2020年：微信公众号 总结 文末彩蛋 前言 各位小伙伴大家好，我是A哥，一个前25年还不会写Hallo World的半残程序猿。也许你看到这个介绍心里一阵美滋滋： 卧槽，终于有一个不是大佬（话外音：并不优秀）的人可以关注了 ，一下子阳光了起来有木有。 啊，问我多大了？反正是大龄程序员一枚没跑了😁 近期，在我朋友圈看了不下5篇的“个人介绍”文章，看完之后我每每只能附上本就匮乏的赞美之词：666、牛逼牛逼、大佬带带我......每看完一篇，我的心是这样的： 24岁买房，25岁年薪50万+，26岁孩子可以帮忙打酱油......有些人过着开挂式人生，而有些人也过着“开挂式人生”~ 画外音：我们同样都有腰间盘，为何大佬们如此突出呢？得看看医生了呀😄 这就是强者的世界，大多数人（那必须包括我啊）所向往的世界