JingLisen的博客

VuePress搭建博客教程(六)、vuepress配置head和自定义样式小景哥哥博客一、创建public文件夹在.vuepress目录下创建public文件夹，在public文件夹下存入两个文件Beauty.jpg和icon.jpg，分别用于主界面的图标和head的图标。在config.js中引入icon.jpg的head图标：head: [ ["link", {rel: "icon", href: "/icon.jpg"}]]在docs下面的README.md主页文件中引入Be

VuePress搭建博客教程(五)、vuepress侧边栏设置小景哥哥博客一、修改confi.js因为所有配置都在config.js中，会显得特别直观，所以我们整改一下目录结构。config.js如下：module.exports = { title: "小景哥哥", description: "小景哥哥带你上王者", port: "80", head: [ ["link", {rel: "icon", href: "/logo.jpg"}]

VuePress搭建博客教程(四)、vuepress导航栏设置小景哥哥博客一、修改confi.js修改config.js文件，在主题里面把nav导航设置成一个单独的js文件，改写成：nav: require("./nav.js"),全部代码如下：module.exports = { title: '小景哥哥', description: '小景哥哥带你上王者', dest: './dist', port: '80', head: [ ['l

小景哥哥博客VuePress搭建博客教程(三)、vuepress首页面设置一、vuepress目录结构先来连接一下vuepress的目录结构，当然可以先不管继续看下面内容。VuePress 遵循 “约定优于配置” 的原则，推荐的目录结构如下：.├── docs│ ├── .vuepress (可选的)│ │ ├── components (可选的)│ │ ├── theme (可选的)│ │ │ └── Layout.vue│ │ ├── publ

小景哥哥博客VuePress搭建博客教程(二)、vuepress安装与启动一、创建并进入一个新目录我们把项目保存在桌面的2021/projects/vuepress-hep目录下，当然可以按照个人喜好随便选取位置。cd Desktopcd 2021cd projectsmkdir vuepress-hepcd vuepress-hep二、使用npm包管理器进行初始化npm init三、安装vuepressnpm install -D vuepress四、创建第一个文档在vu

小景哥哥博客VuePress搭建博客教程(一)、vuepress环境准备一、开发环境说明说明项版本操作系统Windows11node.js14.17.5 LTSvuepressv1.xnpm6.14.14命令行窗口Windows PowerShell如图所示：二、安装node.js官网下载地址：https://nodejs.org/en/。选择LTS长期支持版本。然后一路next即可。...