为博客或个人站点的 Markdown 添加 LaTeX 公式支持 发布于 2018-05-26 02:20...如果能够在博客或个人站点中使用到 LaTeX 的排版系统,或者说只是其中的数学公式部分,对学术性(或者只是使用到了部分数学原理)文章来说将会非常方便。...本文将推荐一些脚本,以便添加 LaTeX 数学公式的支持。 ---- 为站点添加 LaTeX 公式支持 在你的站点中添加 MathJax.js 的支持即可。...为 VSCode 编辑器添加 LaTeX 公式支持 在 VSCode 插件商店中搜索 latex 可以得到不少的插件,我使用的是目前有 106K 下载量的 Markdown+Math 插件。...在 VSCode 中,只需要预览 Markdown,即可看到这样的 LaTeX 公式支持: ?
作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 点击本文最下方的“阅读原文”即可获取 为了让博客文章具有良好的排版,显示更加丰富的格式...由于 Markdown 语法简单直观,不用超过 5 分钟就可以轻松掌握常用的标记语法,因此大家青睐使用 Markdown 书写 HTML 文档。下面让我们的博客也支持使用 Markdown 写作。...我们书写的博客文章内容存在 Post 的 body 属性里,回到我们的详情页视图函数,对 post 的 body 的值做一下解析,把 Markdown 文本转为 HTML 文本再传递给模板: blog/...在模板中找到展示博客文章内容的 {{ post.body }} 部分,为其加上 safe 过滤器:{{ post.body|safe }},大功告成,这下看到预期效果了。...代码高亮 程序员写博客免不了要插入一些代码,Markdown 的语法使我们容易地书写代码块,但是目前来说,显示的代码块里的代码没有任何颜色,很不美观,也难以阅读,要是能够像代码编辑器里一样让代码高亮就好了
markdown非常好用,简单看一下:Markdown基本语法 https://www.zhoulujun.cn/html/php/phpcms/2021_0412_8628.html但是还有更用,基于...markdown扩展的mdxmdxMDX -- 支持 React JSX 的 Markdown 超集JSX、DSL 虽然能够精准把控,但是写起来太累了,自己要写很多胶水Markdown 虽然书写自由,但是布局...、功能都难以精确控制JSX in Markdown for ambitious projects 为雄心勃勃的项目提供的在 Markdown 中书写 JSX 的方式webpack的官方文档就是 mdx ...MDX教学具体使用案例:MDX -- 支持 React JSX 的 Markdown 超集所以,略过……vitepress不支持mdx尤大大回复如下:Feel free to work on a plugin...https://www.zhoulujun.co/ 很多东西就不想弄了,尽管有:vite-plugin-mdx 插件支持,但是还懒得动了转载本站文章《 支持React JSX的Markdown》,请注明出处
VitePress剪辑VitePress 是 VuePress 的下一代框架 ,是支持vue 3.0 的 web 网站框架。... title: "我的博客",// 网站标题 description: '我的vitepress博客...这里有一个例子,你能够在你的 Markdown 文件中使用它JSON 前端语法VitePress 还支持 JSON 前端语法,以花括号开始和结束【俩种写法不能共存】---{ "title": "Blogging...想要进一步的话,你能够经过 .vitepress/config.js 的 markdown 选项,来对当前的 markdown-it 实例作一些自定义的配置:module.exports = { markdown...//juejin.cn/post/6965510644007665671转载本站文章《vitepress搭建markdown文档博客》,请注明出处:https://www.zhoulujun.cn/html
前言 Markdown 语法支持添加 emoji 表情喔 ,快来试试吧 ~ 通用代码 Unicode 使用格式 Unicode Markdown语法及效果预览 + unicode + ; 例如...x1F44C; 👌 🤙 🤙 👏 👏 🙏 🙏 💅 💅 Emoji的Unicode...全列表参见:Full Emoji List, v13.0 非通用代码 Emoji表情速查 使用格式 CHEAT SHEET Markdown语法及效果预览 : + 对应英文单词 + : 例如::smile
Markdown 是什么 Markdown 是一个简单的电子邮件风格的标记语言, 甚至比世界上最好的两门语言 Python 还要简单....Markdown 的标记语法有极好的可读性。...谁在用 田牌旗下的 Github 上项目的 README 都是用 Markdown 写的, 文件后缀是 .md, 网易云笔记, 简书也都支持 Markdown 语法....正片 今天推荐的开源 Markdown 组件仓库地址是: https://github.com/pandao/editor.md 这个仓库的 Markdown 扩展了原来的 Markdown 语言, 常用的语法不在话下..., 同时支持 LaTeX 公式, Emoji 表情, 以及流程图等等.
前言 Markdown 语法支持添加 emoji 表情喔 ,快来试试吧 ~ 通用代码 Unicode 使用格式 Unicode Markdown语法及效果预览 + unicode + ; 例如...x1F48B; 💌 💓 👋 👌 🤙 👏 🙏 💅 Emoji的Unicode...全列表参见:Full Emoji List, v13.0 非通用代码 Emoji表情速查 使用格式 CHEAT SHEET Markdown语法及效果预览 : + 对应英文单词 + : 例如::smile
这个点其实没啥技术含量,就是集成一下开源的 MarkDown 编辑器,按照说明按部就班地走就行了。 这里我选的 MarkDown 编辑器是 Editor.md。...MarkDown 文本的渲染区域就是 textarea 标签包裹的那个区域 下图中框出来的地方填的就是包裹 textarea 的 div 的 id: ?...解决跨域问题 上述步骤做完后,可能会遇到报错跨域问题,需要在 Security 配置中增加一行配置: http.headers().frameOptions().sameOrigin(); 第六步:配置 MarkDown...渲染 至此,我们做完了写 MarkDown 的工作,接下来做的就是将 MarkDown 渲染成 Html 显示在页面上。...可以看见,上面配置了一些 MarkDown 渲染规则,图中标注出来的 md-content 就表示要渲染的区域,即包裹帖子内容的 div 的 id: ?
欢迎使用Markdown编辑器写博客 本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦: - **Markdown和扩展Markdown简洁的语法**...本编辑器支持 **Markdown Extra** , 扩展了很多好用的功能。...**Markdown编辑器**使用浏览器离线存储将内容保存在本地。 用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。...用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。 博客发表后,本地缓存将被删除。 ...目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。 3. IE9以下不支持 4. IE9,10,11存在以下问题 1. 不支持离线功能 1.
SHA-1散列的引用都会自动转换为 GitHub 上提交的链接。...这被称为“@mention” ,因为你提到的是个人。 你也可以@提及组织中的团队。...Strikethrough 删除 任何带有两个波浪线的单词(比如~~this~~)都会被划掉。 Emoji 表情符号 GitHub 支持表情符号 emoji !...要查看我们支持的所有图片,请查看 Emoji Cheat Sheet. 跳转到标题锚点 先定义一个#标题, 然后可以用[abcd...]...https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown
前言 一直想将自己的Csdn博客完整地备份到本地,以免一些老文章以后落得个404(打不开)的下场。...每家的博客或多或少都有一些博客备份的功能(例如简书在设置中能够打包自己的所有md文章,但是不支持图片导出)。...(狗头) 功能: 支持批量备份markdown语法写的csdn博客 支持备份博客图片(兼容markdown语法,html语法) 支持两种使用方式,便于没有python基础的同学使用 注意: 目前不支持备份私密文章...,只能备份自己的公开文章 需要登录账户密码(markdown编辑器的爬取需要cookies) CAB Tool 直接爬取的是csdn markdown编辑器的文本,备份的文本与编辑器上无异 使用 方式一...若非有需要,不建议改动 第三步 确认配置无误后 项目路径打开命令行,输入py main.py 效果 完整备份了230+markdown: 后记 如果大家还发现什么好用的,好玩的工具,都可以推荐给我试试,
每家的博客或多或少都有一些博客备份的功能(例如简书在设置中能够打包自己的所有md文章,但是不支持图片导出)。...(狗头) 功能: 支持批量备份markdown语法写的csdn博客 支持备份博客图片(兼容markdown语法,html语法) 支持两种使用方式,便于没有python基础的同学使用 注意: 目前不支持备份私密文章...,只能备份自己的公开文章 需要登录账户密码(markdown编辑器的爬取需要cookies) CAB Tool 直接爬取的是csdn markdown编辑器的文本,备份的文本与编辑器上无异 使用 方式一...没有关系,这里也是支持小白式运行的 点击cab-tool releases,下载cabtool.exe的最新版本 双击运行cabtool.exe就好啦 方式二 第一步 把项目克隆本地git clone...完整备份了230+markdown: ? 后记 如果大家还发现什么好用的,好玩的工具,都可以推荐给我试试,哈哈哈哈。
Coding + GitHub + Hexo + Markdown 搭建博客 大家好,这是我第一次写博客。使用 GitHub + Hexo 创建最基本的博客很容易,网上有很多现成的教程。...随着不断探索,我发现这个简单的博客可以实现更多的功能。但网上缺少比较全面的教程,我在尝试中走了不少弯路,所以我决定我的第一组博文内容就是介绍这个过程,帮助大家更方便的建立具有更多功能的博客。...GitHub 是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub 。 建立 GitHub 账户非常简单。...这个文件是用 MarkDown 语言写的,这是一种很便捷的标记语言,可以让你快速写出版式优美的文章。我将在后面的文章里教大家 MarkDown 的语法。...因为 GitHub 是国外的服务器,把博客托管在它上边,访问的速度会受到限制,而且 GitHub 已经禁止百度爬虫爬取数据,把你的博客加入到百度搜索引擎当中会很困难,所以我们要用国内的托管平台—— Coding
前言 一直想搭建个人网站, 当我了解到 hexo 是一款快速、简洁且高效的博客框架,我就迫不及待想尝试下。 什么是 Hexo Hexo 是一个快速、简洁且高效的博客框架。...Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。...安装 Hexo 在安装前,您必须检查电脑中是否已安装下列应用程序: Node.js Git Node.js 版本限制 我们强烈建议永远安装最新版本的 Hexo,以及 推荐的 Node.js 版本。...如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。 npm install hexo-cli -g 1. 建立网站 # 新建一个网站。...如果你不得不在多处配置你的主题,那么这些信息对你将会非常有用:Hexo 在合并主题配置时,Hexo 配置文件中的 theme_config 的优先级最高,其次是 _config.
个人习惯用markdown写博客,然后同步到博客园,每次同步都比较麻烦。 于是通过metaweblog实现了,一步上传markdown文件的小工具。...工具地址:https://github.com/dongfanger/pycnblog 功能 一键拖拽上传 默认“未发布”,支持直接发布 重复上传,更新博客 支持图片自定义显示格式 支持上传后生成替换后本地文件...>设置,页面最下方的MetaWeblog访问地址。...markdown图片存储设置 写markdown有一利器Typora,一般图片存储设置我会修改成这样。...工具原理 本工具的基本原理是,调用metaweblog的相关api,把图片上传到服务器后,获取url替换本地图片地址,再上传文件到博客园,在博客园后台能看到新博客。
在刷 Github Trending 时,突发奇想,准备利用 MarkDown 这种非常纯粹的文件格式做一个更简单、更高效的博客系统(我也不知道在想什么...)...实现 主要是通过 PHP 读取目录下的 .md 文件,获取信息等并在在前端展示 要做到文章、页面、评论、分类目录、标签的展示与归类,一个成型的基础博客系统 本来要做后台来着,但是想了想,除了懒之外,保留轻量级的体验也是很重要的...利用 PHP 的文件系统函数集,还实现了基于 Json 的评论系统,这样就完全没数据库啦 截图 代码 https://github.com/HelipengTony/oblog 短期内应该不会用于本博客
安装 tamperMonkey Google 扩展 安装脚本 截图 存在问题 截止 2019 年 12 月, 滴答清单已经官方支持网页端 Markdown, 下方内容可能已经过期 官方一直不支持...Markdown, 这么一个小需求怎么能够难倒程序员呢?...随手搜了一下, 发现还一个现成的, 只不过是国际版的实现, 我进行了一些修改 其实就是个 油猴脚本 , 在 Chrome 网页端下实现 以下是网页端的实现 安装 tamperMonkey Google...扩展 (略) 安装脚本 https://github.com/szhshp/ticktick-markdown 将 TickTickMarkdown.user.js 里面的文本拷贝到 TamperMonkey...的一个新建 script 里面 截图 点击右上方 edit/preview 按钮可以切换模式 存在问题 当然手机端就只会显示为渲染的 Markdown 代码, 暂时没有想到的方法之后我再来解决吧
以下为一个最简单的,使浏览器支持MarkDown渲染和语法高亮的示例,可以为以后的个人的markdown博客储备。...后续计划写个专栏,介绍下自己做一个markdown的个人博客网站是多么的简单,写博客就成了往目录里丢md文件这样简单。...先看一个我的个人博客截图,后续准备开源出来,没使用数据库,只使用md文件和配置文件就完成了所有功能。...所以部署也很简单,不用先建库,建表,直接放到服务器的一个任意目录里运行即可,写博客就是往目录里丢md文件而已。...且前台如果有新评论或留言,会自动推送到我的公众号里。 ? ? ? ? 附图,测试demo浏览器显示出来的效果: ? ? 附个人的markdown博客截图,使用go语言加mardown实现。
Github 是基于 开源代码管理工具 Git 的一个代码托管平台。Gitbook 是一个命令行工具,可以把你的 Markdown 文件汇集成电子书,并提供PDF等多种格式输出。...进一步地,如果我们将搭建一个博客站点,可以使用 jelly or hexo 等博客模版,然后将写好的 markdown 格式文件 push 到 xxx.github.io 某目录 下,这样就可以访问静态博客页面了...也是类似的,只不过不用搭建博客模版,但需要借助下 gitbook 工具。...这样我们就能在本地写 markdown 文件,然后 push 到 github 做版本维护,用 gitbook 编译 目录,替换 站点目录,更新书籍, 还算是比较方便的。...无论写博客还是写文章,如果需要引用图片,需要外链,推荐用七牛云存储来上传本地图片做外链。 注:本文不涉及详细流程、设置和命令,只为大家提供个思路索引,具体动手做一遍就清晰了。
首先,进行有道云笔记官网,新建一份markdown文档, 如下图 然后,在文档编辑区,左边,复制如下段落文字 加粗 斜线 标记颜色 下划线 废弃线 一级标题 二级标题 三级标题 四级标题...五级标题 六级标题 接着,点击可视化工具,观察markdown的语法,及markdown的显示效果 下面我附上其他效果图及对应文字,读友,若有兴趣也可以自行尝试。...9d section S2 T2: 2014-01-11, 9d section S3 T3: 2014-01-02, 9d ``` 个人建议: 虽然有快捷操作,但还是建议你将这些快捷语法记下下来(markdown...语法几乎是通用的),手敲去写,以后写博客就快很多了。
领取专属 10元无门槛券
手把手带您无忧上云