前言什么是 Vercel ? Vercel，是一家软件服务企业，掌门人是Guillermo Rauch，年月日，以亿人民币的企业估值入选《·胡润全球独角兽榜》，排名。年月日，Vercel以亿人民币的企业估值入选《·胡润全球独角兽榜》，排名名。 那么，今天我就叫你如何使用 Vercel 快速上线你的个人网站！ 实践Part. 导入博客Repo 进入 Vercel ，先注册账号（建议使用Github注册）。 进入Dashboard，点击Add New->Project 进入选择界面，找到你的博客所在的Github仓库，点击一旁的Import，例如我的mc-sep.github.io 进入到配置界面，如果你是Hexo博客（只上传public文件夹内文件的），请不要修改Build and Output Settings和Framework Preset，如果是Hexo（在线部署的），请在Framework Preset中选择Hexo，其他不用动。其余博客的方法可自行查阅。最后点击Deploy 等待部署完成。完成后，点击Continue to Dashboard Part. 绑定域名请在你的域名托管商内添加一个CNAME记录：cname-china.vercel-dns.com或者A记录：...或...，如图： 接着去到你创建好的Project，点击Settings->Domains，再上面输入你的域名！ 如果你配置错了，可能就会： 你也可以使用Vercel的自带域名（被ban了）： 你喜欢的名字.vercel.app Part. 安全系统 进入Settings->Security 可以将Attack Challenge Mode打开（通过向每位访客显示验证质询来防止恶意流量），效果就不展示了。 下面的都可以打开。 Part. 优化可以提出建议！我可能会采纳！ 进入Settings->Functions，可将服务器改为香港的（好像小日子的更快），如： 总结Vercel挺好用的。 版权所有©MC-Sep ~.

