typora样式——基于vue改版样式

最新推荐文章于 2024-05-21 16:13:40 发布
最新推荐文章于 2024-05-21 16:13:40 发布
阅读量1.8k 收藏 2
点赞数 7
分类专栏： web 文章标签： 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xi9972/article/details/103649010
版权

这个是typora的样式，基于vue的白色模板修改。

  1. 修改无序列表、有序列表样式（红色，然后比列表文字大一些）
    在这里插入图片描述

  2. 修改代码块样式（代码块背景改为绿色）
    在这里插入图片描述

  3. 修改高亮样式（蓝色，白底，加粗）
    在这里插入图片描述

  4. 修改代码样式（红色，白底，加粗）
    在这里插入图片描述

  5. 样式文件上传后稍后评论中增加，样式文件中修改部分增加了中文注释，可以自己修改个性化样式
    vue修改版下载地址(免费的哟)

java圈子中的局外人
关注
  • 7
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在Vue中导入Typora编辑的文章
My_Huang的博客
03-09 795
最初我是想直接将Typora放在web页面上使用，但是试了一下后发现有点难度，同时考虑到可能会有版权问题之类，所以决定退而求其次，在Typora上编辑，然后导出到web页面上显示。 1. 方案挑选 方案一：直接显示Typora导入的Html 方案二：在vue组件中引入typora的CSS样式，然后使用v-html添加typora导出的html 方案三：使用iframe动态写入 分析： ​ 对于方案一，需要保存大量HTML，然后通过iframe嵌入，在数据处理上并不方便，url并不能直接访问数据库。.
探索Typora Vue主题：一个优雅的Markdown编辑器界面
gitblog_00010的博客
04-10 520
探索Typora Vue主题：一个优雅的Markdown编辑器界面 项目地址:https://gitcode.com/blinkfox/typora-vue-theme 项目简介 Typora Vue Theme 是一款专为流行的Markdown编辑软件Typora设计的主题。它基于Vue.js构建，旨在提供更现代、简洁且响应式的阅读和写作体验。如果你是 Typora 的忠实用户，并渴望为其增添一...
typora 主题 vue 风格
05-25
typora-vue-theme
免费版Typora设置vue主题
m0_57671724的博客
12-08 3685
免费版Typora下载、vue主题设置
2024激活Typora，最新版本的1.8.10.0可用
最新发布
路漫漫其修远兮，吾将上下而求索。小手点一波关注进阶的李仙桎，我们一起携手进步，
05-21 1508
实测可用日期为：2024-05-20注：免修改、不用修改时间，需要破解补丁。
Typora笔记
王林的博客
12-31 235
Typora笔记 一、自定义样式 （一）Vue样式 1、新建vue.css文件 2、添加样式 @import 'vue/fonts.css'; :root { --side-bar-bg-color: #fff; --control-text-color: #777; --font-sans-serif: 'Ubuntu', 'Source Sans Pro', sans-serif !important; --font-monospace: 'Fira Code', 'R
java毕业设计——基于Vue+Node的外卖系统设计与实现(答辩PPT+源代码).zip
05-29
java毕业设计——基于Vue+Node的外卖系统设计与实现(答辩PPT+源代码).zipjava毕业设计——基于Vue+Node的外卖系统设计与实现(答辩PPT+源代码).zipjava毕业设计——基于Vue+Node的外卖系统设计与实现(答辩PPT+源代码)...
java毕业设计——基于vue的在线问卷网站设计与实现(源码+数据库).zip
05-29
java毕业设计——基于vue的在线问卷网站设计与实现(源码+数据库).zip java毕业设计——基于vue的在线问卷网站设计与实现(源码+数据库).zip java毕业设计——基于vue的在线问卷网站设计与实现(源码+数据库).zip java...
Typora主题 vue drake
02-22
总的来说，"Typora主题 vue drake"集合提供了一系列的Typora编辑器主题，其中包括专门为Vue.js开发者设计的主题，以及一些个性化的样式文件。这些主题不仅美化了编辑环境，还提升了Markdown编写体验，是IT从业者个性...
网页模板——基于vue.js自适应蛇形曲线数据效果源码.zip
11-24
这款"网页模板——基于vue.js自适应蛇形曲线数据效果源码"提供了实现动态、自适应的蛇形曲线数据展示的解决方案。以下是关于这个源码包中的关键知识点： 1. **Vue.js框架**：Vue.js 是一种声明式、响应式的前端框架...
Typora设置Vue主题
in_the_road的博客
08-14 4645
平时看视频，发现好多老师使用Typora 时，界面跟我的不一样，好看一些，后来查了下才知道老师使用了Vue主题，接下来我就记录下设置Vue主题的步骤吧 一、下载Vue主题 地址：http://theme.typora.io/theme/Vue/ 二、添加主题 1、打开Typora，点击左上角 “文件” ->“偏好设置” -> “打开主题文件夹” 2、解压下载后的Vue主题zip包，并把里面的vue文件夹、vue.css、vue-dark.css拷贝至刚刚打开的...
typora-vue-theme-master.zip
03-29
这是 Typora Markdown 编辑器的类似 Vue 文档风格的自定义主题。作者github：https://github.com/blinkfox/typora-vue-theme
typora-vue风格主题皮肤
01-23
typora-vue风格主题皮肤，由于官网下载地址需要翻，方便大家下载使用
typora 公式_Typora 编辑器的Vue主题类介绍
weixin_39830200的博客
11-25 312
这是 Typora Markdown 编辑器的类似 Vue 文档风格的自定义主题。简介Typora是一款支持实时预览的 Markdown 编辑器和阅读器，支持Windows、macOS、Linux三大平台。Typora 作为一款合格的 Markdown 编辑器，支持图片、列表、表格、代码、公式、目录等功能，同时这款软件还支持(一键)动态预览功能，让一切都变得如此干净、纯粹。并且有多种主题模板。ty...
Typora+Vue主题+Gitee图床轻松写文章
吃太多会胖哦的博客
12-02 552
Typora+Vue主题+Gitee图床轻松写文章 前言 我的博客是用Hexo+GitHub搭建的我的博客，写文章都是用的Markdown样式，刚开始还没觉得有什么，后来看别人写的文章怎么都这么好看，样式好看，主题也好看。我就越看自己写的越丑，为了写出跟掘金里面大佬们文章一样好看的样式，我请教了木易杨大佬才知道Typora，这是大佬的掘金主页。 这些天研究了Typora，安装了Vue的主题，为了方便写文章的时候插入图片，使用了Gitee图床，决定写篇文章来记录下。 环境 macOS Catalina 1
typora使用技巧
岛田悠米
05-25 435
1、Typora-vue-theme的介绍与下载 typora-vue-theme是参考了Vue文档风格而开发的一个 Typora 自定义主题。点击此处下载 2、如何安装 a. 下载本主题中的vue.css、vue-dark.css文档和包含字体的vue文档夹； b. 打开 Typora，点击“偏好设置” => “打开主题文档夹”按钮，将弹出 Typora 的主题文档夹； c. 将下载好的vue.css和vue-dark.css文档和包含字体的vue文档夹放到 Typora 的主题文档夹中； d. 关
Typora——Vue文档风格主题设置
GeekZW的博客
05-17 5981
Typora——Vue文档风格主题设置 目标：写代码时少不了写markdown文档，如何使用Typora来编写？（有道云笔记、印象笔记等等都可以，个人推荐Typora，适用于公司办公） 1. Typora的介绍与下载 Typora是一款支持实时预览的 Markdown 编辑器和阅读器，支持Windows、macOS、Linux三大平台。Typora 作为一款合格的 Markdow...
vite+vue3+ts实战项目，教你实现一个网页版的typora！(前端篇)
weixin_47077674的博客
10-01 5231
前言 ​ 最近肝了几天写了一个用于管理和编辑我们小团队的一个md文档的网页版typora，在过去我们的知识归纳都是各自使用typora编辑，编辑后每周定时提交文档，由一个人汇总后发布到csdn等平台。 ​ 但是这样做在文档出现问题后发布的文章如果需要持续更新的话无法让团队中的其他人看到，且使用typora保存的图片都是本地的，配置图床也没有那么方便，所以干脆花点时间整理了一下需求，想着做一个网页协作版的typora，有一个基本的账号机制，一个文档可以大家一起编辑，但是不是协作文档那种同时编辑，而是一个人
typora：vue 主题升级版！他们都说绿一点好看 o(*￣▽￣*)ブ
梦染 * 星尘 的博客
07-15 1712
typora主题 最近在重新系统学习JVM，顺便分享一下之前稍微改了改的主题 哈哈，反正我用着这绿色挺舒服的 下面是主题下载链接 链接：https://pan.baidu.com/s/1zGcwhTmJrij_0ytSz9l4YA 提取码：1234

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值