文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

教你用云开发打造一个双端自动发布的博客体系（上）

类型 方案 备注 代码托管 Coding github api访问较大概率慢且不稳定 云开发 腾讯云TCB 含小程序云开发服务 持续集成 Coding CI 使用Jenkinsfile定义pipeline...考虑随后实测效果和对比渲染速度。 相比之下，都会出现溢出组件边界，产生横向滚动条问题。...在使用上，存在不支持解析style标签缺陷[3]，而Parser可以通过控制源html样式的方法解决这种问题： var document = that.selectComponent("#article...问题有: 服务端渲染如果使用外部接口，需encodeUrl(公式)，但内部\被转义消失，需要\\，replace(/\/g,'\')无效 服务端渲染如果使用mathjax-node,其依赖项mathjax...中特定标记的Latex，不造成误处理 考虑在markdown解析html阶段就将其转化为，也是很多内容平台采取的方式，较为可靠可控。

1.3K41

程序员为什么要使用Markdown

那接下来系统说一下markdown的好处 为什么需要markdown 大家可能想为什么要使用markdown来写文档，而不用各种可以点击鼠标点点的那种所见即所得的工具来记笔记，例如word之类的。...如果感觉不喜欢当前使用的Markdown渲染应用，可以使用其他渲染应用来打开。...你可以创建Markdown格式文本的文件在任何一个可以运行的操作系统上 程序员的世界到处都是Markdown，像简书，GitChat， GitHub，csdn等等都支持Markdown文档，正宗的官方技术文档都是使用...很多人使用Markdown来创建网站的内容，但是Markdown更加擅长于格式化的文本内容，使用Markdown 根部不用担心格式问题，兼容问题。.../h1> Markdown 渲染 有如下几种方式渲染Markdown文档 使用github来渲染，也就是把自己的 .md 文件传到github上，就是有可视化的展现，大家会发现github

1.6K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    使用 Electron + Vue 打造一个有道云笔记桌面端应用（五）：优化前端展示、组件设计和数据库的细节

    上一篇我们已经完成了数据持久化，使得我们创建的 Markdown 笔记得以保存，这一篇我们就开始实打实地创建 Markdown 笔记了。?...❞ 不过我们先来优化一下之前数据库初始化的地方： 数据库初始化变更 其实就是加了个命名空间，创建多个数据存储，这样改造是为了后续开发其它功能的时候可以方便存储数据，而不用跟 Markdown 文件的存储混合在一起...这里获取到列表数据后我就直接格式化时间了，渲染的时候就直接无脑渲染即可。...有道云笔记的文件保存触发是只要一切换了当前打开的文件就自动保存，或者手动ctrl + s保存，我们现在不走这个机制，标题的话只要失焦blur就保存，内容区直接就是实时监听输入的内容然后立刻保存，99%杜绝什么电脑突然断电而导致的文件文保存丢失问题...项目 github 地址：https://github.com/mengdebiao/vue-electron-notes

    2K00

    文档代码化：重塑软件开发的文档系统

    将数据代码化时，我们面临了一个非常大的挑战：易于编写、阅读的标记语言（如 markdown）只设计了内容的形式，缺少了内容相关的其它信息，诸如于创建时间、作者、修改时间等等。...我们所熟悉的 GitHub Flavored Markdown 也是如此，通过不明显破坏内容格式的兼容模式来扩展 markdown 数据字段。...如架构决策记录、静态内容生成，以用于以提供更好的用户体验 可支持 REST API。以通过编辑器来修改内容 可以支持多种方式的输出。...3.1 重写 markdown 渲染器 我们在这个过程中，遇到的最大的挑战是，随着我们对 markdown 语法的不断扩充，相关的代码已经变成了一坨大泥球。...所以，我们不得不重写了这部分代码： 借助于 marked.js 的 lexer 解析出 token 根据 token 修改生成新的 token 遍历新生成的 token，渲染出元素 结合虚拟滚动，解决性能问题

    1.6K20

    进击的JAMStack

    因此用最通俗易懂的话来描述JAMStack就是：使用JavaScript，APIs和Markdown三种技术来构建Web应用。所以JAMStack是一种问题解决方案，而不是一个具体的实现。...有用过hexo写博客的同学对这个概念肯定不会陌生，因为hexo的原理就是将我们编写的Markdown文件根据我们指定的主题或者模板生成一些静态的HTML然后托管在github pages或者其它类似的静态网站服务器来供别人访问的...而动态的内容就是那些频繁发生变化的内容，例如游客对我的博客的评论。那么我为什么要区分开这两种类型的内容呢？要回答这个问题我们可以先看看如果使用服务端渲染（SSR）的方案这个博客应用是如何运行的。...从实现博客功能的层面上来说这是没有问题的，可是这对搜索引擎优化（SEO）很不友好，百度收录不了你的博客，你的网站火不起来啊！...答案是否定的，由于JAMStack需要我们将网站的静态部分和动态部分区分开来，静态部分的内容会在构建的时候就生成而动态的内容会在浏览器进行渲染，这个特点就注定了它不适合于构建以下类型的应用： 掘金，知乎这种主要由第三方用户创建内容的应用

    3.5K30

    20个惊艳的React组件库，每一个都值得收藏（下）

    11、React Markdown：让Markdown内容在React中焕发生机 在现代Web开发中，Markdown因其简洁的语法和强大的可读性而广受欢迎。...使用场景 技术文档和教程网站：利用Markdown编写文档，通过React Markdown渲染展示给用户。 博客平台：博客作者使用Markdown撰写文章，实现内容的快速渲染和发布。...}; } React Markdown为React应用中的Markdown内容渲染提供了强大而灵活的解决方案。...通过利用这个库，你可以更加专注于内容的创作和组织，而不是内容的渲染和展示技术细节。...React Contexify的特点 简单易用：提供了一套简洁的API，使得创建和配置右键菜单变得非常直观。 高度可定制：支持自定义菜单样式，以及菜单项的渲染，能够满足各种设计需求。

    2.7K21

    关于用什么来写文档？Carl要安利一波~

    为什么需要markdown 大家可能想为什么要使用markdown来写文档，而不用各种可以点击鼠标点点的那种所见即所得的工具来记笔记，例如word，云笔记之类的。...如果感觉不喜欢当前使用的Markdown渲染应用，可以使用其他渲染应用来打开。...Markdown是独立的平台 你可以创建Markdown格式文本的文件在任何一个可以运行的操作系统上 Markdown已经无处不在 程序员的世界到处都是Markdown，像简书，GitChat， GitHub...很多人使用Markdown来创建网站的内容，但是Markdown更加擅长于格式化的文本内容，使用Markdown 根部不用担心格式问题，兼容问题。.../h1> Markdown 渲染 有如下几种方式渲染Markdown文档 使用github来渲染，也就是把自己的 .md 文件传到github上，就是有可视化的展现，大家会发现github

    62430

    VuePress V1 评论插件选型 & 添加 Vssue 评论

    Giscus 是一个基于 GitHub Discussions 的开源评论系统，提供了对静态站点的无后端评论支持。它支持多种语言、Markdown 渲染和社交媒体集成，并且可以自定义外观和行为。...Gitment 是一个基于 GitHub Issues 的开源评论系统，它可以在前端使用，而不需要任何服务器端实现。 Valine Stars 2.1k+。...V3 与 V4 最大的差别就是： V3 可以不登录浏览评论，但 API 有调用频率限制 V4 要求登录后才能浏览评论 创建 Github OAuth App Vssue 支持通过 Github、Gitlab...platform github - api 包 @vssue/api-github-v3 platform github-v4 - api 包 @vssue/api-github-v4 platform...自动创建 Issue 如果为每篇文章（Markdown 文件）手动创建 Issue 启动评论的话，这种做法显然低效欠妥，不是我们想要的。

    90350

    vitePress快速搭建及部署一个博客

    Vite 则非常好的解决了问题： 1.几乎实时的服务启动 2.根据需要编译页面 3.非常轻量快速的 HMR（热模块重载） 另外，本身 VuePress 一些设计问题一直没有时间去修复，正好这次做个大重构...改进的地方 1.利用了 Vue 3 的改进的模板静态分析来尽可能字符串化静态内容 2.静态内容以字符串模式而不是渲染函数代码发送，JS 负载更便宜，注水（SSR 时生成 js 交互逻辑代码）也更快 3....避免影响 VuePress 当前的主题和插件生态，核心逻辑是更少的主题 API（倾向于 JavaScript API 而不是文件布局方式）且没有插件（所有的定制都在主题内） 开始 1.初始化目录及 index.md...文件 Markdown 扩展 标题锚点 标题自动会产生锚点 锚点渲染可以通过 markdown.anchor...: { lineNumbers: true } } 高级配置 VitePress 用 markdown-it 作为 Markdown 渲染器。

    3.9K40

    【鸿蒙开源技术共建】用@luvilv-markdown-in在HarmonyOS上打造高性能Markdown编辑体验

    过去在移动端使用Markdown编辑器时，总会遇到各种问题：WebView加载慢、预览延迟、主题错乱、代码块格式错误等。这些体验问题让移动端写作变得非常不流畅。直到我发现了好兄弟luvi写的开源库。...@luvi/lv-markdown-in是一个基于ArkTS构建的原生Markdown渲染引擎，专为HarmonyOS设计。...})相比传统WebView方案需要处理HTML模板、CSS注入和JS桥接等复杂逻辑，这种简洁的API设计大大降低了开发成本。...3、功能完整性@luvi/lv-markdown-in支持完整的CommonMark + GFM语法，包括：标题、段落、列表代码块、表格链接、图片强调、删除线等同时提供了丰富的自定义API，让你可以轻松定制编辑器的外观和行为..."github-dark" : "github-light") // 自定义字体大小和行高 lvText.setTextSize(this.fontSize) .setLineHeight

    28300

    让第一个版本的系统混乱一点，或许是件好事

    一个问题，三种方法实现 ? 如开头所说，整个系统的核心是一个基于 markdown 的多功能渲染引擎。...这三种方法分别有： 创建占位符，渲染完成后，替换占位符 直接生成最后要渲染的 HTML 生成一个 ID，在渲染的过程中，根据 ID 替换元素。...所以，整个过程就相当于，是解决一个问题有三个方法，然后我都用了这三种方法。 起初，我只想创建个原型 ? 起初，我只是想创建一个简单的系统，它只是一个简单的原型。...第二个系统，设计良好，包含了各种实践，生存周期变长，但是慢慢变得臃肿 而我们的第二个系统很快将变成一个臃肿而缓慢的系统。 『第三个系统』由那些为 『第二个系统』 所累的人们创建。...这些不都是因为我们没有经验吗？哈哈

    39310

    使用Flask搭建个人博客

    而第3部分我暂时打算用第三方的评论系统来管理（毕竟造个轮子也没有别人强大）。至于文章编写，我当然是选用Markdown。...按模块划分，分成操作数据库的models部分，渲染视图的views部分，处理模板的部分等等。...因为扩展质量良莠不齐，加上有些扩展很久不维护了，以往有很多其他文章中推荐的扩展，其实都不需要了（基于Flask 1.0+版本），本着最小使用的原则，下面是我博客中用到的扩展： Flask-Login处理用户登录...Markdown渲染 在Python的世界中已经有很多Markdown的解析器，但它们要么有时输出不符合预期（mistune），要么自己写起扩展功能来非常痛苦（python-markdown, python-markdown2...[](//static.frostming.com/images/image4.jpg) 渲染效果： ? 博客源码 更多实现细节可以参阅我已公开到Github上的源码。

    2.1K10

    AI 助手好写，太好写了，分分钟写出来，不用一周，三分钟！

    和后端无缝衔接的工具 但是 Ant Design X 最大的问题就是组件过于零散，想马上实现一个完整的聊天助手比较困难，所以我进行了一次封装，方便大家更快完成开发！...我的封装仅涉及到 UI 布局组装，不涉及具体细节样式，高度可自定义！ antdx 给你的是零散的部件，而 antdx-pro 给你的是成型的骨骼！ 细节的雕刻，需要自己完成！...仓库：https://github.com/mmdctjj/antdx-pro 文档：https://mmdctjj.github.io/antdx-pro 明确需求 首先，我们需要明确一个AI助手应该有哪些内容...开始封装 UI 现在，我们开始封装 UI ，如果你刚上手一定要记得先阅读下文档，这里我尽量保持原有的 API 结构，再次基础上，我们定义组件的 props interface IAssistantProps...首页 搭配 markdown-it 可以做到 markdown 渲染! markdown-it 渲染 通过传入 Attachments 实现文件上传功能，聊天内容可以预览图片，当前文件不支预览！

    24810

    基于Github issues + umi 搭建一个免费的带评论功能的博客(二)

    github issues 是支持 markdown 格式的，因此我们博客文章的展示必须是要支持 markdown 格式，这里我选择了 react-markdown。...样式还是有些差距的，这里我还引入了 github-markdown-css 这个库来解决样式渲染的问题。...首先需要在zeito.co上注册一个账号，然后关联上你的Github账号，然后进入dashboard页面，这里就可以创建自己的应用，并且选择From Github中已存在的工程进行创建。...创建自己的Serverless Functions 创建一个 Serverless Functions 在根目录的 api 目录下创建一个 date.js 文件，比如： // date.js module.exports...部署你的博客 前端代码写完了就要考虑部署的问题了，这里我选择的是部署到 Github Pages 上，选择 Github pages 的理由很简单： 代码自动集成: Github pages 集成在 Github

    88610

    博客的公式渲染问题

    Hexo生成的初始博客是支持标签外挂和插入图片的，但是原生的markdown渲染器hexo-renderer-markdowed对于复杂的公式支持并不友好，因此不得不卸载掉原生的markdown渲染方法...hexo-renderer-markdown-it,据说支持mathjax，但就我安装的体验来看貌似并不支持，另外已经不维护，因此不作为主流备选项。...目前博客得配置中安装的markdown渲染依赖是hexo-renderer-markdown-it-plus,这是一个相对理想的markdown渲染方式，其他的渲染器好像会和butterfly的标签外挂存在冲突...还有就是图片显示的问题最后也没能很好的解决，之前一直使用的npm install https://github.com/7ym0n/hexo-asset-image —save也是有一些奇怪的问题，最后逼不得已决定直接在...source文件夹中创建一个图片的存储路径md_imgs,这个问题的解决以后再议，目前已经解决了大部分问题。

    1.5K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券