iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >解决VuePress页面乱码问题
  • 427
分享到

解决VuePress页面乱码问题

2024-04-02 19:04:59 427人浏览 薄情痞子
摘要

目录VuePress页面乱码问题官方步骤VuePress 初探建立文件夹安装 vuepress初始化新建文件夹配置页面启动乱码VuePress页面乱码问题 公司有一个业务场景,需要用

VuePress页面乱码问题

公司有一个业务场景,需要用到VuePress,所以我这边就研究了一下。VuePress的官方文档写得很详细,步骤也很清晰。

官方步骤

# 创建文件夹
mkdir vuepress-starter
cd vuepress-starter
# 初始化
git init
npm init
# 安装Vue Press
npm install -D vuepress@next
# 在package.JSON添加脚本
{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}
# 忽略文件
echo 'node_modules' >> .gitignore
echo '.temp' >> .gitignore
echo '.cache' >> .gitignore
# 创建文档
mkdir docs
echo '# HelloVuePress' > docs/README.md
# 启动
npm run docs:dev

根据上述的步骤,但是我发现页面是存在乱码

这个问题主要是编码的问题,只要将docs/README.md这个文档的编码改成UTF-8即可

VuePress 初探

VuePress是以Vue驱动的静态网站生成器,我理解功能有点类似gitbook,可以做博客或者文档说明。

建立文件夹

vuepressDemo

安装 vuepress

npm install -g vuepress

初始化

默认配置

npm init -y

配置package.json

{
  "scripts": {
    "dev": "vuepress dev docs",
    "build": "vuepress build docs"
  }
}

新建文件夹

最终目录如下

vuepressDemo
├─── docs
│   ├── README.md
│   └── .vuepress
│       ├── public
│       └── config.js
└── package.json
  • mkdir docs
  • cd docs
  • touch / echo "" > README.md
  • mkdir .vuepress
  • cd .vuepress
  • mkdir public
  • touch / echo "" > config.js

配置页面

进入config.js 中

module.exports = {
    title: '个人主页', 
    description: '博客',
    head: [
        ['link', { rel: 'icon', href: '/img/loGo.ico' }],
        ['link', { rel: 'manifest', href: '/manifest.json' }],
    ]
}

官方配置点这里

启动

npm run dev

乱码

当我启动的时候出现了中文乱码的问题,应该是我的地址中包含了中文。

解决方法:

右键乱码的markdown 文件,打开方式用记事本打开,另存为的同时修改文件格式为utf-8 ,之后删除txt后缀即可。 

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。 

--结束END--

本文标题: 解决VuePress页面乱码问题

