• 2024-08-11Mermaid 赋能 VuePress:轻松绘制流程图、时序图,让博客内容更生动
    聊聊如何让博客框架VuePress显示图表‍什么是mermaid如果你还不了解,可以先看看我的Markdown教程——使用Markdown画图。‍‍‍‍安装依赖相关插件有很多,我这里选择的是vuepress-plugin-mermaidjs:‍npmivuepress-plugin-mermaidjs‍‍‍配置在config.t
  • 2024-08-10解锁数学之美:VuePress博客如何优雅地呈现复杂公式
    聊聊如何让VuePress显示数学公式块。‍什么是数学公式块如果你还不了解,可以先看看我的Markdown教程——Markdown与数学公式。‍‍安装依赖相关插件有很多,我这里选择的是markdown-it-mathjax3​:npmimarkdown-it-mathjax3‍‍配置在config.ts里配置(看plugin
  • 2024-07-20VuePress安装
    linux下预构建二进制文件安装NodejsNodejs预购建二级制文件下载地址安装Nodejs和npm#解压tarxvfnode-v20.15.1-linux-x64.tar.xz#移动解压出的文件夹到/usr/local下,并且重命名为nodejsmv./node-v20.15.1-linux-x64/usr/local/nodejs#添加软连接,之后就能直接
  • 2024-07-13给你的博客添加数据统计功能
    20.数据统计我们可以给博客添加统计功能,这里以百度统计和谷歌统计为例。‍百度统计‍添加网站登陆百度统计后台:百度统计——一站式智能数据分析与应用平台,并登录,然后进入产品:​​‍在使用设置--网站列表中,点击新增网站:​‍添加网站域名、网站首页等信息:​‍引用代
  • 2024-07-08给你的博客加上搜索功能!
    15.搜索功能搜索功能是非常重要的,但VuePress内置的搜索功能,只是基于headers的搜索——它会自动为所有页面的标题、h2​和h3​构建起一个简单的搜索索引,也就是我们能搜索的东西只有标题,如果标题里没有你输入的关键字,就搜不到。也就是说,不能搜索Markdown文件里的内容,非
  • 2024-07-05博客的部署方法论
    10.部署博客写完后,当然是要发布到网络上的。如果想要部署到服务器上,则需编译构建成静态文件,然后将其上传到服务器上的路径(该路径由我们自己决定),然后在web服务器(Nginx等)上配置访问路径即可这里说的是有自己服务器的情况,如果嫌麻烦和没预算可以使用GitHubPages服务‍‍
  • 2024-07-03VuePress 的更多配置
    08.更多配置现在,读者应该对VuePress、主题和插件等有了基本的认识,除了插件,VuePress自身也有很多有用的配置,这里简单说明下。‍‍VuePress的介绍在介绍了VuePress的基本使用、主题和插件的概念之后,我们再来看看官网对于VuePress的介绍,就很好理解了:VuePress由两部分
  • 2024-07-02关于 VuePress 的插件
    07.插件插件就好比第三方功能,例如增加一个阅读进度条、增加光标效果等。VuePress官网对插件的介绍:插件通常会为VuePress添加全局功能。这里简单介绍几个本站用的插件吧!‍‍插件就好比第三方功能,例如增加一个阅读进度条、增加光标效果等,VuePress官网对插件的介绍:插件通常
  • 2024-07-01关于 VuePress 的主题
    什么是主题?读者对主题这个单词应该不陌生,例如大部分APP都支持白天主题和夜晚主题等,使用者可以很轻松的切换主题等等。VuePress中也有类似的概念。‍VuePress的主题在VuePress中,主题不仅仅是外观上的不同,不同的主题往往提供了不同的功能,能大大的完善我们的博客的功能,增强
  • 2024-06-20VuePress使用
    记一篇:安装Vuepress过程也遇到的问题,于是想写篇文章总结一下~~一、介绍VuePress是一个以Markdown为中心的静态网站生成器。你可以使用 Markdown在新窗口打开 来书写内容(如文档、博客等),然后VuePress会帮助你生成一个静态网站来展示它们。官网链接:https://vuepress.vuejs
  • 2024-06-1510分钟部署一个个人博客
    关于vuepress这里没必要过多介绍,感兴趣的可以直接去官网了解,下面是官网首页地址截图:https://v2.vuepress.vuejs.org/zh/透过这张图,我们也可以大致的对这个框架的特点有一定的认识,这就够了。其他的东西我们在使用过程中用到了会介绍。本文就是基于他来进行的博客搭建以及
  • 2024-05-16VuePress-快速启动指南-全-
    VuePress快速启动指南(全)原文:zh.annas-archive.org/md5/986b9a64ec5b7230ac6d991c3d740203译者:飞龙协议:CCBY-NC-SA4.0前言VuePress自称为“Vue动力的静态站点生成器”。换句话说,VuePress是一个简单的工具,可以让您在几分钟内创建静态站点和单页应用(SPA)。在VuePress
  • 2024-05-06小伙伴说VuePress太简洁了,还有没有其他博客推荐?
    写在前面自从上一篇文章发出来之后,不少小伙伴开始用VuePress搭建自己的个人网站。如果小伙伴也想用VuePress零代码零成本搭建个人网站,可以看过来传送门
  • 2024-04-22怎么样零代码零成本搭建个人网站?
    先申明为了避免有标题党的嫌疑,这里先做申明。标题中说的零代码指的是借助VuePress通过简单配置,帮助我们生成静态网站。零成本指的是借助GitHubPages或者GiteePages部署VuePress生成的静态网站。让互联网上的小伙伴访问到我们的个人网站。这些都不需要我们写一行代码,不需
  • 2024-04-18VuePress搭建文档网站
    VuePress官方文档:https://v2.vuepress.vuejs.org/zh/guide/getting-started.html以下是官方文档复制过来的步骤,加上了我的一些经验注释。1、依赖环境Node.jsv18.16.0+(我试了v14是运行不了的,必须这个版本及以上,建议安装nvm,方便切换node版本)包管理器,如pnpm、yarn、npm等(我安
  • 2024-02-29VuePress
    VuePress一、部署创建项目文件夹在任意目录下创建文件夹mydocs注:路径中不要包含中文安装VuePressnpminstallvuepress注:如需全局安装,请执行npminstall-gvuepress初始化项目在项目文件夹下打开命令行,执行npminit-y创建必要的目录mydocs├───docs
  • 2024-01-12用我这套模板,几分钟做出文档网站!
    大家好,我是保姆皮,最近我上线了自己的《编程宝典》网站,可以在线阅读我分享过的各种编程学习路线和知识干货。指路:https://codefather.cn/不少小伙伴催我出教程,说也想做个类似的文档网站。所以我用最快的速度出了“保姆级文档网站制作教程”,并且开源了一套网站模板。大家只需要几分
  • 2023-10-31如何采用VuePress构建文档网站
    作者:倾城博客:https://www.codingbrick.com寄语:当你意识到面子不重要时,你才算个真正的成年人。在建设博客的初期,我采用GitBook构建了编码专家的专栏系统。GitBook是基于Node.js的静态页构建组件,可以将Markdown文档渲染为静态页,支持插件扩展,使用非常简单。由于它不支持深度的
  • 2023-10-15一个vuepress配置问题,引发的js递归算法思考
    前言这两天在尝试用语雀+vuepress+github搭建个人博客。小破站地址:王天的web进阶之路语雀作为编辑器,发布文档推送github,再自动打包部署,大概流程如下。问题我使用的elog插件批量导出语雀文档。elog采用的配置是所有文章平铺导出,没有按照语雀知识库目录生成markdown,这导
  • 2023-09-21VuePress
    VuePress是一个由Vue驱动的静态网站生成器,由Vue.js的创始人尤雨溪设计和维护。VuePress结合了Vue的强大功能和webpack的预渲染能力,提供了一个快速、灵活和用户友好的解决方案来编写和发布静态网页。关于VuePress的名称,这是Vue和Press(出版,出版物)两个词的融合,传达了
  • 2023-09-01【从0到1】用Github Pages和VuePress搭建博客
    写在前面优点:免费简单,上手快相比博客园和CSDN自定义程度高缺点:静态页面,缺少一些交互功能我选择了它是因为只是想用博客做记录,不想花时间自己写前端~GithubPages在GitHub里新建一个Repository,命名为[your_github_name].github.io,博客的网址就是这个啦~eg.这是我的
  • 2023-08-21使用VuePress打造的LearnData知识库帮助我更好地学习和传播 - 从笔记到分享
    在当今快节奏的社会中,技术变化日新月异。作为一名技术博客站长,我深切感受到了学习和传播知识的重要性。为了更好地满足读者的需求,我决定采用VuePress搭建一个功能强大且易于维护的知识库平台,名为LearnData。本文将介绍我如何利用VuePress构建LearnData,并展示一些相关的代码示例。
  • 2023-08-20vuepress 安装报错问题
    关于vuepress部署出现样式的问题及解决6月前作者:我yi癫狂分类: 博客文章阅读(35)原文违法举报 目录vuepress部署出现样式问题vuepress个人博客部署遇到的一些问题1、js和css出现404问题2、每次都要重复操作打包、运行、上传github很麻烦怎么办?3、github.io无法打开怎
  • 2023-08-04开源一个博客小程序
    本站博客小程序介绍之前就一直想做一个博客小程序方便在手机上查阅,遇到了一些问题迟迟没有推进。前一段时间才把丑陋的初版做出来ಥ_ಥ。开源地址功能规划使用技术适用范围参考资料#功能规划本来是想做一个web端的复刻版,但是由于某些限制,就先弄了一个简版#使用技术mpvue框架
  • 2023-07-28VuePress@next 使用数学公式插件
    VuePress@next使用数学公式插件搞了一个VuePress1.0的现在升级了一下,但是使用数学公式的插件老报错啊!经过不懈努力,终于搞定了。现在记录一下。VuePress介绍VuePress是一个以Markdown为中心的静态网站生成器。你可以使用Markdown来书写内容(如文档、博客等),然后VuePress