vuepress 实用插件这些插件都是官方提供的,有些在我们实用默认主题的时候已经安装了,不需要再单独安装,有些插件需要我们单独安装。具体请看下面的介绍默认主题自带的插件@vuepress/plugin-active-header-links@vuepress/plugin-nprogress@vuepress/plugin-searchvuepress-plugin-containervuepr
转载 2024-03-16 10:11:54
277阅读
续?VuePressVuePress-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阅读
       百家饭团队开发的百家饭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快速搭建博客最近我在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阅读
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,为什么要使用 VuePressVuePress 是尤雨溪(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+阅读
1点赞
单页应用SPA的目标是不刷新浏览器,通过地址栏中的变化来决定内容区域显示什么内容。要达成这个目标,可以通过前端路由的2种工作模式实现:hash模式和history模式。一、路由的两种工作模式1、hash模式① 特点 对于一个URL来说,hash 就是指 url 路径后的 # 号以及后面的字符。② 注意点hash值变化不会引起浏览器向服务器发出请求,尽管浏览器没有请求服务器,但是页面状态和url是关
前言作为一个想成为前端工程师的大龄熊孩子,自学前端的日子已经挺久了。然后自学的时候特想拥有一个自己的个人网站、个人博客之类的。有一天我在用vue + elementUi + koa2 + mongoDB搭建我期待已久的个人博客的时候。突然我想了一件事情,我究竟为什么要为了写个博客去用这么多技术栈呢?于是乎懒癌发作,于是我找到了这个东西,就是VuePress。1. VuePressVuePress是
在之前的六篇教程中我们已经基本实现了迷你全栈电商应用,相信大家对于一个全栈应用的开发已经有了一个全面的认知。但是一个追求完美的工程师是不会吝啬他的艺术创造,仅仅实现应用的功能还不能满足用户的高需求,应用的界面效果也是提高用户体验的关键因素。因此本篇教程将基于 element-ui 组件库重构项目的前端代码,改善迷你电商应用的界面效果,提高用户的体验感。虽然我们可以轻松地引入现成的组件库,但是与之对
  • 1
  • 2
  • 3
  • 4
  • 5