普通视图

发现新文章,点击刷新页面。
昨天以前首页

Vercel+Railway免费部署Typecho

2024年1月2日 13:00

通常搭建一个动态博客都要有自己的服务器,今天介绍一下如何利用Vercel+Railway免费部署动态博客Typecho。

1. 利用Railway建立数据库

在Railway中新建项目,类型选择Provision MySQL,建好后在变量中获取相关数据库信息备用。

2. 配置Typecho

Typecho 官网下载正式版安装文件,解压到本地文件。
a. 编辑 install.php文件,注释掉第773行至775行;

#    if (!$writeable) {//第773行
#        $errors[] = _t('上传目录无法写入, 请手动将安装目录下的 %s 目录的权限设置为可写然后继续升级', $uploadDir);
#    }//第775行

b. 根目录添加 vercel.json文件;

{
  "functions": {
    "api/index.php": {
      "runtime": "vercel-php@0.6.0"
    }
  },
  "routes": [{ "src": "/(.*)", "dest": "/api/index.php" }]
}

注意:runtime 这里vercel-php如使用旧版本会因为与 Vercel 网站上设置的 Node.js 版本不兼容导致部署时报错,需更新至适配版本。
c. 根目录创建 api 目录并在目录下添加 index.php文件;

<?php
$file= __DIR__ . '/..'.$_SERVER["PHP_SELF"];

if(file_exists($file))
{
   return false;
}
else
{
    require_once __DIR__ . '/../index.php';
}
#echo $_SERVER["PHP_SELF"];

d. 根目录添加 config.inc.php文件。

<?php
/**
 * Typecho Blog Platform
 *
 * @copyright  Copyright (c) 2008 Typecho team (http://www.typecho.org)
 * @license    GNU General Public License 2.0
 * @version    $Id$
 */

/** 开启https */
define('__TYPECHO_SECURE__',true);

/** 定义根目录 */
define('__TYPECHO_ROOT_DIR__', dirname(__FILE__));

/** 定义插件目录(相对路径) */
define('__TYPECHO_PLUGIN_DIR__', '/usr/plugins');

/** 定义模板目录(相对路径) */
define('__TYPECHO_THEME_DIR__', '/usr/themes');

/** 后台路径(相对路径) */
define('__TYPECHO_ADMIN_DIR__', '/admin/');

/** 设置包含路径 */
@set_include_path(get_include_path() . PATH_SEPARATOR .
__TYPECHO_ROOT_DIR__ . '/var' . PATH_SEPARATOR .
__TYPECHO_ROOT_DIR__ . __TYPECHO_PLUGIN_DIR__);

/** 载入API支持 */
require_once 'Typecho/Common.php';

/** 程序初始化 */
Typecho_Common::init();

/** 定义数据库参数 */
$db = new Typecho_Db('Pdo_Mysql', 'typecho_');
$db->addServer(array (
  'host' => '数据库地址',
  'user' => '数据库用户名',
  'password' => '数据库密码',
  'charset' => 'utf8mb4',
  'port' => '数据库端口号',
  'database' => '数据库名称',
  'engine' => 'MyISAM',
), Typecho_Db::READ | Typecho_Db::WRITE);
Typecho_Db::set($db);

根据第一步中得到的Railway 数据库信息更新对应的数据库参数。

3. 利用 Vercel 部署

a. 本地电脑安装并配置 vscode、node.js 和 npm,项目文件下通过 npm 安装 Vercel CLI,
npm -g install vercel
b. CLI登录Vercel,
vc login
c. 登录成功后部署,
vc
一路回车,

