vuepress 实用插件这些插件都是官方提供的,有些在我们实用默认主题的时候已经安装了,不需要再单独安装,有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载
2024-03-16 10:11:54
277阅读
续?VuePress、VuePress-theme-hope 搭建个人博客 1【快速上手】项目常用命令
vuepress dev [dir] 会启动一个开发服务器,以便让你在本地开发你的 VuePress 站点。
vuepress build [dir] 会将你的 VuePress 站点构建成静态文件,以便你进行后续部署。使用模板如果使用 VuePress Theme Hope
转载
2024-07-31 13:00:50
45阅读
1)VuePress是什么?先让我们看看 VuePress能干什么?有什么效果?image.png
很像vue官网的文档页面,因为vuePress就是尤大大的一个力作
vuePress官网介绍介绍的很详细,这里只做搭建VuePress项目教程
2)安装
注意 VuePress基于node 8.0+
npm install -g vuepress
创建工作文件夹 study
进入文件夹
快速初始化p
转载
2024-08-30 22:37:25
45阅读
HTMLHTML5有哪些新特性?Doctype作⽤? 严格模式与混杂模式如何区分?它们有何意义?如何实现浏览器内多个标签页之间的通信?⾏内元素有哪些?块级元素有哪些? 空(void)元素有那些?⾏内元 素和块级元素有什么区别?简述⼀下src与href的区别?cookies,sessionStorage,localStorage 的区别?HTML5 的离线储存的使用和原理?怎样处理 移动端 1px
一、安装node.js 环境,必须8以上的!如果没有安装node,可在node官网选择对应操作系统下载安装:https://nodejs.org/zh-cn/可在终端使用node -v命令来查看node版本。如果node版本低,请把node版本升级到8.0以上。二、打开cmd 执行npm install -g vuepress查看版本vuepress --version...
原创
2020-02-28 11:23:46
851阅读
使用VuePress快速搭建博客最近我在3A平台购买了服务器,准备搭建一个博客。VuePress介绍VuePressVuePress官网https://www.vuepress.cnVuePress指南https://www.vuepress.cn/guide…VuePress安装安装前请安装 Node.jsNode.js下载地址http://www.nodejs.com.cn你可以在一个硬盘创建
转载
2024-06-18 14:05:11
80阅读
百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的,搭建的时候不知道2.0还处在beta状态,所以导致后来踩了一些坑,使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48,有很多的变化,所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。这里先给搜索进来的同学提个醒:
转载
2024-04-17 19:21:02
111阅读
VuePress简介VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,
转载
2024-03-06 14:32:08
94阅读
目录一、目录结构二、导航栏配置三、侧边栏配置四、效果图图 1图 2图 3 图 4一、目录结构这是我创建的 vuepress 站点,可参考:二、导航栏配置导航栏列表在页面右上角,配置属性 themeConfig.nav这是一个数组型,可以配置多个。text 是名称。link 是地址: 1. 以
转载
2024-06-19 08:54:30
203阅读
推荐一款优雅高效的VuePress主题:VuePress Theme Aurora aurora-blog项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-aurora 是一个基于 VuePress 构建的精美且功能强大的主题,旨在提供更优质的阅读和开发体验。项目简介VuePress Theme Aurora 主题的设计理念是“极简、优雅、
转载
2024-10-24 17:00:15
33阅读
github仓库地址:https://github.com/18518300669/JackTeslaBlogVuePress中文网:http://caibaojian.com/vuepress/guide/介绍VuePress 由两部分组成:一个以Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePres
这篇文章面向使用 Vuepress 来开发 Vue 组件文档库的用户服务,去年差不多这个时候我为公司开发了一个基于 AntDesignVue 封装的高阶组件库,经过一年的版本迭代与文档更新,收获了很多坑点,其中有一个就是关于组件示例维护相关的,今年有意重构组件库的文档与代码结构,后面会陆陆续续将踩到的坑点与相应的解决方案一一描述,好的进入今天的主题:文档示例编写的最佳实践方案。
转载
2024-06-13 20:08:54
317阅读
什么是vuepress?这个一定要弄明白,我就是直接看的官方文档,着急写项目了,结果遇到了很多坑,非常不建议这么做,费时费力。官方说法:vuepress是为了支持vue及其子项目的文档需求,每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),
转载
2024-03-25 22:14:43
80阅读
一、为什么你需要一个博客?优秀的程序员都在写博客,写博客有很多好处:帮助自己梳理、总结、理解知识点(个人提升)帮助别人理解知识点(好人一生平安)简历更好看,更多面试机会(升职加薪)二、什么是 VuePress,为什么要使用 VuePress ?VuePress 是尤雨溪(vue.js 框架作者)4月12日发布的一个全新的基于 vue 的静态网站生成器,实际上就是一个 vue 的 spa
转载
2024-05-21 16:25:33
42阅读
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇接着讲讲 SEO 优化会用到的站长平台和工具等。1. 百度统计地址:https://tongji.baidu.com/web/welcome/login网站流量分析工具,能够告诉用户访客是如何找到并浏览用户的网站,在网站
继上一篇文章 我的网站正式上线了 ,next先看效果http://javapub.net.cn/文章目录前言安装&启动项目结构全局基础信息配置导航栏侧边栏文章目录图标
前言经过众多个主题的选择,终于选择了优雅的hope,以下是一些使用心得。https://github.com/Rodert/
安装&启动
原创
2022-04-27 23:18:02
6547阅读
上线了奔走相告 http://javapub.net.cn/
原创
2022-04-24 00:11:02
10000+阅读
点赞
单页应用SPA的目标是不刷新浏览器,通过地址栏中的变化来决定内容区域显示什么内容。要达成这个目标,可以通过前端路由的2种工作模式实现:hash模式和history模式。一、路由的两种工作模式1、hash模式① 特点 对于一个URL来说,hash 就是指 url 路径后的 # 号以及后面的字符。② 注意点hash值变化不会引起浏览器向服务器发出请求,尽管浏览器没有请求服务器,但是页面状态和url是关
转载
2024-10-18 21:08:57
181阅读
在之前的六篇教程中我们已经基本实现了迷你全栈电商应用,相信大家对于一个全栈应用的开发已经有了一个全面的认知。但是一个追求完美的工程师是不会吝啬他的艺术创造,仅仅实现应用的功能还不能满足用户的高需求,应用的界面效果也是提高用户体验的关键因素。因此本篇教程将基于 element-ui 组件库重构项目的前端代码,改善迷你电商应用的界面效果,提高用户的体验感。虽然我们可以轻松地引入现成的组件库,但是与之对
前言:Vue.js(读音 /vjuː/, 类似于 view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的