介绍此主题继承至vuepress的默认主题,添加功能有标签页改造,主页改造,博客分类及展示,gitalk集成及gitalk自动化配置,最新google Analytics集成等。使用npm install vuepress-theme-reform -D # or yarn add vuepress-theme-reform 复制代码然后在docs/.vuepress/config.js文件中添加
转载 2024-08-23 20:36:21
91阅读
VuePress 如何自定义主题和页面布局要自定义VuePress主题,需要做以下几步:创建主题文件夹:在VuePress项目的根目录下创建一个themes文件夹,并在其中新建一个以主题名命名的文件夹,例如my-theme。创建主题配置文件:在my-theme文件夹中创建一个config.js文件,用于配置主题的一些选项,例如导航栏、侧边栏、颜色等。创建主题模板文件:在my-theme文件夹中创
转载 2024-02-23 16:44:21
289阅读
vuepress 基本配置::: tip 本页所列的选项仅对默认主题生效。如果你在使用一个自定义主题,选项可能会有不同。 :::首页配置首页配置文件是doc目录下的README.md文件,以下是一个如何使用的例子:--- home: true heroImage: /hero.png heroText: Hero 标题 tagline: Hero 副标题 actionText: 快速上手 → ac
转载 2024-03-26 23:42:38
97阅读
您是否正在为您的网站寻找最佳响应式WordPress主题?大多数现代WordPress主题都是开箱即用的。然而,WordPress主题数量太多以至于很难选择一个。在本文中,我们精心挑选了一些最好的响应式WordPress主题供您选择。目录 什么是响应式WordPress主题,它为什么重要?开始使用您的响应式WordPress网站1. Divi迪维2.Astra阿斯特拉3. Hestia赫
step1 (初始化项目)    目前vuePress官方已经发布两个版本0.x and 1.x,在使用过程中发现1.x存在一些问题。例如:项目不能热更新config.js文件中的更改,navbar显示异常等问题,因此小弟建议使用0.x。这部分可以按照官网的 快速上手 来初始化项目,我使用的是npm方式1. npm install -g vuepress (
转载 2024-04-03 13:10:17
75阅读
  这里使用了主题reco,并且使用音乐播放插件,看板娘插件,全文检索插件,评论插件,复制代码插件等等。基础配置创建目录并初始化,初始化后会生成一个package.json文件mkdir vuepressBlog cd /vuepressBlog npm init -y下载vuepressnpm install -g vuepress创建docs目录,并在该目录下创建.vuep
转载 2024-04-03 13:16:42
97阅读
推荐一款高效VuePress主题:OneN vuepress-theme-oneN? A vuepress theme for oneN 项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-oneN ,这款主题将为你的 VuePress 网站带来更具现代感和专业感的外观。项目简介OneN 主题VuePress 社区的一个优秀贡献,它的目标
VitePress:Vite & Vue 驱动的静态网站生成器 https://github.com/vuejs/vitepressVuePress的小兄弟,建立在vite的基础上npm install -D vitepressecho '# Hello VitePress' > index.md# starts dev servernpx vitepress# build >
前段时间,docsify 的cdn崩了,我翻了一下很久之前的笔记,打开贼慢不说,样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个,虽然都是几年前的笔记文档,但毕竟这些笔记见证了我的成长,不能丢。最终选定了vuePress2,下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
Vuepress 使用 github actins 实现自动部署说明在使用 Vuepress 写完文档后,就是部署了。那么如果每次都手动打包的话,比较麻烦,所以就使用 github 提供的自动部署服务, actions 来实现自动部署。配置首先是在使用 github actions 时,需要配置下 vuepress 项目的配置文件,看你需要部署在xxx.github.io/xxx/ 上,还是 xx
首先附上vuepress官网: 介绍 | VuePress 正如官网上介绍的一样,vuepress由两部分组成: 极简静态网站生成器,默认主题(为写技术文档儿优化的)。这里我们先了解下如何搭建一个静态网站。目标:搭建一个类似如下的文档:没错,我除了看文档,还借鉴了这位大神的技术博客。附上链接: 搭建步骤:1. 创建并进入一个新目录,然后初始化。  2. 将
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。这篇文章给大家介绍了VuePress搭建个人博客的过程,感兴趣的朋友一起看看吧。VuePressvuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。一个基于
最近突然想重新做一下个人博客的网页,自己以前曾经使用过hexo编写过,现在准备使用vuepress了。vuepress的配置使用跟着官网的快速上手走基本就可以了,一些重要内容的配置主要是编写在config.js文件中的。vuepress官网不过因为我不太喜欢vuepress提供的默认模板样式,所以我去找了vuepress-theme-reco主题。这是一款简洁而优雅的 vuepress 博客 &a
转载 2024-05-14 16:43:32
230阅读
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码 一、??网站题目?校园篮球网页设计、⚽足球体育运动、?体育游泳运动、?兵乓球 、?网球、等网站的设计与制作。二、✍️网站描述?️ 大学生校园运动静态HTML网页设计作品,采用DIV CSS布局制作,内容包括:校园运动、运动技巧、运动规则、技术规则、经典动作。页面主体内容区域
1>环境搭建 首先请确保已经拥有node环境,并装好淘宝镜像 cnpm install --global vue-cli —— 下载vue脚手架 vue init webpack 项目名称 ——利用脚手架创建项目 全部选N cd到项目 cnpm install 安装项目依赖 npm run dev 运行值得一提的是,为了避免端口冲突,我们可以手动修改端口号: 修改端口号——build文件夹
超详细动手搭建一个Vuepress站点及开启PWA与自动部署五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项!Vuepress介绍官网:https://vuepress.vuejs.org/类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点响应式,也可以自定义主题与hexo类似内置markdo
最近熬了很多个夜晚, 踩坑无数, 终于写出了用VuePress驱动的主题.只需体验三分钟,你就会跟我一样,爱上这款主题.vuepress-theme-indigo-material, 已经发布到npm, 请客官享用~~介绍vuepress-theme-indigo-material 的原主题是hexo-theme-indigo, github 的 star 数高达2042, fork 的有451个
转载 2024-05-08 11:22:16
136阅读
介绍:基于emlog的fee就是仿的此主题而来。 wordpress主题vieu基于Dux主题二次开发! 的一款专业打造轻量级个人企业风格博客主题! 专注于前端开发,全站响应式布局自适应模板。 适用范围:wordpress主题 后台登录保护:本模板支持后台自定义密码登录访问禁用xmlrpc等为您保驾护航 三种风格:页面拥有三种显示风格购买一套拥有三套模板风格分别为博客、cms、卡片 特色登录:本站
前言看见大部分前端人都有自己博客,骤然发现自己还没有自己的博客,这可不行!别人有的 我也要有! ps:我有自己的域名和服务器。本文详细说了自己如何快速使用VuePress快速搭建个人博客,看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。技术选用VuePress ,进入VuePress官网,快速上手。上手VuePress1.创建并进入一个新目录2.使用你喜欢的包管理器进行初始化3
转载 2024-05-20 22:26:33
339阅读
小景哥哥博客VuePress搭建博客教程(三)、vuepress首页面设置一、vuepress目录结构先来连接一下vuepress的目录结构,当然可以先不管继续看下面内容。VuePress 遵循 “约定优于配置” 的原则,推荐的目录结构如下:. ├── docs │ ├── .vuepress (可选的) │ │ ├── components (可选的) │ │ ├── the
转载 2024-02-16 10:22:48
63阅读
  • 1
  • 2
  • 3
  • 4
  • 5