Vercel CLI 28.10.1
? Set up and deploy “部署路径”? [Y/n] y (直接回车)
? Which scope do you want to deploy to? 用户名(直接回车)
? Link to existing project? [y/N] n(直接回车)
? What’s your project’s name? 项目名称(直接回车)
? In which directory is your code located? ./(直接回车)
Local settings detected in vercel.json:
No framework detected. Default Project Settings:
- Build Command: `npm run vercel-build` or `npm run build`
- Development Command: None
- Install Command: `yarn install`, `pnpm install`, or `npm install`
- Output Directory: `public` if it exists, or `.`
? Want to modify these settings? [y/N] n (直接回车)
🔗  Linked to 用户名/项目名称 (created .vercel and added it to .gitignore)
🔍  Inspect: https://vercel.com/用户名/项目名称/部署事件唯一码 [3s]
✅  Production: Vercel 自动分配的以 vercel.app 结尾的网址 [24s]
📝  Deployed to production. Run `vercel --prod` to overwrite later (https://vercel.link/2F).
💡  To change the domain or build command, go to https://vercel.com/用户名/项目名称/settings

如果出现 Production 即可,如显示 Preview 时候需要运行,
vc --prod
重点:由于 *.vercel.app 在国内无法访问,需在vercel内绑定域名。
CNAME cname-china.vercel-dns.com

4. 安装 Typecho

地址栏输入域名 /install.php进入Typecho安装界面。

使用Azure OpenAI构建私人聊天GPT界面

2023年12月22日 13:00

网上有不少利用OpenAI构建私人聊天GPT界面的文章,不过鉴于OpenAI账号申请和访问难度,利用Azure OpenAI来构建私人GPT有一定优势。
如何申请Azure OpenAI可以自行百度,下面介绍一下如何利用Vercel免费搭建私人GPT界面。

源码参考:https://github.com/mckaywrigley/chatbot-ui

Deploy by Vercel: 2023-12-05-774375.svg

重点:部署成功后须在项目的Settings–>Environment Variables下添加相关变量。

2023-12-05-952488.png

其中OPENAI_API_KEY,AZURE_DEPLOYMENT_ID和OPENAI_API_HOST需从Azure OpenAI Playground平台内获取。

2023-12-05-809711.png

最后,记得在Vercel的Settings–>domains绑定域名,这样你就能愉快的使用您的私人GPT了。

2023-12-05-147628.png

Jekyll 后台管理系统

2021年4月20日 12:00

建一个博客的原因通常有两个,一是写文章,二是爱折腾,后者更为甚者,特别是建一个静态博客。
静态博客有两大痛点,一是评论系统,而是后台管理,因为通常情况下这两个东西都不存在。

说到个人博客平台,WordPress是王者,燃鹅为了避免找服务器的麻烦,我选择Jelyll。虽是静态博客,Jelyll也可以很简单,注册Github,克隆模板,修改信息即可。
关于评论系统,网上有很多就不多说了,今天介绍两个Jekyll 的后台管理系统, StasticProse
其操作步骤大概如下:

  1. 关联Github账号并授权;
  2. 选择所需管理的仓库;
  3. 安装程序(仅Stastic);
  4. 进入博客后台管理。

搞定!支持Markdown,文章发布与更新,虽然简单,写写文章也是足够用了。

免费无线投屏神器:幕享

2020年3月15日 12:00

幕享APP是一款非常实用的投屏软件,在幕享手机最新版的软件中,能够帮助用户进行投屏,自己的手机屏幕太小,玩的不够过瘾,有了这款软件就能够把整个墙壁都变成自己的屏幕,这款软件使用起来非常的方便,而且支持的投屏的方式也有很多种,所以快来下载幕享试一试吧。

软件特点

1. 手机画面同屏到Windows、Mac电脑,投影仪等大屏设备,高清实时展示手机内的应用、视频、照片、电子文档等各种文件。
2. 支持安卓Miracast协议,投屏稳定,音画同步;支持一键投屏视频网站的精彩资源到电脑上观看。
3. 手机中的相机功能同样能够投影,是一款能轻松帮你实现自拍、合拍的投屏神器。在电脑上屏幕共享手机相机后,还能将手机化身直播摄像头,随时开播。
4. 安卓、iOS 设备均支持投声音,支持全屏功能,截图功能,录制功能及涂鸦功能。
5. 电脑端如不能顺畅使用请检查防火墙设置。

下载地址

官网免费下载:https://letsview.com

BAT出品的10个免费好工具

2020年3月3日 13:00

  1. 腾讯智图:图片优化平台
  2. 腾讯设计导航:精选优质内容
  3. 最近文档随身:多端文件同步
  4. 腾讯优图AI体验:AI多功能小程序
  5. 袋鼠输入:用手机遥控电脑
  6. 百度图说:数据可视化平台
  7. 简单搜索APP:永久无广告
  8. 语雀:专业云端知识库
  9. 阿里巴巴图标库:海量矢量图标
  10. 夸克APP:极简聚合型浏览器

◆ 腾讯智图 ◆

「腾讯智图」是由腾讯 ISUX 团队开发的图片压缩工具,无广告,界面干净简洁。转换格式包含了 png、jpg 以及 webp 等常用格式,可以自由选择压缩比率~压缩效果也是杠杠滴,压缩后的图片质量几乎没有肉眼可见的差别!除了网页版,还提供了客户端的下载,Win&Mac 都能使用!
网址:http://zhitu.isux.us

◆ 腾讯设计导航 ◆

这是一款超实用的设计导航网站,精选了各大设计平台的优质内容!用社交账号登录后,能够添加自己的订阅源,把这个设计导航打造成自己专属的灵感社区~
网站:http://idesign.qq.com

◆ 最近文档随身 ◆

移动硬盘替代品,不过要注意,这个小程序需要和腾讯桌面管理配套使用!与电脑绑定好后你的文件就可以起飞了,同步到手机完全不用消耗手机空间和流量,还能直接从微信发送文件到任何一个移动端上。

◆ 腾讯优图 AI 体验 ◆

「腾讯优图 AI 体验」几乎融合了 OCR、人脸识别、图片识别等先进的 AI 技术,一个小程序,可以实现超级多的功能!特别是文字识别,支持身份证识别、营业执照识别、银行卡识别、发票识别等 18 种识别类别,瞬间识别完成,正确率还特别高!这个小程序还有网页版,功能更加强大!
网址:https://open.youtu.qq.com

◆ 袋鼠输入 ◆

怎么实现用手机控制电脑?在手机里下载「袋鼠输入」APP,电脑上安装好 PC 端,通过扫码来连接两个设备就能搞定~袋鼠输入的前身其实是「PPT 遥控器」,现在它不仅可以作为 PPT 遥控器,还可以遥控视频,语音输入,充当手写板,当做游戏手柄……可玩度超级高!在没有翻页笔的情况下,它是一个相当不错的替代工具!不过,两个设备一定要联网才行。
网址:http://daishu.baidu.com

◆ 百度图说 ◆

「百度图说」是一个傻瓜式图表工具,无须任何代码基础,完全可以满足普通职场人图表需求!编辑时,左侧进行数据修改,右侧图表实时显示变化,还支持本地 Excel 文件导入~还可以创建分享链接,数据图表分享给好友,在手机端查看非常直观方便。
网址:http://tushuo.baidu.com
另一款「百度 Echart」是一个纯 Javascript 的图表库,能实现更加专业的可视化效果!不过需要有代码基础……懂代码的盆友可以去试玩一哈~

◆ 简单搜索 APP ◆

简单,直接,快速的一个搜索软件。主打语音搜索功能,支持拍照搜索、实时翻译,还有悬浮球的功能,复制文字后点击即可搜索。一般的浏览器都会在主页显示常用站点,而「简单搜索」是在主页上滑之后再出现轻站点页面,支持自定义添加常用站点。主页右上角有个热榜榜单快捷入口,一次可以看到各大平台的时事热点,功能贴心友好。

◆ 语雀 ◆

「语雀」是阿里开发的一款团队知识管理工具,主打在线文档编辑与协同,是阿里员工进行文档编写、知识沉淀的标配。它的文档编辑协同功能和「石墨文档」类似,而「语雀」的一个账号可以建立数个团队,新建团队内部的知识库,包括文档、专栏、画板。「发现」页面会分享热门的知识库,比如精品书单、数据可视化教程等等。搜索栏试着搜索「PPT」,可以看到用户分享的知识库、画板等内容。总体来说,语雀的重心是团队知识管理,操作简单背景扎实,UI 讨喜。非常值得团队使用!
网址:http://www.yuque.com

◆ 阿里巴巴图标库 ◆

对 PPT 有一定研究的小伙伴对这个网站肯定不陌生,它是阿里妈妈 MUX 倾力打造的矢量图标管理、交流平台。图标资源由设计师上传,数量丰富又完全免费,直接搜索就可以找到相关主题的 icon,支持下载 png、svg、ai 格式~
网址:http://www.iconfont.cn

◆ 夸克浏览器 APP ◆

「夸克」是由原 UC 团队打造,同样无广告但是没有承诺永久,风格简约到令人发指,后来 UC 被阿里收购了~UI 设计比「简单搜索」要更精致好看一些,主页底部菜单栏还多了一个夸克精选,可以看到一些热门媒体的最新资讯。另外浏览器里还提供了夸克云盘的功能,免费用户拥有 10 G的空间~它的主页只有 4 个站点,另一个精选里涵盖了一些常用、科技、生活、设计、工具的常用站点,全部都是适配移动端的网页版本!不过没法像「简单搜索」那样添加到主页面。要想选择一款功能聚合型的浏览器,「夸克」可以成为你的首选!

好用的工具不一定会免费,免费的工具通常不会持久,且用且珍惜!

❌
❌