工具集
图床
微博图床【免费】有页面和浏览器插件可以使用,非常方便。国内速度也非常快。
上传地址
插件地址
upload.cc【免费】有页面和浏览器插件可以使用,香港那边开发服务,速度也不错。
上传地址
插件地址
superbed.cn【免费】聚合图床 - 高速稳定的图片上传和外链服务,具有配套的客户端上传、插件支持、上传接口支持
上传地址
国际化(i18n)
国际化(i18n)面对的问题文案
静态文案翻译
使用i18n国际化插件匹配字典重新赋值(预估工作量相当大,尽量配合编辑器插件直接进行机翻,后续再给业务人员校准)
动态文案翻译(server端下发的动态数据)
样式
不同语言长度不一样造成的样式错乱
根据语言切兼容样式的class
图片替换时区问题长文案加变量的翻译问题切换语言与服务端数据间的更新
兜底解决,直接刷新当前页面
方案
定义国际化配置定义的方式有多种,多以文件的形式单独保存,如json,js,properties 等,并且将配置信息以键值对的形式保存备用
当前采用JSON格式,易于后期远端维护及更新
根据环境读取配置
hash型:#cn; #en; #us
saerch型:?lan=cn; ?lan=en; ?lan=us
url/meta型: 163.com/cn/; 163.com/en
缓存型:缓存形式多为cookie,默认cn,用户重新设定后将缓存更新
当前方案采用缓存型,默认根据用户浏览器设置的语言自动选择,兜底语言默认设置为 en,语言状态会存储再本地storage及cookie中。
...
Blog之Valine Admin(二)LeanCloud唤醒服务
休眠策略概述标准实例不会休眠,体验实例会执行休眠策略:
如果应用最近一段时间(半小时)没有任何外部请求,则休眠。
休眠后如果有新的外部请求实例则马上启动。访问者的体验是第一个请求响应时间是 5 ~ 30 秒(视实例启动时间而定),后续访问响应速度恢复正常。
强制休眠:如果最近 24 小时内累计运行超过 18 小时,则强制休眠。此时新的请求会收到 503 的错误响应码,该错误可在 云服务控制台 > 云引擎 > 云引擎分组 > 统计 中查看。
官方文档:云引擎采用什么样的休眠策略?
定时任务设置Valine Admin 存在2种云函数,我们会针对性创建2个定时任务,国内版使用北京时间(东八区),国际版使用 UTC+0 时区。
self-wake 云函数:自动唤醒服务器
Cron表达式为 0 */10 0-15 * * ?,表示每天早8点到晚23点59分每隔10分钟访问云引擎,防止休眠。(间隔时间可以调整,不过不建议超过30分钟,以免出现休眠空档期)
resend-mails 云函数:邮件补发
Cron表达式为 0 0 1 * * ?,表示每天9点检查过去 ...
Blog之Valine Admin(一)
配置 Valine AdminValine Admin 是 Valine 评论系统的后端功能补充和增强,主要实现评论邮件通知、评论管理、垃圾评论过滤等功能。
云引擎一键部署
配置邮件提醒
此处需要用到QQ邮箱授权码,详细获取方法可在后面查看。
相关参数说明
变量
示例
说明
SITE_NAME
xx的博客
[必填]博客名称
SITE_URL
https://sayll.github.io/
[必填]首页地址
SMTP_SERVICE
QQ
[新版支持]邮件服务提供商,支持 QQ、163、126、Gmail 以及 更多
SMTP_USER
xxxxxx@qq.com
[必填]SMTP登录用户
SMTP_PASS
ccxxxxxxxxch
[必填]SMTP登录密码(此处的密码非邮箱密码,而是授权码)
SENDER_NAME
博主
[必填]发件人
SENDER_EMAIL
xxxx ...
Blog之Valine评论系统
Valine评论系统遵循 Valine 的指引去配置你的 LeanCloud 应用
配置LeanCloudLeanCloud分为国内和国际版,本教程以国际版作为演示,国内版配置稍有不同,暂不做讨论。
国际版地址: https://leancloud.app/
国内版地址: https://www.leancloud.cn/
注册及验证账户信息这个属于基本中的基本,请自行验证不做过多阐述。
创建应用
配置安全域名
获取AppID及AppKey
配置Hexo主题配置12345678comments: # 配置使用 Valine 留言系统 use: - Valinevaline: appId: # 将之前复制保存的 AppID 填入该处 appKey: # 将之前复制保存的 appKey 填入该处 serverURLs: # 国际版该字段留空,国内版需填写对应的服务地址
Blog搭建之框架选择
框架选择常见的博客框架有Hexo、Hugo、Jekyll、VuePress、WordPress、Halo等,后面我们一一介绍。
静态框架Hexonodejs实现,快速、简洁且高效的博客框架,拥有上百种开源主题选择。
优点
超快速度
支持 Markdown
一键部署
插件和可扩展性
缺点
没有数据库的支撑
环境搭建大部分是在本地运行,这使得脱离电脑难以发布文章
HugoHugo是由Go语言实现的静态网站生成器,简单、易用、高效、易扩展、快速部署,官网称其为”世界上最快的网站建设框架”
优点
编译速度超快
部署简洁
缺点
没有插件
比较适合文章数量多,追求编译速度的同学
JekyllJekyll是一个简单的静态网站生成器,用于生成个人,项目或组织的网站。它由GitHub联合创始人汤姆·普雷斯顿·沃纳用Ruby编写,并根据MIT许可证发布。
优点
Github 支持度更高
VuePressnodejs实现,Vue 驱动的静态网站生成器
优点
简洁至上
Vue 驱动
高性能
丰富插件
多个打包工具选择
纯静态网址生产器,更多的场景是编写文档
动态框架WordPr ...
Github 免密码提交之SSH
关于 SSHSecure Shell(安全外壳协议,简称SSH)是一种加密的网络传输协议,可在不安全的网络中为网络服务提供安全的传输环境。SSH通过在网络中创建安全隧道来实现SSH客户端与服务器之间的连接。SSH最常见的用途是远程登录系统,人们通常利用SSH来传输命令行界面和远程执行命令。
使用 SSH 协议可以连接远程服务器和服务并向它们验证。 利用 SSH 密钥可以连接 GitHub,而无需在每次访问时都提供用户名和个人访问令牌。
检查现有 SSH 密钥在生成 SSH 密钥之前,您可以检查是否有任何现有的 SSH 密钥。
打开 终端
输入 ls -al ~/.ssh 以查看是否存在现有 SSH 密钥:1$ ls -al ~/.ssh
检查目录列表以查看是否已经有 SSH 公钥。 默认情况下,公钥的文件名是以下之一
id_rsa.pub
id_ecdsa.pub
id_ed25519.pub
生成 SSH 密钥如果未存在 SSH 密钥,可主动生成 SSH 密钥。
打开 终端
粘贴下面的文本(替换为您的 GitHub 电子邮件地址)1$ ssh-keygen -t ed2 ...