记一下我在配置uni-app + Pinia + TailwindCSS的过程中遇到的一些问题和解决方法,顺便吐槽一下这个过程。
需要先声明一下,我用过Vue,想开发微信小程序,所以在我最近的工程里,我被迫选择了uni-app。叠甲结束。
我不想看你啰嗦,给老子上预制菜我用JavaScript:
1npx degit GalaxyLHN/uni-preset-vue-pinia-tailwindcss#vite <文件夹名>
我用TypeScript:
1npx degit GalaxyLHN/uni-preset-vue-pinia-tailwindcss#vite-ts <文件夹名>
以上和直接去GitHub下载是等效的,如果终端用不了可以从网页下载,然后直接把文件夹名字改掉。记得下载对应分支,不要下载master,我放在那只是因为我删不掉。
从这一步开始,不建议用npm,直接用pnpm来安装依赖,因为npm遇到这个工程中可以忽略的历史遗留问题就会直接卡死。接下来安装依赖:
1pnpm install
然后就可以运行了。
1pnpm run dev:m ...
这篇文章适合了解Hexo、GitHub和Cloudflare Pages的基础知识后阅读,作为一个简明参考。
运行Hexo清理和生成命令这一步用于生成静态文件,先清理是因为有些设置需要这么做。
12hexo cleanhexo generate
如果找不到hexo命令,则需要前面加上npx来运行,下同。
运行Hexo部署命令这一步会让博客的所有文件生成为可以直接部署为网页的格式,并将静态文件上传到服务器,我配置了部署在远程Git仓库中。
1hexo deploy
部署到Cloudflare Pages在Cloudflare Pages中,选择GitHub作为源,选择对应的仓库,按提示操作完成部署。因为我买了自己的域名,所以还配置了自定义域名。
刚把安知鱼主题配了个80%,想顺便记一下自己配下来的感受。
这个主题适合喜欢圆角卡片的博主,它看起来规整但又不失圆润,给人感觉挺舒服的。我自己挺喜欢这种风格的,所以就选了它,但又有第一次搭博客的加成,整个过程显得有点困难。可以先去主题文档里看看,里面有很多配置选项,这让第一次搭博客的我有点乱,咱们分两部分梳理。
基础配置和用法的文档主要讲的是怎么创建页面和文章,简明扼要,了解分类和标签的概念就好了。安知鱼的灵魂是进阶配置,这块真够我挠头的。可以看一下首页,目之所及,花哨的自定义卡片,基本都是通过配置文件来实现的。拿技能图标来举例,需要指定一个技能名称、一个链接到静态地址的技能图标,再决定一个技能主题色。这样的话,看起来自定义程度挺高的,但其实排版啥的都是完全固定,需要跟着主题来的。这对那些对个性化有进一步需求的人来说,可能就不太友好了,但毕竟这是一个博客框架,对它这么要求确实有点过分了。
这个博客的配置还不是很完善,见谅。