前言Twikoo作为一种轻量方便的评论系统，一度被许多博客使用。此文基于原文继续添加一个评论系统，让你可以顺利装逼！(bushi) Part. 前端配置不同主题的方法与本文不同，但大体相似，部分博客没有双评论！ 找到评论并配置： # 评论# comment# getting start: comment: use: waline,twikoo # waline, twikoo, valine, artalk commentBarrage: true # 热评开关 / Hot comment switch lazyload: true # 懒加载 count: true # 评论数展示 pv: false # 是否使用評論統計頁面訪問 avatar: https://cravatar.cn # Gravatar link newest_comment: enable: ture storage: . # 缓存时间 : 天 / . : 半天 / Cache time : day . : half a day 找到Twikoo评论信息，不要关闭，等下还要使用： # twikoo 配置信息# twikoo settingstwikoo: # https://twikoo.js.org/ envId: ************************ # url region: # 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填 style: true # Use custom styles when turned on / 开启后使用自定义样式 accessToken: # AccessToken option: # twikoo option 如果你的博客不支持Twikoo，可以在你想引入的地方引入以下代码： <div id="tcomment"></div><script src="https://cdn.jsdelivr.net/npm/twikoo@../dist/twikoo.all.min.js" integrity="sha-KfOjEinLSkviJTzlkC/RTnuiLoROLerVgjEKoHdjYtbfmzEFszpnfuA" crossorigin="anonymous"></script><script>twikoo.init(&#; envId: ;您的环境id;, // 腾讯云环境填 envId；Vercel 环境填地址（https://xxx.vercel.app） el: ;#tcomment;, // 容器元素 // region: ;ap-guangzhou;, // 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填 // path: location.pathname, // 用于区分不同文章的自定义 js 路径，如果您的文章路径不是 location.pathname，需传此参数 // lang: ;zh-CN;, // 用于手动设定评论区语言，支持的语言列表 https://github.com/twikoojs/twikoo/blob/main/src/client/utils/in/index.js&#;)</script> Part. 配置后端①使用腾讯云服务器 进入云开发CloudBase活动页面，滚动到“新用户专享”部分，选择适合的套餐，点击“立即购买”，按提示创建好环境。 推荐创建上海环境。如选择广州环境，需要在 twikoo.init() 时额外指定环境 region: “ap-guangzhou”环境名称自由填写推荐选择计费方式包年包月，套餐版本基础版 ，超出免费额度不会收费如果提示选择“应用模板”，请选择“空模板” 进入云开发控制台 进入环境-登录授权，启用“匿名登录” 进入环境-安全配置，将网站域名添加到“WEB安全域名” 进入环境-云函数，点击“新建云函数” 函数名称请填写：twikoo，创建方式请选择：空白函数，运行环境请选择：Nodejs .，函数内存请选择：MB，点击“下一步” 清空输入框中的示例代码，复制以下代码、粘贴到“函数代码”输入框中，点击“确定” exports.main = require(;twikoo-func;).main 创建完成后，点击“twikoo”进入云函数详情页，进入“函数代码”标签，点击“文件 - 新建文件”，输入 package.json，回车 复制以下代码、粘贴到代码框中，点击“保存并安装依赖” &#; "dependencies": &#; "twikoo-func": ".." &#; &#; ②使用VercelVercel的免费域名在国内已无法访问 申请MongoDB账号，参考https://twikoo.js.org/mongodb-atlas.html 点击快速部署： 输入你喜欢的名字，点击Create: 满屏烟花时点击Continue to Dashboard: 点击Settings->Environment Variables，变量添加MONGODB_URI，内容则是你获取到的mongodb获取接口，点击Save： 点击Domains，确保你的域名已添加内容为cname-china.vercel-dns.com的CNAME记录，输入你的域名，点击Add，等待后即可访问： 回到主题配置文件，修改： # twikoo 配置信息# twikoo settingstwikoo: # https://twikoo.js.org/ envId: my-twikoo.js.cool # url region: # 环境地域，默认为 ap-shanghai，腾讯云环境填 ap-shanghai 或 ap-guangzhou；Vercel 环境不填 style: true # Use custom styles when turned on / 开启后使用自定义样式 accessToken: # AccessToken option: # twikoo option 保存，在当前目录打开cmd，输入： hexo cl&&hexo g&&hexo s 检查无误后即可。 因为Vercel业务的调整，现在使用这种方式很容易就： 所以多试几次吧。。。。。。 ③普通服务器部署私有部署的环境需配合 .. 或以上版本的 twikoo.js 使用 私有部署对服务器系统没有要求，Windows、Ubuntu、CentOS、macOS 等常用系统均支持。 私有部署涉及终端操作、申请证书、配置反向代理或负载均衡等高级操作，如果对这些不太了解，建议优先选择其他方式部署。 服务端下载安装 Node.js 安装 Twikoo server: npm i -g tkserver 根据需要配置环境变量，所有的环境变量都是可选的 名称 描述 默认值 MONGODB_URI MongoDB 数据库连接字符串，不传则使用 lokijs null MONGO_URL MongoDB 数据库连接字符串，不传则使用 lokijs null TWIKOO_DATA lokijs 数据库存储路径 ./data TWIKOO_PORT 端口号 TWIKOO_THROTTLE IP 请求限流，当同一 IP 短时间内请求次数超过阈值将对该 IP 返回错误 TWIKOO_LOCALHOST_ONLY 为true时只监听本地请求，使得 nginx 等服务器反代之后不暴露原始端口 null TWIKOO_LOG_LEVEL 日志级别，支持 verbose ; info ; warn ; error info TWIKOO_IP_HEADERS 在一些特殊情况下使用，如使用了CloudFlare CDN 它会将请求 IP 写到请求头的 cf-connecting-ip 字段上，为了能够正确的获取请求 IP 你可以写成 [&#;headers.cf-connecting-ip&#;] [] 启动 Twikoo server: tkserver 访问 http://服务端IP: 测试服务是否启动成功 配置前置代理实现 HTTPS 访问（可以用 Nginx、负载均衡或 Cloudflare 等） 到博客配置文件中配置 envId 为 https:// 加域名（例如 https://twikoo.yourdomain.com） 数据默认在 data 目录，请注意定期备份数据 总结天上不会掉馅饼！！！ 版权所有©MC-Sep

