前言

介绍一款 markdown富文本编辑器

源码

https://gitee.com/pingfanrenbiji/markdown-nice

这里要感谢一些开源作者 这位大佬的微信公众号是


本地启动

yarn starthttp://localhost:3000/

编译打包

yarn build

编译之后的静态文件


将项目静态文件上传到web服务器

可以通过tomcat 或 nginx部署 当然也可以通过宝塔进行部署

具体的步骤过程可以参考我之前发过的一篇文章

通过运维神器"宝塔"搭建读者交流社区discuz-q

下面咱看看如果利用宝塔这个工具来部署咱们的这个项目

首先需要有一个域名(自己用的话 服务器外网IP也可以)

我之前申请了一个域名 www.pingfanrenbiji.club 这个是我的论坛

基于此 我再创建一个二级域名

mdnice.pingfanrenbiji.club

创建的过程非常简单 登陆阿里云域名管理平台


登陆宝塔创建一个网站 并配置nginx服务器 上传项目静态文件即可

创建一个网站


选择文件将刚才项目静态文件上传


配置文件访问目录


配置nginx


location / {  try_files $uri $uri/ /index.php?$query_string;}gzip on;gzip_min_length 1024;gzip_types text/css application/x-javascript application/javascript application/vnd.api+json;gzip_disable "MSIE [1-6]\.";gzip_comp_level 2;

配置下图床

图床 故名思义 存储上传的图片的地方

这里我选择将图片放在了gitee上

那么需要在gitee上创建一个私钥token

在markdown中配置下这个token即可

创建gitee token

先创建一个项目 用于存放上传的图片

创建一个私人令牌


将这个token配置到mark down中




这样就可以把图片上传到gitee上了

访问

截止此 我们已经创建了一个 域名 并创建了一个该域名的网站 下面就可以访问了

http://mdnice.pingfanrenbiji.club/

结语

  • 表情包制作工具

最后推荐大家一个好玩的表情包制作工具

https://www.52doutu.cn/maker/

这里有大量好玩的表情包

  • 论坛交流工具
www.pingfanrenbiji.club
  • markdown 发文工具
http://mdnice.pingfanrenbiji.club/

js富文本编辑器_自制富文本编辑器相关推荐

  1. js json编辑器_程序员必备编辑器 —— Visual Studio Code

    前言 我刚入行Web前端的时候,我先后使用过Notepad++.Sublime Text. Hbuilder IDE.Webstorm进行Web前端开发,偶然的机会了解到Atom.Visual Stu ...

  2. php 文本格式化_格式化PHP文本

    php 文本格式化 So you've gone through the PHP tutorials or are new to PHP in general, and you can make so ...

  3. python多功能文本编辑器_多功能文本编辑器(EditPad Pro)

    EditPad Pro 是一款多功能文本编辑器,设计的目标就是在保持程序小巧简洁的同时,提供所有基础编辑功能.EditPad Pro 可以在 Windows 98.Me.NT4.2000.XP.Vis ...

  4. vim 文本编辑器_标志性的文本编辑器Vim庆祝成立25周年

    vim 文本编辑器 稍微回拨时间. 不,继续转弯--多一点--在那里! 25年前,当您的一些专业同事还在蹒跚学步时,Bram Moolenaar开始为他的Amiga编写文本编辑器. 他是Unix上vi ...

  5. 晨风机器人插件编辑器_晨风机器人文本编辑器

    晨风机器人文本编辑器提供文本编辑功能,可以在软件快速设计代码文本,软件已经提供多种添加功能,在编辑代码的时候可以添加宝物要求.坐骑要求.武器要求.防御要求.勋章要求.VIP等级要求.奴隶要求,从而快速 ...

  6. java 文本编辑器_「java文本编辑器」用Java实现文本编辑器 - seo实验室

    java文本编辑器 源码里有注释:import java.awt.*; import java.awt.event.*; import java.io.*; import javax.swing.*; ...

  7. 晨风机器人插件编辑器_晨风机器人文本编辑器使用方法

    软件功能:晨风QQ群机器人是一款操作简单,功能强大的QQ群聊天工具,通过晨风QQ群机器人,用户可以跟QQ群里的好友进行对话或收发图片.语音等,非常适合QQ营销人员使用.晨风qq群机器人实现与qq好友聊 ...

  8. excel vba 文本框_自动调整Excel文本框的大小

    excel vba 文本框 If other people will be using the Excel files that you build, it might help them if yo ...

  9. access“idno”字段改为文本型_结构化文本计算示例（一）

    结构化文本是很常见的文件格式,对结构化文本的计算也是很常见的需求.在实现这种计算时,一种很容易想到的办法是将文件导入数据库后再计算,但这会消耗大量时间以及昂贵的数据库资源,而且有的场合下并没有合适的数 ...

最新文章

  1. 033_字符集和编码
  2. python中什么可变_Python中的可变类型与不可变类型
  3. html中字体，特殊字符和标签如何显示呢？
  4. c# 判断点是否在区域内 点在区域内 在多边形内 判断
  5. java中的jgroup_JGroups实现聊天小程序
  6. Spring注解——使用@ComponentScan自动扫描组件
  7. HDR与ToneMapping
  8. Mysql 基础学习
  9. LeetCode 228. Summary Ranges
  10. 机器学习之使用Python完成逻辑回归
  11. leetcode—11.队列题型python解答
  12. Win10 技巧：让任务栏时间显示 “秒”
  13. 创建mysql视图索引_mysql 创建索引和视图
  14. 【获取内置命令ID】：VBA编程人员常用的工具。可以查询Excel内部命令的ID号
  15. 计算机财务管理知识点,财务管理知识点梳理（财务基础必背知识点整理篇）
  16. 一政：公务员笔试备考注意这几点
  17. [蓝桥杯]圆周率（Python）
  18. Linux—系统关机命令详解
  19. Python Monte Carlo K-Means聚类实战研究
  20. 为什么说pnpm是最先进的包管理工具？

热门文章

  1. a different object with the same identifier val...
  2. MAC OS中的dylib 的@rpath和@loader_path小问题
  3. 第二章 创建webGL设备和绘制缓冲区呈现 Context Creation and Drawing Buffer Presentation
  4. 网页打印javascript:window.print()
  5. 开发中最基本的对数据的增删改查SQL
  6. 团队作业6-项目总结
  7. 各类双绞线标准、用法、接法速记
  8. 如何隐藏android的屏幕上的Title Bar
  9. spoj 8222 Substrings (后缀自动机)
  10. Log4j配置文件以及配置方法