最近写一个博客系统,需要集成编辑器,所以我就打算集成一个markdown编辑器用来编辑文章。在网上搜,好像editor.md这个国产开源的markdown编辑器比较好。不过想吐槽是网上的教程真的。。。哈哈哈,开始我们的教程: 1.首先在editor.md官网(http://pandao.github.io/editor.md/)下载这一个编辑器。 这是下载好后的文件目录
大家好,在《动手练一练,使用 React 和 Next.js 做一个简单的博客网站(上)》一篇文章里,我们一起了解了什么是 Next.js,并手工创建了一个简单的 Next.js 项目,学会了如何基于模板创建简单的页面,本篇文章,我们继续完善这个案例。
之前[文档站点的搭建]()里我们介绍了路由的动态生成逻辑,其中说到了文档是使用Markdown格式编写的,并且还直接在路由文件里使用md文件作为路由组件:
文章转载至子弈文章:https://juejin.cn/post/6996815121855021087
VuePress 应该有很多人用过,而 VitePress 是 VuePress 的下一代框架 ,是支持vue 3.0 的 web 网站框架。
请注意,本文编写于 179 天前,最后修改于 161 天前,其中某些信息可能已经过时。
以前,微信开放文档是使用文档界的老大哥— gitbook。用它搭建文档其实并不需要耗费多长时间,主要在于界面维护和自定义主题。Jquery 则是里面主要用来做前端 UI 界面的工具,前端er 应该都清楚 Jquery 有个代号:编程一时爽,重写火葬场。具体是什么意思呢?以前前端的思维模式是根据 事件驱动,导致,一整个项目下来差不多全部都是围绕着 addEventListener 写。而最新的前端框架提供的思维改变为 数据驱动,视图层分离,有点类似 Android/IOS 的组件开发模式 + 生命周期 Hook 类似。
导语:Element UI[1] 是世界级最优秀的UI框架之一。这个优秀的框架有哪些我们能学习的优点呢?这篇文章将分享作者在查看这个框架仓库源码中认为值得参考的技巧,建议配合element[2]源码食用更佳。
ubuntu selenium + chromedriver 网页截图需要 xvfb
markdown是一种标记语言,通过简单的标记语法可以使普通的文本内容具有一定的格式,使用非常简单,学习成本极低
第一个坑:我的项目就是依赖webpack 3.6.0同时也是用npm安装依赖,然后继续使用npm安装vuepress,然后执行npx vuepress dev docs的时候报错了,上网查了好久也没有解决问题,最后使用yarn安装vuepress成功了。
需要预览效果可直接访问url:https://pandao.github.io/editor.md/index.html ,这里是官方网站的一个demo。同时提供了全套的下载安装教程。github开源地址:https://github.com/pandao/editor.md/blob/master/examples/image-upload.html
拥有自己的技术博客,不仅可以提升自己的技术能力,还可以提升自己的影响力,未来也可能带来一些“睡后”收益。
使用Editormd可以方便地在界面上嵌入markdown编辑器,并能够实时预览。 先看一下实现效果: 编辑文章界面:
多级目录构建navbar、sidebar引用404问题:在构建多级文件目录的时候,针对多级文件夹下的md文件,其会相应加载同级目录下的navbar.md、sidebar.md文件,但这个时候由于navbar.md、sidebar.md文件存放在根目录或者是自定义指定的文件夹下,引用相对路径则会报404问题。针对上述情况,可以有如下调整方案:
markdown-it是一款功能强大的Markdown解析器,支持丰富的Markdown语法,能够轻松将Markdown文本转换为HTML格式。它拥有丰富的插件和配置选项,让你的文档编辑更加灵活多变。
VuePress是Vue驱动的静态网站生成器。对比我们的Docsify动态生成网站,对SEO更加友好。
Vitepress的文档渲染目的就是将程序员日常所写的Markdown文件编译为Html文件,并添加了更多的插件来丰富MD文件的功能,就比如说Vuejs组件在MD文件中渲染等等,为了我们可以在使用Vitepress的时候可以更随心所欲的定制一些功能,我们要先搞一搞明白Vitepress是如何将MD文档渲染成HTML的~
Editor.md图片上传获取不到图片地址,Editor.md图片上传iframe存在跨域情况,几经调试都不好用,最后采取替代方案,还不存在跨域情况。
VitePress 是 VuePress 的下一代框架 ,是支持vue 3.0 的 web 网站框架。
VuePress V2 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown在新窗口打开 来书写内容(如文档、博客等),然后 VuePress 会帮助你生成一个静态网站来展示它们。
要让你的网站显示内容, 就需要进行配置, 需要在.vuepress文件夹下新建一个总的配置文件config.js, 这个文件的名字是固定的,即.vuepress/config.js,它导出一个 JavaScript 对象,使用的是Commonjs文件导入导出的规范 如有对 CommonJS 使用疑惑可参考文档:commonJs 使用规范
上次发的文章忘了丢链接了,再补发一次... 《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集,主要分为以下几个板块: Highlights 业界最新的技术、热点文章 业界对(新)技术的深度地、优秀地实践 Tutorial 好的教程、深度解读已有技术的文章 Tools And Codes 优秀的工具、库 《前端技术观察》的目的是让大家: 更及时的了解到业界最新的技术 受益于高质量的教程、文章 了解业界更优秀的代码、工具 更多地、氛围更浓厚地讨论、研究、落地技术 highlig
文章抄袭在互联网中普遍存在,很多博主都收受其烦。近几年随着互联网的发展,抄袭等不道德行为在互联网上愈演愈烈,甚至复制、黏贴后发布标原创屡见不鲜,部分抄袭后的文章甚至标记了一些联系方式从而使读者获取源码等资料。这种恶劣的行为使人愤慨。
简介 一个神奇的文档网站生成器。 简单而轻便(〜18kB压缩) 没有静态构建的HTML文件 多个主题 快速开始 建议docsify-cli全局安装,这有助于本地初始化和预览网站。 npm i docsify-cli -g 初始化 如果在根目录中编写文档 docsify init ./ 写作内容 在之后init完成后,你可以看到在文件列表./根目录。 index.html 作为入口文件 README.md 作为主页 .nojekyll 防止GitHub页面忽略以下划线开头的文件 您可以轻松更新文档./READ
在entities包中:有Employee.java、Department.java
前段时间玩了会儿hexo,发现用markdown写博客真的很爽,语法也十分的简介。
博客地址 程序员成长指北(http://www.inode.club/) 可以先体验下。
1.下载框架文件(也可从Bootstrap官网下载) Bootstrap V3.3.7 Starter ZIP 下载并解压出template和bootstrap3两个文件夹 放到工程中 2.复制template文件夹中的starter.html 粘贴到需要创建页面的地方,改名字即可
最近把博客从 Typecho 搬到了 Next.js + Vercel 驱动、Notion 为 CMS 的架构(使用 nobelium 搭建),其中评论区转到了 cusdis 作为后端。原博客有文章 112 篇,评论总量大约 1.2k 条,文章迁移手动操作还行,但评论数据的迁移经历了一些小坎坷,断断续续花了两个周末才弄完,也写一写其中踩过的坑,还有一些小小的心得。
开发环境 spring boot 2.4.2 elasticsearch 7.10.1 lombok 解析网页 jsoup 1.10.2 alibaba fastjson 1.2.73 jdk 1.8
命令行的交互应该都不陌生,从最简单的看版本(node --version)到用命令行创建项目(vue create project),以前不知道的时候觉得做这些交互的应该很难,现在知道了一些就不觉得那么神秘了。
VuePress 是静态站点生成框架之一,界面简介优雅,本文记录使用方法。 简介 VuePress 是尤雨溪(vue.js 框架作者)发布的一个全新的基于 vue 的静态网站生成器,实际上就是一个 vue 的 spa 应用,内置 webpack,可以用来写文档。 VuePress 有很多优点: 界面简洁优雅,不同于 Hexo,个人觉得更适合作为说明文档页 容易上手(半小时能搭好整个项目) 更好的兼容、扩展 Markdown 语法 响应式布局,PC端、手机端 Google Analytics 集成 支持
本文实例讲述了Thinkphp5框架中引入Markdown编辑器操作。分享给大家供大家参考,具体如下:
很久很久……以前,我们开始了vue-admin-pro之旅。通过 后端管理系统开发(一):登录篇 ,实现登录功能,我们打开了后台管理系统的大门。本节是路由篇的讲解,不管管理系统如何简单,都少不了路由,所以,学习这一节,很有必要。不过呢,对于我们来说,路由就是菜单。
---- 京东搜索Elasticsearch 开发环境 elasticsearch 7.10.1 集成IDE idea elasticsearch-head maven 3.6.3 所有开发环境
继之前博客写了editmd.js(国内开源的一款前端Markdown框架)实现的写文章功能之后,本博客介绍使用editormd实现文章预览功能
继之前博客写了editmd.js(国内开源的一款前端Markdown框架)实现的写文章功能之后,本博客介绍使用editormd实现文章预览功能,之前博客链接:https://blog.csdn.net/u014427391/article/details/86378811
velocity渲染JS文件,file-node.js分析 $(function() { var filePath = document.getElementById("filePathRem").value; //注意这里面只能处理寻找文件夹的子文件或者子文件夹事件,可以把文件的读取写到 $('#container').on("changed.jstree", function (e, data)函数中 $('#container').jstree({ 'core'
相信很多人都想拥有一个自己的个人博客,现有的个人博客搭建框架已经有很多了,例如 hexo 、vuepress 、jekyll 等等,这里我选用 vuepress 来快速搭建个人博客
NVS 是一个跨平台的 Node.js 的版本切换工具,并且 NVS 本身是用Node.js[1]编写的。
如果改动了站点配置文件_config.yml 和主题配置文件_config.butterfly.yml,需要重新编译才能看到效果。
最近有人在问:小智, Vue3 有没有对应制作文档的工具。于是,我去查了一些资料,发现,Vue3和新的Vite构建工具为我们提供了另一种快速开发静态站点的方法,那就是 Vitepress。
网站主题最初是在开发数据api的时候看到的,当时在学习Mybatis-Plus,最初也不知道这是个主题,就觉得Mybatis-Plus官网UI真的不错,直到后面发现另外一个类似的网站,我意识到这是个模板,于是有了自己也搭建一个的想法,不过拖延症相当严重,最初是在宝塔上修改的,效率极低,一度放弃部署,直到最近换成本地开发才好了很多,也就是最近网站搭建初步完成,接下来就是往里面增加文章等等,这里带大家从零开始搭建Vdoing主题网站,算是对过去一个月的知识总结。下图就是mybatis-plus官网,是我们年轻人喜欢的风格(这里随便吐槽一下xx园吧,风格还是20年前的,不知道他们的UI设计师是不是还是兼职的)。
官方地址:https://github.com/smalot/bootstrap-datetimepicker 演示:https://www.bootcss.com/p/bootstrap-datetimepicker/demo.htm
Docsify是一款开源的文档生成工具,目前在Github上已有21K+Star。Docsify可以快速帮你生成文档网站,不同于VuePrese和Hexo的地方是它不会生成静态的.html文件,所有转换工作都是在运行时。
领取专属 10元无门槛券
手把手带您无忧上云