Vuepress部署笔记,解决页面显示乱码问题

安装nodejs

安装npm

然后按照下面操作就没毛病了

  • 步骤 1: 创建并进入一个新目录
mkdir vuepress-starter
cd vuepress-starter
  • 步骤 2: 初始化项目
npm init
  • 步骤 3: 将 VuePress 安装为本地依赖
npm install -D vuepress@next
  • 步骤 4: 在 package.json 中添加一些 scripts 按照我这样写就行了​​​​​​
"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  },
  • 步骤 5: 将默认的临时目录和缓存目录添加到 .gitignore 文件中
echo 'node_modules' >> .gitignore
echo '.temp' >> .gitignore
echo '.cache' >> .gitignore
  • 步骤 6: 创建你的第一篇文档
mkdir docs
echo '# Hello VuePress' > docs/README.md
  • 步骤 7: 在本地启动服务器来开发你的文档网站
npm run docs:dev

解决页面打开乱码问题:删除原有的 README.md 再新建一个

或者用记事本打开原有的文件,选择另存为,修改编码格式为utf-8 保存覆盖即可

你可能感兴趣的:(笔记)