找到
10
篇与
没有什么用的文章
相关的结果
- 第 2 页
-
hexo博客进阶 前言 前几天我发布了一个有关hexo的文章，这次是进阶。 本次将教你如何使用主题、写文章和构建。 主题 找主题的话，你可以去百度一下，本次仅仅教学如何使用主题。 安装主题我以butterfly为一个🌰 进入博客根目录（就是博客的主文件夹啦）用git把butterfly clone到themes文件夹里面 如果你使用的是Windows系统，你可以点击资源管理器上方地址栏输入cmd快捷打开。 先cd进themes文件夹，然后输入以下命令： git clone https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly坐和放宽，等着clone完成即可 接下来就是依赖了，注意这个只有部分主题有，butterfly是需要装的。 同样，用刚才的方式打开（如果窗口未关闭就用已打开的）输入下面的命令： npm install hexo-renderer-pug hexo-renderer-stylus --save主题就已经安装好了，但没有在hexo启用，我们需要到hexo的配置文件去配置主题。 返回到博客根目录，打开_config.yml修改theme字段，以下是示例： theme: butterfly此时主题就算是成功启用了，此时构建就可以看到你的博客焕然一新，但是大部分主题都可以配置的，所以为了美观我们就去配置罢。 复制themes/butterfly/_config.yml到根目录，重命名为_config.butterfly.yml（后续修改这个文件，避免主题更新覆盖配置）可在里面改颜色、导航栏、侧边栏等（详情参考butterfly文档） 写文章 hexo是用md格式来加载你的文章的，所以你写的东西也要遵循md格式。 在刚才的cmd窗口，输入hexo new "文章标题"提示完成后打开source/_posts/文章标题.md顶部会有一段「Front-matter」（就是---啦），这是文章的信息配置，示例： --- title: 从今天开始我要自己搭建博客，爸爸妈妈再也不用担心我不会搭建博客力 # 文章标题（必填） date: 2025-10-17 15:30:00 # 发布时间（自动生成，可修改） tags: [Hexo, 博客技巧] # 标签（数组形式，多个标签用逗号分隔） categories: 114514 # 分类（单个或多个，如「技术教程>Hexo」） cover: /images/hexo-write.jpg # 文章封面图（可选，路径在source/images下） draft: false # 是否草稿（true=草稿，不生成；false=发布） ---md你可以使用市面上的一些工具，这里我就不做推荐了。 构建 我介绍几个常用的命令，首先是hexo clean简单概述就是清理缓存，推荐在修改主题的时候使用；然后是hexo generate简单命令就是hexo g这个就是构建了，构建完成会在public文件夹内；最后就是hexo g -d这种就是生成和自动部署，就是写完文章自动构建。 下面是常见问题： 本地预览看不到新文章 检查：由于是静态网页，需要浏览器刷新缓存，或者采用下面方式：文章draft是否设为false；检查是否执行hexo g 构建后样式错乱 解决：执行hexo clean清除缓存，再重新hexo g（缓存文件可能导致样式不更新）。 图片404？ 确认图片路径：本地预览用/images/xxx.jpg（根路径），部署后若用 GitHub Pages，需先在根配置_config.yml中设置url: https://你的用户名.github.io。 后言 下次就会教你如何托管到Github Pages以及类似的平台上。
-
JS检测客户端访问 function checkDeviceAndAlert() { const userAgent = navigator.userAgent || navigator.vendor || window.opera; const mobileRegex = /android|iphone|ipad|ipod|blackberry|iemobile|opera mini|mobile|windows phone|phone|webos|kindle|tablet/i; const isMobile = mobileRegex.test(userAgent.toLowerCase()); if (isMobile) { alert("移动设备访问"); } else { alert("电脑设备访问"); } } window.addEventListener('DOMContentLoaded', checkDeviceAndAlert);
-
用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的。 废话 反正也就这些，看看能不能帮到你就对了[手动笑哭]