预计完成时间分钟，请放心食用！ 前言：众所周知，一个博客是不能没有评论的！ ..：上线了waline评论系统 ..：关闭了匿名评论功能 ..：启动了双评论，另一个是twikoo ..：关闭了双评论 ..：重新启动了双评论 但是很多人不知道用什么评论…… 所以，今天还是老样子出教程！ 实践Part:了解主流的评论系统 评论系统 Valine Waline Twikoo Artalk Gitalk Giscus 畅言 Remark 推荐指数 ✔✔ ✔✔✔✔ ✔✔✔✔✔ ✔✔✔ ✔✔ ✔✔ ✔✔✔ ✔✔ 是否可以白嫖 ❌ ✅ ✅ ❌ ✅ ✅ ✅ ❌ 说明 近期被爆出会泄露用户IP 方便，免费 方便，免费 方便，要服务器 访问慢 访问慢 要登录，功能全 访问慢 Part:主题配置文件 修改主题配置文件：# 评论# comment# getting start: https://solitude.js.org/comments/commentcomment: use: waline # use commentBarrage: true # 热评开关 / Hot comment switch lazyload: true # 懒加载 count: true # 评论数展示 pv: false # 是否使用評論統計頁面訪問 avatar: https://cravatar.cn # Gravatar link newest_comment: enable: ture storage: . # 缓存时间 : 天 / . : 半天 / Cache time : day . : half a day 如果使用双评论，修改： use: 你的评论,你的评论 # waline, twikoo, valine, artalk 随后修改Waline的配置： # waline settingswaline: # https://waline.js.org/ envId: # 你的部署环境 pageview: false # 懒加载 option: # 更多设置，可以去官网找 Part:配置评论教程出自：Waline 特色： 轻量级与高性能：Waline优化了代码结构，确保快速加载和响应，不增加网站负担。 安全性：系统内置了多种安全机制，如垃圾邮件过滤（Akismet支持）、IP限制等，保护您的网站免受恶意评论的侵扰。 Markdown 支持：全面支持Markdown语法，让用户可以方便地插入代码、链接、表情等元素，让评论更加生动。 多平台兼容：不仅有前端组件@waline;client，还有多种服务器端解决方案，如Vercel、Deta、CloudBase等，满足不同开发需求。 配置： 准备——配置Leancloud 进入Leancloud国际版进行注册并进入控制台： 如果你正在使用 Leancloud 国内版 (leancloud.cn)，我们推荐你切换到国际版 (leancloud.app)。否则，你需要为应用额外绑定已备案的域名，同时购买独立 IP 并完成备案接入: 登录国内版并进入需要使用的应用选择 设置 > 域名绑定 > API 访问域名 > 绑定新域名 > 输入域名 > 确定。按照页面上的提示按要求在 DNS 上完成 CNAME 解析。购买独立 IP 并提交工单完成备案接入。(独立 IP 目前价格为 ￥ ;个;月) 点击左上角创建应用，选择开发板（免费） 进入应用，选择左下角的 设置 > 应用 Key。你可以看到你的 APP ID,APP Key 和 Master Key，记录它们以便后续使用。 方式——Vercel点击一键部署： 点击上面的按钮，输入你喜欢的名字，点击Create，等待部署： 之后满屏的烟花，点击Continue to Dashboard 点击顶部的 Settings - Environment Variables 进入环境变量配置页，并配置三个环境变量 LEAN_ID, LEAN_KEY 和 LEAN_MASTER_KEY 。它们的值分别对应上一步在 LeanCloud 中获得的 APP ID, APP KEY, Master Key。 回到开头的免费域名，注册一下并关注作者，可以获得免费域名，点击创建： 输入名字，按如下填写： 你就等待审核，预计小时~天 审核完成后会显示编辑按钮，回到Vercel，点击Domains： 填写你申请的域名，点击Add： 等待他解析，然会就可以访问了！ 方式——Deta（已失效）Deta 是一个可免费使用的 Serverless 部署平台。我们可以快速的将 Waline 部署到 Deta 平台上。 在 deta.space 的官网中指出： Dear Deta Community,After an incredible run, we;ve made the difficult decision to shut down Deta Space. You can continue to login until sunset on October , , at which point we will start deleting all Horizons, apps (hosted or installed) and data in Collections.We;ve built tools for exporting your data (and code for developers), with tutorials available in the docs.We wanted to thank you for joining the journey so far. Everything we;ve done wouldn;t have been possible without our community, mods, investors, and friends. We hope you;ll stick around for what;s next. Deta Space 将于 .. 下午日落 关闭，请所有使用此方式部署的用户进入Waline控制台 -> 管理 -> 导入导出 -> 导出 导出你的数据！ 方式——NetlifyNetlify 是知名的静态网站部署服务提供商，Edge Functions 是 Netlify 平台推出的一种服务，它允许在网站的边缘节点上运行 JavaScript 代码。 点击 Fork Waline的Netlify数据库。 进入 https://app.netlify.com ，注册账号后登录控制台，点击Add new site -> Import an exist project，选择刚刚Fork的数据库（先绑定Github）。(不要着急Deploy ！！！) 部署之前添加环境变量，以 LeanCloud 部署服务为例，我们在这里增加上 Waline 需要的数据库服务环境变量。点击底部的 Deploy 开始部署网站。 部署完成，可通过一下的域名访问： https://你设置的名称.netlify.app/.netlify/functions/comment 不推荐的其他方式： Railway的免费额度不足以一个月连续使用…… Zeabur需要购买（$每月），否则计划会在天内被结束…… 总结Waline轻量方便，不亚于Twikoo，博客评论选择它也挺不错的！ 版权所有©MC-Sep。