本文链接: https://www.lsjlt.com/news/167934.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 解决VuePress页面乱码问题
    目录VuePress页面乱码问题官方步骤VuePress 初探建立文件夹安装 vuepress初始化新建文件夹配置页面启动乱码VuePress页面乱码问题 公司有一个业务场景,需要用...
    99+
    2022-11-13
  • 怎么解决php web页面的乱码问题
    随着互联网的普及,越来越多的网站采用PHP语言来构建其网站开发,PHP已经成为了众多网站开发者的热门选择。但是在PHP的开发过程中,经常会出现一种令人头疼的问题:乱码。特别是在Web页面中,乱码问题更是常见。下面本文将结合实际案例,为大家讲...
    99+
    2023-05-14
  • php html页面中文乱码问题怎么解决
    php html页面中文乱码问题的解决办法:1、在前端通过“”设置整个页面的字符编码;2、在php中通过“header("content-type:text/html; charset=xxx");”设置字符即可。本教程...
    99+
    2023-05-14
    php html 乱码
  • php页面输出值乱码问题怎么解决
    在开发PHP应用程序时,经常会遇到输出到页面的值出现乱码的问题。这是因为PHP输出到页面的值是通过编码的方式传输的,而常见的字符编码包括UTF-8、GBK、GB2312等,如果输出的编码格式不正确,就会出现乱码问题。在PHP中,可以通过以下...
    99+
    2023-05-14
    php 乱码
  • php页面输出值乱码问题如何解决
    这篇文章主要介绍了php页面输出值乱码问题如何解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇php页面输出值乱码问题如何解决文章都会有所收获,下面我们一起来看看吧。1.设置字符集PHP应用程序输出到页面的字...
    99+
    2023-07-05
  • 如何解决php传递页面参数乱码问题
    本文操作环境:Windows7系统,PHP7.4版,Dell G3电脑。如何解决php传递页面参数乱码问题?php get传值 中文参数 乱码问题的尝试解决:网站的中文参数是直接传的 例如 /index.phpt=你好所有页面均为utf-8...
    99+
    2015-06-19
    php
  • 怎么解决php传递页面参数乱码问题
    本篇内容主要讲解“怎么解决php传递页面参数乱码问题”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么解决php传递页面参数乱码问题”吧!php传递页面参数乱码的解决办法:1、打开相应的PHP代...
    99+
    2023-06-22
  • 如何解决html网页乱码问题
    这篇文章主要为大家展示了“如何解决html网页乱码问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决html网页乱码问题”这篇文章吧。组成html网页乱...
    99+
    2022-10-19
  • 【zabbix】解决zabbix在web页面显示中文乱码问题
    文章目录 问题解决方法查验 问题 问题所在处:在web页面来添加图形,实时监控数据的时候我们一般会写中文,可是,添加完成之后发现中文是乱码,那么我们这期就来解决这个问题;图如下...
    99+
    2023-09-01
    zabbix 服务器 php
  • 如何解决php翻页出现乱码问题
    本文操作环境:windows7系统、PHP7.1版、Dell G3电脑。如何解决php翻页出现乱码问题?具体问题描述:php分页乱码.php写的分页代码,在网页中显示乱码。分页的代码如下。在网页中显示的是:鏄剧ず绗� 0-0 鏉¤褰曪紝鍏...
    99+
    2015-01-03
    php
  • 如何解决freemarker静态化生成html页面乱码的问题
    目录freemarker静态化生成html页面乱码的问题下面是springmvc的核心代码在网上也查了下大致给了以下几种解决方案freemarker页面静态化步骤以及相关注意事项Fr...
    99+
    2023-01-12
    freemarker乱码 freemarker静态生成html 静态生成html页面乱码
  • tomcat页面乱码如何解决
    要解决Tomcat页面乱码的问题,可以尝试以下几个方法:1. 设置Tomcat的默认字符编码:在Tomcat的配置文件server....
    99+
    2023-09-25
    tomcat
  • html页面乱码怎么解决
    随着互联网的飞速发展,网页成为人们获取信息、交流沟通的主要途径之一。而网页中出现乱码,无论是对用户还是开发人员,都是一种不愉快的体验。本文将介绍常见的html页面乱码问题及其解决方案。一、乱码的原因编码不一致:网站的编码与浏览器的默认编码不...
    99+
    2023-05-14
  • java页面乱码解决方法
    在页面提交到tomcat乱码 解决方法是在tomcat/conf/server.xml中进行配置(推荐:java视频教程)以tomcat6.0.32为例,需将以下代码:Xml代码 改为:Xml代码 如果tomcat前端有Apache或是Ng...
    99+
    2021-02-14
    java
  • 解决DataOutputStream乱码的问题
    DataOutputStream乱码的问题 这个坑我就先踩为敬了,重要的话说三遍! 千万不要用DataOutputStream的 writeBytes 方法 千万不要用DataOut...
    99+
    2022-11-12
  • python抓取并保存html页面时乱码问题的解决方法
    本文实例讲述了python抓取并保存html页面时乱码问题的解决方法。分享给大家供大家参考,具体如下: 在用Python抓取html页面并保存的时候,经常出现抓取下来的网页内容是乱码的问题。出现该问题的原因...
    99+
    2022-06-04
    乱码 解决方法 并保存
  • java jsp页面乱码解决方法
    jsp页面出现乱码:(推荐:java视频教程)问题:开发人员开发jsp应该拥有良好的编码意识,jsp顶部应该首先明确编码是什么?解决方法:在页面顶部加上以下语句Html中文乱码:问题:htmll出现乱码的主要原因是html源代码内中文字内容...
    99+
    2019-10-09
    java jsp 乱码
  • 解决Kali Linux 2020.1乱码问题
    解决Kali Linux 2020.1乱码问题Kali Linux 2020.1安装后,默认XFCE桌面字体显示为乱码。这是由于缺少中文字体包,所以需要安装中文字体。在终端执行如下命令:apt-get...
    99+
    2023-06-05
  • Ado.Net乱码问题怎么解决
    这篇文章主要介绍“Ado.Net乱码问题怎么解决”,在日常操作中,相信很多人在Ado.Net乱码问题怎么解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ado.Net乱码问题怎么解决”的疑惑有所帮助!接下来...
    99+
    2023-06-17
  • PHPShellUnrar乱码问题如何解决
    本篇内容主要讲解“PHPShellUnrar乱码问题如何解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PHPShellUnrar乱码问题如何解决”吧!问题描述当使用PHPShellUnrar...
    99+
    2023-07-05
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作