最新发布
-
用VitePress搞博客 废话 脑子抽了,想了这个文章。但这个确实适合某些人,比如想要静态效果的站长。但也有没钱买云服务的人(其实更推荐你用Hexo.io) 该项目简介 VitePress是一个基于Vite的静态站点生成器,专为技术文档设计。 准备 首先确保你的系统已安装Node.js(版本16或更高),然后按以下步骤操作: # 创建项目目录 mkdir my-vitepress-blog cd my-vitepress-blog # 初始化项目 npm init -y # 安装VitePress npm add -D vitepress # 安装Markdown支持(可选但推荐) npm add -D @vue/theme 创建基本目录结构(也可以看看文档的,或者你直接看文档新手模式): 114514/ ├── docs/ │ ├── .vitepress/ │ │ └── config.js │ ├── index.md │ └── blog/ │ └── first-post.md ├── package.json └── package-lock.json开始 编辑 .vitepress/config.js文件,配置博客基本信息: export default { title: '我的垃圾桶', description: '发史的地方。', themeConfig: { nav: [ { text: '首页', link: '/' }, { text: '博客', link: '/blog/' } ], sidebar: { '/blog/': [ { text: '文章列表', items: [ { text: '第一篇博客', link: '/blog/first-post' } ] } ] }, socialLinks: [ { icon: 'github', link: 'https://github.com/yourusername' } ] } }然后就是创建首页与博客文章力(喜 --- layout: home hero: name: 垃圾桶 text: 阿爸阿爸 actions: - theme: brand text: 查看博客 link: /blog/ - theme: alt text: 关于我 link: /about/ features: - title: 技术分享 details: 分享前端开发、后端架构等技术内容 - title: 学习笔记 details: 记录学习过程中的心得与总结 - title: 项目实践 details: 实际项目中的经验与解决方案 --- 创建第一篇博客文章 docs/blog/first-post.md(其实这个first-post可以改成自己的。) --- title: 我的第一篇博客 date: 1145-1-10 description: 这是我的第一篇使用VitePress搭建的博客文章 --- # 欢迎来到我的博客 这是我的第一篇博客文章,使用VitePress搭建。 ## 主要内容 这里可以开始写你的博客内容... 最后在说一句废话 反正你需要就可以搞啦,如果你想要搞静态博客我还是推荐hexo。 -
HTML中文乱码解决方案 为什么要写这么无聊的文章? 因为我习惯编辑一些垃圾的HTML,尤其是遇到乱码的时候,很头疼。于是突发奇想出了这个文章,算是水文章了() 表现情况 一般为"����"或"å®¶åº"等。这主要是由于字符编码设置不正确导致的。 解决 第一种:很简单的力,如果你的html有head或者没有我推荐你加这个: <meta charset="UTF-8"> 没错,很简单。还有一种办法是服务端设置编码。 第二种:这种办法不适用HTML静态托管网站(如Github Pages、Gitee Pages等。) 简单概述就是通过服务器语言(如PHP)生成HTML,那么你可以试试这个: <?php header('Content-Type: text/html; charset=utf-8'); ?>把这个放到你的PHP代码里面并保存这样就会神奇的发现我们认识的字符又归来力(喜 当然,最后的一种办法就是你在编写的时候保存格式设置成utf-8,这样也可以有效解决。 但是值得注意的是,避免使用带有bom的。 废话 反正也就这些,看看能不能帮到你就对了[手动笑哭]