跳至主要內容
Mr.Finn'Blog

Mr.Finn'Blog

In me the tiger sniffs the rose

TinyMce5富文本编辑器在VUE中的应用

近期在为公司搭建CMS系统,其中一个很重要的功能就是富文本编辑器,市面上的富文本编辑器很多,但是正真符合使用场景的并不多,最终我选择TinyMCE。

TinyMCE is the world's most customizable, and flexible, rich text editor。

正如TinyMCE官网所说,TinyMCE是世界上最可定制、最灵活的富文本编辑器,易用且功能强大的所见即所得的富文本编辑器,最主要的是对word的支持很好,这篇文章主要介绍VUE项目中使用TinyMCE5的方法,以此记录自己的实践总结和经验,希望能帮到一些人解决自己的问题。


Mr.Finn大约 4 分钟前端VUE
前端架构-架构和前端架构

此系列文章,记录在黄峰达的《前端架构-从入门到微前端》一书中的所读所学,此系列文章仅供个人记录学习,作为读书笔记使用。

没有一种架构能满足未来的需求。

在软件的生命周期中,架构可以不断地优化,持续性变好,使得架构可以适用于当前的场景。所以架构是可以改变的,架构是需要变化的。

那么到底什么是架构呢?

为什么需要软件架构

什么是软件架构

对于软件架构,不同的人有不同的理解,不同的组织有不同的定义。

维基百科是这么给软件架构定义的:


Mr.Finn大约 26 分钟前端读书架构
Jenkins+Nginx实现前端项目自动构建和部署

实现目标

自从有了服务器以后就一直在折腾我的小小的服务器,用vuepress搭建了梦寐已久的个人博客,之前是在服务器里搭建了gitNginx,利用githooks实现自动部署,自从接触了jenkins以后就想要利用jenkins来实现以下自动构建和自动部署。这次的目标是,把博客代码迁移到gitlab私有仓库中,在本地写完文章pushgitlab后,Jenkins自动完成博客构建,然后部署到Nginx里,省去了本地build的过程。


Mr.Finn大约 3 分钟服务器服务器
一行代码实现全站黑白效果
image.png
image.png

2020 年 4 月 4 日,清明节。

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院决定2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。


Mr.Finn大约 3 分钟CSSCSS
VUE项目中如何优雅的使用svg图标

前言

在前端的项目中经常会用到很多 icon,随着项目的不断迭代,icon会越来越多,之前的项目是使用html和jq的传统项目,项目中有上百个icon,使用阿里的iconfont的font-class模式,维护起来很麻烦,而且只支持单色图标。现在项目要使用vue重构,想趁此机会改善一下icon的使用方法,以便使用和后期维护更加的简单和优雅。

iconfont的使用方式

iconfont为我们提供了三种使用方式,分别是Unicode、Font class 和 Symbol。


Mr.Finn大约 5 分钟前端VUE
云服务器配置部署Nginx开发环境

当初买ECS的初衷就是想搭建自己的博客,记录一些学习和生活的笔记,有了自己的域名和服务器以后就可以搭建属于自己的博客了,域名需要先行备案和解析到服务器,现在流行的静态博客(hexo、vuepress)都是基于Nginx服务器的,所以需要先在服务器安装和配置Nginx环境。

1、安装Nginx

​ 安装Nginx很简单,只需一条命令即可,先ssh登录服务器,然后使用以下命令安装:

yum install -y nginx

2、配置Nginx

​ Nginx的配置文件默认在/etc/nginx/目录下,使用命令 vim /etc/nginx/nginx.conf 编辑配置文件添加以下 配置:


Mr.Finn大约 4 分钟服务器服务器
阿里云ECS服务器Git安装和配置

git服务器安装方法:

使用自动化运维OOS安装

阿里云的云服务器管理控制台为用户提供了免费的“自动化运维OOS”服务,OOS是一种简单易用的自动化部署服务,用户可以通过资源模板来自动完成所有资源在在不同地域以及账户中心的部署和配置,用起来超级方便。

运维编排服务(简称OOS)是全面、免费的云上自动化运维平台,提供运维任务的管理和执行。典型使用场景包括:事件驱动运维,批量操作运维,定时运维任务,跨地域运维等,也可提供重要运维场景的审批、通知等功能。详细介绍参见https://help.aliyun.com/product/119529.html


Mr.Finn大约 3 分钟服务器服务器
阿里云ECS服务器SSH配置

很早以前就想买个服务器自己玩一下(虽然我啥也不会),但是阿里云昂贵的价格让我望而却步,这次双十一发现了一个大好机会,以超低价格买了一台1核2G的ECS(三年,超开心)。买完以后进控制台一看,一脸懵,这是啥?我在哪儿?我该干什么?赶紧去通读一遍云服务器ECS的文档。于是先学习了一番SSH远程连接服务器,记录一下折腾过程。

首次远程连接服务器

阿里云的控制台自带了远程连接服务器的功能,具体操作如下:

  • 打开阿里云控制台,进入云服务器ECS界面如下:
image.png
image.png

Mr.Finn大约 3 分钟服务器服务器
介绍页

介绍页

将你的个人介绍和档案放置在此处。


Mr.Finn小于 1 分钟