Vite3 + Vue3 + TS + Pinia + Naive UI 项目实战
我们自己添加的文案内容,需要用到 vue-i18n-next; naive ui 的组件,可以使用 n-config-provider 配置。 vue-i18n-next 安装 vue3 中使用 i18n 需要安装的是 vue-i18n v9[3] 的版本: 1npm install vue-i18n@9 配置 i18n 创建 src\lang\index.ts,使用 createI18n 创建 i18n 实例: 123456789101112131415// src\lang\index.tsimport { createI18n } from 'vue-i18n'import { LANG_VALUE } from '@/common/enum'import zhHans from './zh-Hans'import en from './en'const i18n = createI18n({ legacy: false, locale: ...
twikoo如何使用飞书企业邮箱发信
上次我们搭建了飞书企业邮箱,那就有人问了,如何利用飞书企业邮箱配置twikoo呢!具体配置内容请看下方表格!自己跟着表格内容填写即可!(/=空着不填) Tamiko配置项 配置例子 备注 SENDER_EMAIL 3429647930@qq.com 邮件通知邮箱地址。 SMTP_SERVICE 邮件通知邮箱服务商 SMTP_HOST smtp.feishu.cn SMTP 服务器地址 SMTP_PORT 465 SMTP 端口 SMTP_SECURE true SMTP 是否使用TLS SMTP_USER twikoo@startly.cn 邮件通知邮箱用户名 SMTP_PASS ******************************* STMP授权码 注意:请按照以上配置填写对应信息,如果不知道怎么获取请前往上篇教程查看! 如何使用飞书搭建企业邮箱本文介绍了如何使用免费的飞书来搭建企业邮箱
免费简单实用的企业邮箱搭建教程
前言 看到很多人,都不知道企业邮箱怎么搭建,看到别人都用自己的域名当做邮箱,而且账号可以随意设置——比如888啦666啦之类的,逼格很高。你们是不是也想要搭建一个,那我就来推荐几个并附带上搭建教程,详情如下: 目前是市面上有阿里云企业,腾讯企业邮箱,网易等等,今天我们要用的是[飞书],飞书是一款由字节跳动推出的企业级即时通讯和协作工具略… 教程 整体来说是非常简单的,如果你有一些基础应该很容易上手。首先我们先去飞书官网注册一个企业,名字随意,这些不重要!下载飞书客户端(看你需求PC+PE)都有,然后登录后,我们点击左上角头像,点击管理后台后,我们看上方有一个企业管理-产品设置,点击后,我们选择邮箱!然后左边先选第一个,域名管理,添加你的域名并且解析你的域名 配置步骤如何配置 在新窗口中打开 abc.com 的域名管理后台 前往 DNS 设置页面,添加参数,并确保主机记录、记录类型、记录值、TTL 配置完成正确 注意事项 DNS 配置可能需要几分钟至几小时生效,如果域名 DNS 验证失败,请在确保配置完全正确后,稍后再验证 域名过期会导致解析失败,请确认域名在有效期内(下方 ...
Hexo-butterfly主题配置文件全汉化
前言📝 本会持续更新,更新速度取决去buutterfly更新速度 由于机翻问题,不妨难免会出现翻译错误问题,如有翻译错误问题,请注明在评论区,看到会修改的 当前汉化版本号:butterfly-4.8.1—汉化版本号1.0.0版-上次编辑于2023年4月28日-02.18 导航栏设置 1234567891011121314151617nav: #导航栏设置logo: https://cdn.skypro.cartafi.cn/2023/04/20/touxiang.webp # 设置导航栏 Logo 图片,可填写图片的 URL 链接或者本地图片路径display_title: false # 是否显示网站名称,true 为显示,false 为不显示fixed: true # 是否固定导航栏位置,true 为固定,false 为不固定# Menu 导航栏菜单-目录menu:文章||标签: /tags/ ||归档: /archives/生活||:相册: /Gallery/电影: /movies/回忆录: /archives/留言板: /message/友链: /link/关于: / ...
如何使用CDN加速Hexo博客
如何使用CDN加速Hexo 什么是CDN? CDN(Content Delivery Network,内容分发网络)是一种通过在多个地理位置上放置服务器来提高内容访问速度的技术。通常,CDN将内容缓存到离用户较近的服务器上,从而可以更快地向用户提供所请求的内容。 如何配置CDN? 步骤一:选择CDN服务提供商 选择合适的CDN服务提供商非常重要。常见的CDN服务提供商有阿里云、腾讯云等。在选择CDN服务提供商时,我们需要考虑以下因素: 服务质量 价格 支持的协议 步骤二:配置CDN域名 在CDN服务提供商的后台配置域名。对于阿里云,可以在“CDN控制台”中选择“添加域名”,输入要加速的域名,然后选择加速区域和协议,最后点击“确认”。 步骤三:修改Hexo配置 打开Hexo博客的配置文件_config.yml,将以下内容添加到文件底部: 12# CDN加速配置url: https://你的CDN域名.com 注意:将上述代码中的“你的CDN域名”替换为实际的CDN域名。 步骤四:重新生成静态文件 在Hexo博客的根目录下执行以下命令: 1hexo clean & ...
网站备案详细教程
网站备案:根据《非经营性互联网信息服务备案管理办法》,在中华人民共和国境内提供非经营性互联网信息服务,应当办理备案。未经备案,不得在中华人民共和国境内从事非经营性互联网信息服务。而对于没有备案的网站将予以罚款和关闭。 全网少有能解说的这么详细的个人网站首次备案流程,最适合将要进行备案的你。 在国内服务器上新建了个人网站,为什么域名访问需要备案?为什么没有通过备案初审?网站名等网站信息应该如何填写?我将在下文详细讲解。 最近萌生了建站的兴趣,想制作一个个人博客【Startly Blog】**,用以记录和展示自己生活、学习和工作上的成长点滴,之前有在国外的VPS服务器上做过尝试。虽说国外的服务器上建站不需要备案,但对网站的访问速度远不如国内的效果好。打算长期运行的合法的非营利性网站,还是建议使用国内的服务器。 货比三家,我最终选择了腾讯云的轻量应用服务器,4核心8G10Mpbs,月1500G流量,对于个人站点来说,足够用了,趁着双11,300/年,后面去向就待定啦,咱一个纯静态的博客,万千之大,总有留存地! VPS服务器(Virtual Private Server,虚拟专用服务 ...
twikoo宝塔私有部署
在宝塔面板中安装nodejs管理器,并设置命令行版本 安装twikoo服务端,命令如下 1npm i -g tkserver 在宝塔后台—网站—node项目中 添加twikoo项目,并设置开机自动启动 添加twikoo映射域名,前提是域名已经解析到本服务器。 开启外网映射 测试域名是否解析成功,下图表示已经成功 在Butteryfly配置文件中 开启twikoo 并配置环境ID 本地重新生成文件并上传服务器 1hexo cl;hexo d; hexo d 效果如下,大功告成
如何用低成本获取一年免费通配符泛域名SSL证书!
(前排提示:想白嫖OV,EV SSL 的朋友们还是放弃吧,目前不存在此类服务) 众所周知,SSL现已成为各种网站必不可少的配置了,但是主流的Let’s Encrypt,ZeroSSL等只能提供90天的免费SSL,而阿里云,华为云提供的每年20张一年期免费 Encryption Everywhere DV SSL证书以及腾讯云,UCloud等提供的每年20张一年期免费 亚洲诚信 DV SSL证书,均不支持通配符。 显然对于拥有超多二级子域名的网站来说,单独为每一个子域名申请一个证书是复杂且重复的操作,想我这种懒人是一定不会去一个一个申请的。但是当我们查询便宜通配符SSL证书价格时… 最低都在50美刀左右(参考:Cheap Wildcard SSL当然,既然这篇文章能写出来,那么这个问题一定有他的解决方案(?)而这也就是 AlphaSSL 出场的地方(硬核Chinglish)。 AlphaSSL 啥是 AlphaSSL? AlphaSSL 是著名数字证书认证机构和SSL证书签发商 GlobalSign 旗下的证书品牌。(至于 GlobalSign 有多著名… 简单说 Google,Ba ...
Hexo博客搭建基础教程(三)
前言📝 教程来自Fomalhaut大佬的文章(已经获得授权,文章结尾处查看) 视频教程点击这里前往Fomalhaut大佬的B站主页 魔改前必看(我当你们都懂了,太细节的就不写在教程中了🤣🤣🤣) 博客搭建过程遇到任何问题,优先在本页面搜索,检查是否已经有该配置教程。 遇到问题可以优先在文章评论区留言,注意留言时请填写正确的邮箱以确保能收到站长的回复。 实在解决不了的问题可添加站长的微信进行交流,备注自己的个人信息。 博客搭建与魔改系列教程导航🚥🚥🚥 🥬Hexo博客搭建基础教程(一) 🍒Hexo博客搭建基础教程(二) 🥪Hexo博客搭建基础教程(三) ⇦当前位置🪂 🍀博客魔改教程综合(一) 🍚博客魔改教程综合(二) 🎋博客魔改教程综合(三) 🥕博客魔改教程综合(四) 🍊博客魔改教程综合(五) 🎨综合美化模块教程 注意:我的博客根目录路径为 【C:/Hexo-Blog/blog-demo】,下文所说的根目录都是此路径,将用[BlogRoot]代替。 修改站点配置文件_config.yml,路径为[BlogRoot]\_config.yml 修改主题配 ...
Hexo博客基础搭建教程(二)
前言📝 教程来自Fomalhaut大佬的文章(已经获得授权,文章结尾处查看) 视频教程点击这里前往Fomalhaut大佬的B站主页 魔改前必看(我当你们都懂了,太细节的就不写在教程中了🤣🤣🤣) 博客搭建过程遇到任何问题,优先在本页面搜索,检查是否已经有该配置教程。 遇到问题可以优先在文章评论区留言,注意留言时请填写正确的邮箱以确保能收到站长的回复。 实在解决不了的问题可添加站长的微信进行交流,备注自己的个人信息。 博客搭建与魔改系列教程导航🚥🚥🚥 🥬Hexo博客搭建基础教程(一) 🍒Hexo博客搭建基础教程(二) ⇦当前位置🪂 🥪Hexo博客搭建基础教程(三) 🍀博客魔改教程综合(一) 🍚博客魔改教程综合(二) 🎋博客魔改教程综合(三) 🥕博客魔改教程综合(四) 🍊博客魔改教程综合(五) 🎨综合美化模块教程 注意:我的博客根目录路径为 【C:/Hexo-Blog/blog-demo】,下文所说的根目录都是此路径,将用[BlogRoot]代替。 修改站点配置文件_config.yml,路径为[BlogRoot]\_config.yml 修改主题配 ...
Hexo博客基础搭建教程(一)
前言📝 教程来自Fomalhaut大佬的文章(已经获得授权,文章结尾处查看) 视频教程点击这里前往Fomalhaut大佬的B站主页 魔改前必看(我当你们都懂了,太细节的就不写在教程中了🤣🤣🤣) 博客搭建过程遇到任何问题,优先在本页面搜索,检查是否已经有该配置教程。 遇到问题可以优先在文章评论区留言,注意留言时请填写正确的邮箱以确保能收到站长的回复。 实在解决不了的问题可添加站长的微信进行交流,备注自己的个人信息。 博客搭建与魔改系列教程导航🚥🚥🚥 🥬Hexo博客搭建基础教程(一) ⇦当前位置🪂 🍒Hexo博客搭建基础教程(二) 🥪Hexo博客搭建基础教程(三) 🍀博客魔改教程综合(一) 🍚博客魔改教程综合(二) 🎋博客魔改教程综合(三) 🥕博客魔改教程综合(四) 🍊博客魔改教程综合(五) 🎨综合美化模块教程 注意:我的博客根目录路径为 【C:/Hexo-Blog/blog-demo】,下文所说的根目录都是此路径,将用[BlogRoot]代替。 修改站点配置文件_config.yml,路径为[BlogRoot]\_config.yml 修改主题配 ...
2022年回忆录
关于2022 总结…? 发现最近挺多博主在做 2022 年终总结。 我原本从 12 月开头就打算做这事的来着… 但是…12 月 31 号我在睡觉,1 月 1 号那天我在睡觉,然后… 就忘了…… 我现在已经阳过了,目前没有症状了,但是抗原他他他他还有非常非常非常细的第二条杠服啦! 2022… 一言难尽呐 既然一言难尽那就两言 由于本站从2022年11月25日开始筹划搭建的 那就… 今年没有总结了,2023年末见!!
将Hexo部署到云服务器上
本站的部署方式也是基于下方教程搭建的 所有需要的东西: Git、Nodejs、Hexo(左边三个安装在自己电脑上)、云服务器(建议系统:CentOS)一个(轻量也行,虚拟主机不行)、一个域名(如果是国内服务器,先备案,国外则不需要) 本地Hexo的部署(建站部分) Hexo官网有相关的教程,可以参考。先在桌面新建一个文件夹Hexo_next,然后进去建立的文件夹,输入 1hexo init 下载主题next,有很多,可以自己选择,博主使用的是butterfly。这里使用next来进行演示。进入Hexo_next\themes输入 1git clone https://github.com/iissnan/hexo-theme-next.git 下载该项目,有错误不要担心,多试几次,或者使用加速。将下载的文件名称改为next,打开配置文件_config.yml,在100行左右,将主题修改为next对应目录下,打开在git bash输入 1npm i hexo-renderer-swig 然后输入 1hexo c && hexo g && h ...