- 时间:2022-09-14 00:15 编辑: 来源: 阅读:283
- 扫一扫,手机访问
摘要:VuePress建立技术网站和个人博客
{网站代码}
e出版社建立技术网站和个人博客。1.使用npm安装来安装全局VuePress。使用NPM install-g VuePress这个命令来安装,但是安装速度很慢。建议使用淘宝镜像cnpm install -g vuepress安装npm淘宝镜像。使用npm config命令配置npm Install Cnpm-g-Registry = http://Reistry.npm.taobao.org查看已安装版本的配置cnpm -vnpm淘宝仓库查看NPM的仓库npm config get registry配置NPM淘宝仓库` NPM Config Set Registry https://Registry . NPM . Taobao . org `查看NPM当前配置NPM配置列表二使用mkdir和cd指令创建并进入项目。Cd vuepress-demomkdir命令mkdir是make directory的缩写,意为目录-目录命令格式mkdir目录命令功能可以通过mkdir命令在指定位置创建一个以DirName(指定文件名)命名的文件夹或目录来实现。 想要创建文件夹或目录的客户必须对所创建文件夹的父文件夹具有写权限。 此外,创建的文件夹(目录)不能与其父目录(即父文件夹)中的文件名同名,即同一目录中不能有任何同名(区分大小写)的文件。 命令cd是Change Directory的缩写,是用来改变工作目录的命令。 命令CD[相对路径或绝对路径或特殊符号]说明:不加参数时,默认切换到客户的主目录,即环境变量HOME指定的目录。如果根客户的home变量是/root,那么在没有添加参数的情况下,cd命令将切换到/root目录。 路径肯定是以目录开头的,比如/root或者/home/sgl,相对路径是相对于当前路径的。如果当前目录在/home/guo下,那么上一个/home/sgl的相对路径是../sgl,即当前目录的父目录下的sgl目录。 特殊符号包括~,-,...诸如此类。 ~表示客户的主目录,即HOME变量指定的目录,例如根客户的主目录是/root。 -表示上一个工作目录。 ..指示父目录。 。指示当前目录。 三。初始化项目npm init -y生成package.json文件,添加以下两个启动命令:" scripts ":{ " dev ":" vue press dev docs "," build": "vue press build docs"}四.创建基本的项目结构。基本的项目结构有一个文件后缀,没有后缀的文件夹是vue press-demo ├-package.json ├-docs | ├-readme.md | ├-.vue press | | ├-config.js | | | ├-public | | |└|头像。spider.png└使用git bash创建image v . configure config . js module . exports = { title:'小诺的博客',head:[ // HTML注入当前页面< head & gt在标签['link ',{rel:' icon ',href:'/1.png'}],],themeconfig: {logo:' 1.png ',//右上角的logo nav:[{ text:' home page ',link:'/'},{ text:' tech documentation ',link:'/tech/'},{ text:' the first page of brief books ',link:' https://www . jinshu . com/u/5b 016 CD d19 b 4 ' }],Sidebar:' auto ',//侧边框配置SidebarRPTH启动项目npm运行文档:开发npm运行。以下是package.json文件中的start命令。服务启动后默认的URL是http://localhost:8080/ 7,在配置首页,在docs目录下的README.md中写下以下代码-home:trueheroimage:/1 . pngactiontext:get started→action link:/guide/features:-title:Simplicity First details:以markdown为中心的项目结构最少的设置有助于你专注于编写。-标题:Vue-Powered de tails:享受Vue + webpack的开发体验,在markdown中使用Vue组件,用Vue开发自定义主题。-title:Performant details:vue press为每个页面生成预渲染的静态HTML,并在页面加载后作为spa运行。页脚:MIT licensed | Copyright 2018-press尤雨溪-Home:能不能用VuePress heroImage:首页动作的图片Text:按钮动作的文字LInk:按钮跳转的目录特性:首页的三大特性