预计完成时间分钟，请放心食用！ 密码不可以外传（除非允许），不然你会被列入黑名单！ 鉴于Github的访问慢，可以使用Watt Toolkit加速器进行访问，可以加速许多游戏和网站！ 前言：最近我收到了亿点点私信： 所以！今天我就出教程吧！！！ 实践sPart.准备活动 下载Node.js 不建议修改安装路径，否则可能会无法调用系统变量！ 下载完毕后打开cmd，输入 npm install hexo-cli -g 等待下载，注意期间不要按Ctrl+C，否则会导致进度取消！ 下载完毕后： 打开任意一个空文件夹的cmd，分别输入（每输入一行等待）： hexo init blogcd blognpm install hexo init blog：安装博客到blog文件夹里 npm install：安装依赖 到这里，你的博客已经初步成型： Part: 博客配置文件和主题配置文件的认识博客配置文件是这个东西： 打开后的东西： 注意：各个值的配置之间要和:之间有一个空格！例如：name: value title: 你的博客标题 subtitle: 你的博客副标题 description: 你的博客介绍 author: 博客作者名字 language: 语言，可以选择en，zh-CN和zh-TW timezone: 时区，建议填Asia/Shanghai url: 你的博客地址，必须填对！否则站内图片将会加载出问题 theme: 主题名字，全部是小写 其余的可以不用配置。 主题配置文件请见你选择的主题的官方文档。 Part: 基本命令 hexo c:清理博客缓存 hexo s:启动本地服务器，可以从http://localhost:/访问 hexo g:生成博客主文件，保存至public文件夹内，以后上传到Github要用 hexo d:通过git的方式上传到Github Part: 安装&使用主题可以前去Hexo Themes挑选你喜欢的主题！ 不懂得如何安装的可以加入我的QQ群或加我QQ或下方留言！ Part: 上传到Github 打开你的博客源文件，打开cmd，输入：hexo g 等待生成博客源文件。 打开github，如下图： 点击，如下图： ：你的邮箱 ：你的密码 ：你的用户名（好好填！以后你的网站要用） ：你是否接收Github发送的活动通知 然后他们检查你的链接安全性，如下图: 情况：直接通过 情况：如下图 按照提示完成即可。 然后就进入Github主页面了： 点击 第一步第二步（描述）第三步 最后点Create repository。 进入仓库页面： 点Add file➡Upload files。 之后的页面： 将之前讲的public文件夹打开，把全部文件拖进去。（当然你也可以用Github Desktop） 注意：单次上传的文件不能大于件或MB! 最后点Commit Changes。 等待几分钟，就可以通过下面的地址访问了！ https://你的用户名.github.io/ 总结Hexo是一个很不错的博客框架，适合绝大部分用户。 版权所有©Minecraft-Sep。