vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。这篇文章给大家介绍了VuePress搭建个人博客的过程,感兴趣的朋友一起看看吧。VuePressvuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。一个基于
如何学习写技术博客
转载
精选
2014-03-13 14:33:04
329阅读
已经写过十几篇的博客,不过最近写博客的时候不知道如何下手,不知道写哪些方面的,所以搜索看了一些网上的答案,并总结有点启发 前言: 先说一下我为什么写博客: 1. 因为其实自己的写作能力还是比较差的,而现如今,做技术的不仅仅只是能写代码就够了,还要会写技术文档,所以写作的能力是必不可少的 2. 写博客其实就是一个总结的过程,总结的自己最近的...
原创
2024-04-24 10:11:50
28阅读
一、什么是python? python是一种面向对象,解释型语言,它语法简介,容易学习。本节博客就来说说本人学习python的心得体会。二、python环境安装 目前python版本有python2.xx和p
转载
2023-06-21 16:24:08
114阅读
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阅读
前言有时候我们需要对一个组件绑定自定义 v-model,以更方便地实现双向数据,例如自定义表单输入控件。甚至有时候,我们想要实现绑定多个 “v-model”,也就是多个“双向绑定”,例如带表单输入的模块框,想同时控制模态框的显示状态与表单的输入状态。好在 vue 3 已经实现了多 v-model,那么在 vue 2 上我们可以如下实现。单个“双向绑定”的实现使用 model 实现其实 v-mode
这里使用了主题reco,并且使用音乐播放插件,看板娘插件,全文检索插件,评论插件,复制代码插件等等。基础配置创建目录并初始化,初始化后会生成一个package.json文件mkdir vuepressBlog
cd /vuepressBlog
npm init -y下载vuepressnpm install -g vuepress创建docs目录,并在该目录下创建.vuep
转载
2024-04-03 13:16:42
97阅读
一,本地搭建快速开始同 VuePress 官网:1,创建新文件夹并进入mkdir vuepress-test
cd vuepress-test2,初始化项目yarn init 或者npm init3, 安装VuePressyarn add -D vuepress 或者 npm install -D vuepress4,Vuepress默认以docs作为根目录,所以README.md是主页新建doc
转载
2024-03-26 10:49:27
402阅读
前段时间,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
转载
2024-03-19 20:08:48
86阅读
在当前的互联网时代,视频内容的分享越来越普遍。在博客平台上上传视频是一个常见的需求。这篇文章将详细介绍如何在Java中实现一个简单的博客平台上传视频的功能,内容将包括系统设计、代码示例、流程图和类图,以提供完整的实现思路。
## 一、系统设计
在设计一个视频上传功能之前,首先需要明确系统的构成部分,包括前端和后端。在本例中,我们将使用Spring Boot作为后端框架,并使用HTML和Java
原创
2024-09-23 03:23:46
26阅读
文/清清 首发于一周进步在开始学习今天的制作技巧前,我们先来观察一下下面这组图片,无论是条纹还是斑点,迷彩还是波点,都可以看成是在一个基础底色的上方,铺上形状各异的色块做成。 01. 制作步骤下面,我们用奶牛花纹作为案例,学习一下在Ai中如何制作这种有花纹的字。步骤一:使用笔画较粗的字体插入文本框,输入文字,选择笔画较粗的字体,例如:思源黑体Heavy,字体填充为白色。
转载
2024-05-10 12:02:32
91阅读
最近突然想重新做一下个人博客的网页,自己以前曾经使用过hexo编写过,现在准备使用vuepress了。vuepress的配置使用跟着官网的快速上手走基本就可以了,一些重要内容的配置主要是编写在config.js文件中的。vuepress官网不过因为我不太喜欢vuepress提供的默认模板样式,所以我去找了vuepress-theme-reco主题。这是一款简洁而优雅的 vuepress 博客 &a
转载
2024-05-14 16:43:32
230阅读
介绍此主题继承至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阅读
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码 一、??网站题目?校园篮球网页设计、⚽足球体育运动、?体育游泳运动、?兵乓球 、?网球、等网站的设计与制作。二、✍️网站描述?️ 大学生校园运动静态HTML网页设计作品,采用DIV CSS布局制作,内容包括:校园运动、运动技巧、运动规则、技术规则、经典动作。页面主体内容区域
超详细动手搭建一个Vuepress站点及开启PWA与自动部署五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项!Vuepress介绍官网:https://vuepress.vuejs.org/类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点响应式,也可以自定义主题与hexo类似内置markdo
1>环境搭建
首先请确保已经拥有node环境,并装好淘宝镜像
cnpm install --global vue-cli —— 下载vue脚手架
vue init webpack 项目名称 ——利用脚手架创建项目 全部选N
cd到项目
cnpm install 安装项目依赖
npm run dev 运行值得一提的是,为了避免端口冲突,我们可以手动修改端口号:
修改端口号——build文件夹
前言看见大部分前端人都有自己博客,骤然发现自己还没有自己的博客,这可不行!别人有的 我也要有! ps:我有自己的域名和服务器。本文详细说了自己如何快速使用VuePress快速搭建个人博客,看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。技术选用VuePress
,进入VuePress官网,快速上手。上手VuePress1.创建并进入一个新目录2.使用你喜欢的包管理器进行初始化3
转载
2024-05-20 22:26:33
339阅读
如何写一篇好的技术博客原文出处:rock3 的博客在工作过程中,发现对很多东西都一知半解,不是很透澈,到头来很容易模糊,如果有一篇好的技术博客予以总结,一来即使忘记了,回国头来再看,仍然能够从自己的思路中恢复;二来总结一下,还会发现一些潜在问题;三来,有利于大家交流技术。很多大公司都有自己的内部技术博客平台,写好自己的技术博客,对一个技术人员来说,也有一定的成就感。在网上查阅资料,经常可以看到一些
转载
精选
2013-12-11 15:52:13
262阅读
在工作过程中,发现对很多东西都一知半解,不是很透澈,到头来很容易模糊,如果有一篇好的技术博客予以总结,一来即使忘记了,回国头来再看,仍然能够从自己的思路中恢复;二来总结一下,还会发现一些潜在问题;三来,有利于大家交流技术。很多大公司都有自己的内部技术博客平台,写好自己的技术博客,对一个技术人员来说,也有一定的成就感。
转载
2023-05-04 18:51:26
78阅读