开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用Handlebars.js(小胡子模板)制作i18n？

在使用Handlebars.js制作i18n时，我们需要遵循以下步骤：

安装Handlebars.js和i18n库：

首先，我们需要安装Handlebars.js和i18n库。可以使用npm或yarn进行安装。

npm install handlebars i18n

创建i18n配置文件：

接下来，我们需要创建一个i18n配置文件，例如：i18n.js。在这个文件中，我们需要配置i18n库的相关设置，例如语言文件的路径、默认语言等。

const i18n = require('i18n');

i18n.configure({
  locales: ['en', 'zh'],
  directory: __dirname + '/locales',
  defaultLocale: 'en',
  objectNotation: true,
  api: {
    '__': 'translate',
    '__n': 'translateN'
  }
});

module.exports = i18n;

创建语言文件：

接下来，我们需要在locales文件夹中创建语言文件。例如，我们可以创建一个名为en.json的英语语言文件和一个名为zh.json的中文语言文件。在这些文件中，我们需要定义相应的翻译词汇。

// en.json
{
  "welcome": "Welcome",
  "hello": "Hello, {{name}}!"
}

// zh.json
{
  "welcome": "欢迎",
  "hello": "你好，{{name}}!"
}

创建Handlebars模板：

接下来，我们需要创建一个Handlebars模板，例如：template.hbs。在这个模板中，我们可以使用i18n库提供的翻译函数来翻译模板中的文本。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
   <title>{{__ 'welcome'}}</title>
  </head>
  <body>
    <h1>{{__ 'hello' name=user.name}}</h1>
  </body>
</html>

编写JavaScript代码：

最后，我们需要编写JavaScript代码来渲染Handlebars模板，并将其输出到客户端。

const fs = require('fs');
const Handlebars = require('handlebars');
const i18n = require('./i18n');

// 读取模板文件
const template = fs.readFileSync('./template.hbs', 'utf-8');

// 编译模板
const compiledTemplate = Handlebars.compile(template);

// 设置用户信息
const user = {
  name: 'John Doe'
};

// 渲染模板
const renderedTemplate = compiledTemplate({
  user: user,
  __: i18n.__,
  __n: i18n.__n
});

// 输出模板
console.log(renderedTemplate);

现在，我们已经成功地使用Handlebars.js和i18n库来实现了国际化。当我们需要切换语言时，只需要修改i18n配置文件中的默认语言设置即可。

相关搜索:如何制作phpcms模板在Handlebars.js中跨多个模板使用相同的数据对象有没有办法通过jQuery来使用Handlebars.js注入模板？个人如何制作php模板如何制作简单的模板？如何使用Handlebars.js创建条件行类？如何在handlebars.js中使用一个模板，同时在其中使用多个对象？如何在带变量的html模板中使用anguluar i18n？如何绑定Handlebars.js模板上的数据以进行自动值更新？不知道如何制作模板如何使用子类制作数据模板实现的基础数据模板？如何在Sinatra中制作布局模板？如何从子模板子模板制作DependencyProperty，以便从父模板子模板访问？如何在Angular 7中制作XML模板如何使用rails i18n后备功能如何使用模板如何制作递归编译时可变结构模板如何制作基于类型的重载函数的模板？如何将webpack制作的模板导入Laravel 如何使用Vue i18n库翻译项目

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

标签制作软件中如何导出标签模板为PDF文件？

最近小编遇到有些客户问在标签制作软件中设计好的标签模板，能不能导出PDF文件保存，小编的回答是当然可以，而且操作也是非常简单的，接下来小编给大家演示下是如何操作的。...首先在标签制作软件中新建一个标签，设置标签模板纸张大小，行列等信息。例如，纸张40mm*40mm，1行1列。标签设置完成之后，简单的在标签制作软件中设计一个标签模板。...小编设计的是一个简单的二维码防伪标签模板，设计好之后打开标签制作软件的打印设置，结束页码选择1（输出一个标签模板），选择打印到“PDF文档”，设置好PDF文档的保存位置和名称，还可以选择RGB或者CMYK...然后就可以在保存的路径中找到相关标签模板的PDF文件，打开查看。...以上就是在标签制作软件中把标签模板导出PDF文件的操作过程，如果打开导出的PDF文件发现里面的文字出现乱码的情况，可以在标签制作软件的打印设置中勾选“文字转曲”，再重新输出，这样就可以解决PDF文件中文字乱码的情况

1.7K5 0

如何将制作完成的标签自定义模板

很多用户在使用条码软件时，一般都是先设计好标签的样式，而且这个标签样式在未来的日子里会持续使用，只不过每次打印的数据不同。...这种持续使用的标签可以将其自定义成模板，以后使用的时候只需调用这个模板即可。接下来我们看看具体的操作步骤。　　在条码标签软件中打开已经设计制作完成的一个标签，小编以下图的标签为例子。...01.png 　　在软件左上角点击文件，选择保存为自定义模板。 02.png 　　弹出一个界面，在输入模板名称处填写模板的名称，方便以后继续使用。...03.png 　　使用模板时，在软件右侧点击模板库，找到保存的模板，在该模板上双击就可将模板直接导入到画布，而且标签尺寸也是按照模板尺寸的设置。...04.png 　　综上所述，就是在条码软件中如何将制作完成的标签设置成自定义模板的操作方法，后续也可以修改或者删除模板。

1.1K2 0

如何使用appuploader制作描述文件

如何使用appuploader制作描述文件承接上文我们讲述了怎么制作证书，本文我们来看下怎么制作描述文件吧。制作描述文件前我们首先我们来添加一个测试设备，后面再制作描述文件。...如果全部证书出现以下证书为空，有3中可能的原因：1.没有制作证书，需要到证书管理制作证书2.当前类型的描述文件没有对应的证书，需要更改描述文件或者新建当前描述文件类型的证书3.证书是推送类型，不需要建立描述文件制作完成的描述文件...，点击“下载”保存到桌面至此，我们证书和描述文件都已经制作完成了。

4072 0

如何使用appuploader制作apple证书

如何使用appuploader制作apple证书 1.证书管理点击首页的证书管理 2.新建证书点击“添加”，新建一个证书文件（PS：推荐勾选密码下面的蓝字字体内容），免费账号制作证书只有...并且免费账号只能创建开发证书，无法提交上传发布，无法使用apple登录，支付，推送等功能。...画红圈的部分就是开发证书（development），后面的distribution是发布证书，managed是管理证书，这两个也都是支付了99美金给apple才能使用的。...3.使用appuploader服务同步证书如果勾选“使用appuploader服务同步证书”此项，我们将可以在不同电脑上下载和使用此证书，将ipa文件上传到App Store给苹果审核,不需要Mac...新建证书完成后另存文件保存下来，证书就已经制作好了，点击另存到想要保存的位置就好了。制作好的证书就是.p12格式的，无需转换。

6442 0

如何使用appuploader制作描述文件

原文链接：http://kxdang.com/topic/appuploader/iosdev44.html 承接上文我们讲述了怎么制作证书，本文我们来看下怎么制作描述文件吧。...编辑切换为居中添加图片注释，不超过 140 字（可选）如果全部证书出现以下证书为空，有3中可能的原因：没有制作证书，需要到证书管理制作证书当前类型的描述文件没有对应的证书，需要更改描述文件或者新建当前描述文件类型的证书...证书是推送类型，不需要建立描述文件编辑切换为居中添加图片注释，不超过 140 字（可选）添加测试设备编辑切换为居中添加图片注释，不超过 140 字（可选）制作完成的描述文件

7051 0

如何使用appuploader制作描述文件

如何使用appuploader制作描述文件承接上文我们讲述了怎么制作证书，本文我们来看下怎么制作描述文件吧。...如果全部证书出现以下证书为空，有3中可能的原因： 1.没有制作证书，需要到证书管理制作证书 2.当前类型的描述文件没有对应的证书，需要更改描述文件或者新建当前描述文件类型的证书 3.证书是推送类型...制作完成的描述文件，点击“下载”保存到桌面至此，我们证书和描述文件都已经制作完成了。

5912 0

如何使用appuploader制作apple证书

如何使用appuploader制作apple证书 1.证书管理点击首页的证书管理 2.新建证书点击“添加”，新建一个证书文件（PS：推荐勾选密码下面的蓝字字体内容），免费账号制作证书只有...并且免费账号只能创建开发证书，无法提交上传发布，无法使用apple登录，支付，推送等功能。...画红圈的部分就是开发证书（development），后面的distribution是发布证书，managed是管理证书，这两个也都是支付了99美金给apple才能使用的。...3.使用appuploader服务同步证书如果勾选“使用appuploader服务同步证书”此项，我们将可以在不同电脑上下载和使用此证书，将ipa文件上传到App Store给苹果审核,不需要Mac...新建证书完成后另存文件保存下来，证书就已经制作好了，点击另存到想要保存的位置就好了。制作好的证书就是.p12格式的，无需转换。 **

3451 0

如何使用Python中Django模板？

译者：穆胜亮 https://www.mattlayman.com/understand-django/templates-user-interfaces/ 篇文章将学习如何使用Django模板。...模板是在Django项目中构建用户界面的主要工具。让我们学习一下在视图中如何使用模板，以及Django的模板系统能够提供什么特性。设置模板我们需要一个地方放置模板。...Django的模板系统可以使用多个模板后端。这个后端决定了模板如何运行。我推荐使用Django默认的模板语言。这个模板语言对Django这个框架有最紧密的集成和最好的支持。...接下来我们看看如何来实现。构建你自己的模板武器当你需要构建你自己的模板标签或者过滤器时，Django给你提供了制作它们的工具。...我们已经学习的以下内容：如何设置你网站的模板从视图中调用模板的方法如何使用数据如何处理逻辑可用于模板的内置标签和过滤器使用你自己的代码扩展定制模板

3.9K3 0

如何使用appuploader制作apple证书

2.新建证书点击“添加”，新建一个证书文件（PS：推荐勾选密码下面的蓝字字体内容），免费账号制作证书只有7天有效期，没有推送消息功能，推送证书是用来配置在网站上推送的。不是用来打包编译app的。...3.使用appuploader服务同步证书如果勾选“使用appuploader服务同步证书”此项，我们将可以在不同电脑上下载和使用此证书，将ipa文件上传到App Store给苹果审核,不需要Mac电脑...新建证书完成后另存文件保存下来，证书就已经制作好了。制作好的证书就是.p12格式的，无需转换。

5962 0

如何使用appuploader制作描述文件

承接上文我们讲述了怎么制作证书，本文我们来看下怎么制作描述文件吧。 1.描述文件首先我们在主界面找到描述文件管理，点击进入描述文件按钮。...如果全部证书出现以下证书为空，有3中可能的原因： 1.没有制作证书，需要到证书管理制作证书 2.当前类型的描述文件没有对应的证书，需要更改描述文件或者新建当前描述文件类型的证书 3.证书是推送类型...制作完成的描述文件，点击“下载”保存到桌面至此，我们证书和描述文件都已经制作完成了。

6531 0

如何使用appuploader制作apple证书

如何使用appuploader制作apple证书 1.证书管理点击首页的证书管理 2.新建证书点击“添加”，新建一个证书文件（PS：推荐勾选密码下面的蓝字字体内容），免费账号制作证书只有...并且免费账号只能创建开发证书，无法提交上传发布，无法使用apple登录，支付，推送等功能。...画红圈的部分就是开发证书（development），后面的distribution是发布证书，managed是管理证书，这两个也都是支付了99美金给apple才能使用的。...3.使用appuploader服务同步证书如果勾选“使用appuploader服务同步证书”此项，我们将可以在不同电脑上下载和使用此证书，将ipa文件上传到App Store给苹果审核,不需要Mac...新建证书完成后另存文件保存下来，证书就已经制作好了，点击另存到想要保存的位置就好了。制作好的证书就是.p12格式的，无需转换。

4751 0

如何使用appuploader制作描述文件

承接上文我们讲述了怎么制作证书，本文我们来看下怎么制作描述文件吧。 1.描述文件首先我们在主界面找到描述文件管理，点击进入描述文件按钮。 ...如果全部证书出现以下证书为空，有3中可能的原因： 1.没有制作证书，需要到证书管理制作证书 2.当前类型的描述文件没有对应的证书，需要更改描述文件或者新建当前描述文件类型的证书 3.证书是推送类型...制作完成的描述文件，点击“下载”保存到桌面至此，我们证书和描述文件都已经制作完成了。

4051 0

如何使用appuploader制作apple证书

如何使用appuploader制作apple证书 1.证书管理点击首页的证书管理 2.新建证书点击“添加”，新建一个证书文件（PS：推荐勾选密码下面的蓝字字体内容），免费账号制作证书只有...并且免费账号只能创建开发证书，无法提交上传发布，无法使用apple登录，支付，推送等功能。...画红圈的部分就是开发证书（development），后面的distribution是发布证书，managed是管理证书，这两个也都是支付了99美金给apple才能使用的。...3.使用appuploader服务同步证书如果勾选“使用appuploader服务同步证书”此项，我们将可以在不同电脑上下载和使用此证书，将ipa文件上传到App Store给苹果审核,不需要Mac...新建证书完成后另存文件保存下来，证书就已经制作好了，点击另存到想要保存的位置就好了。制作好的证书就是.p12格式的，无需转换。

3402 0

如何使用SVG动画来制作游戏

游戏的灵感在使用过一段时间的SVG动画之后，我相当清楚如何利用它来制作动画片段或者网页布局。一些动画库平台，例如Greensock，和原生的CSS动画简直是绝配。...这里是游戏的完整版: http://codepen.io/gregh/full/yVLOyO 目录创作的过程使用GreenSock来制作动画背景动画柱子动画分数的动画弹性盒子布局让游戏界面可缩放...其中的一个最主要的问题就是，如何能让游戏在所有的设备和所有尺寸的显示器上都看起来不错。我使用我的Macbook Pro ? 开发，游戏的画面很棒。但是当到了 27" iMac screen ?...当你在制作一个复杂的动画时，有一点是需要注意的。你完全可以使用一整个SVG当做背景，然后为这个SVG的子元素和路径来制作动画。...柱子动画每一个柱子里都有一些会动的小元素，这些小元素仅仅是由HTML和CSS制作出来的。使用SASS可以节省很多时间和代码量（通常情况下是这样的）。

2.1K3 0

影视后期：PR 炫酷分屏模板制作及分屏插件使用

写在前面整理一些影视后期相关学习笔记博文为 PR 分屏模板制作及分屏插件使用理解不足小伙伴帮忙指正「缺月挂疏桐，漏断人初静。谁见幽人独往来，缥缈孤鸿影。惊起却回头，有恨无人省。...——宋·苏轼《卜算子·黄州定慧院寓居作》」名词解释：关键帧运动关键帧运动是指在Adobe Premiere Pro（PR）中使用关键帧来控制视频剪辑中物体的运动和变化。...通过使用轨道遮罩键，您可以限定一个视频轨道中的内容只在另一个轨道的特定区域内显示。...像素调整为百分比新建三个颜色遮罩层给不同的颜色区分按照画面想要出现的位置绘制蒙版，关闭蒙版羽化给各替换素材层做添加轨道遮罩键和运动关键顿利用旧版标题直线工具/工具栏-钢笔工具绘制描边，给描边做运动关键帧模板制作...，将所有视频素材层单独嵌套-替换素材层模板制作需要注意：素材上不能有任何的效果不能有任何的运动对素材进行分类整理炫酷分屏2(单遮罩层多遮罩放大) 利用旧版标题中的矩形工具/工具栏矩形工具进行遮罩绘制

2871 0

如何制作和使用自签名证书

如何制作和使用自签名证书在计算机加密和安全领域中，我们会时常遇到：自签名安全证书。因为自签名证书签发相对于商业证书流程简单，费用低廉（除了电费几乎不花钱），更新容易。...本篇文章就来聊聊如何快速生成证书，以及如何安装部署到不同的环境中。写在前面经常有人说，使用自签名证书不安全，会导致中间人攻击。...这里需要为自签名证书“正名”，如果你制作生成的证书被妥善保管（即不泄漏并被二次利用），并将其加入你的有限的设备（自用、团队使用）的证书信任列表中，在明确你的设备访问地址（不涉及DNS攻击），你是不会遇到中间人攻击的...信任之后，会看到浏览器提示“安全” 那么来聊聊如何快速生成证书。...使用证书生成证书之后，来聊聊如何使用证书。在各种系统上导入证书导入证书可以参考下面的文档，过程都很简单，引导证书，然后重启需要使用证书的应用即可。

1.5K2 0

如何制作和使用自签名证书

如何制作和使用自签名证书在计算机加密和安全领域中，我们会时常遇到：自签名安全证书。因为自签名证书签发相对于商业证书流程简单，费用低廉（除了电费几乎不花钱），更新容易。...本篇文章就来聊聊如何快速生成证书，以及如何安装部署到不同的环境中。写在前面经常有人说，使用自签名证书不安全，会导致中间人攻击。...这里需要为自签名证书“正名”，如果你制作生成的证书被妥善保管（即不泄漏并被二次利用），并将其加入你的有限的设备（自用、团队使用）的证书信任列表中，在明确你的设备访问地址（不涉及DNS攻击），你是不会遇到中间人攻击的...[信任之后，会看到浏览器提示“安全”] 那么来聊聊如何快速生成证书。...使用证书生成证书之后，来聊聊如何使用证书。在各种系统上导入证书导入证书可以参考下面的文档，过程都很简单，引导证书，然后重启需要使用证书的应用即可。

4.1K3 0

如何使用Elementor插件制作Wordrpess首页？

很多wp爱好者不禁要问一下:可以使用Elementor来构建Wordpress首页吗？点击这里下载Elementor 答案是肯定的！...有两种方式，一种自由式编辑，不过如果你使用的是免费版的Elementor，其功能和元素有限，所以不建议使用。我会强烈推荐使用Elementor模板来搭建！...然后点击【添加模板】 ? 搜索【HOMEPAG】，的确有很多首页模板，但是大部分的都是收费版才能用，免费的很少且太一般。 ?...不用担心，我们还可以自己上传Elementor模板，先点击右上角的上传按钮，然后点击【选择文件】。那么问题来了，我们该去哪找华丽的Elementor模板呢？...友情提醒建议使用谷歌浏览器来进行Elementor页面编辑。如果需要更多Elementor模板和Elementor收费版的可以联系博主哦。

12.1K12 0

如何使用HTML制作个人网站（如何搭建个人博客）

一、‍网站题目 ‍个人博客网站、‍个人主页介绍、个人简介、个人博客设计制作、等网站的设计与制作。...二、✍️网站描述 ️ 大学生个人HTML网页设计作品，采用DIV CSS布局制作，页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。...页面精美包含多个排版布局，学生网页作业水平制作。一套优质的网页设计应该包含 (具体可根据个人要求而定) 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。...网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。...很多刚入门编程的小白学习了基础语法，却不知道语法的用途，不知道如何加深映像，不知道如何提升自己，这个时候每天刷自主刷一些题就非常重要（百炼成神），可以去牛客网上的编程初学者入门训练。

1.6K2 0

Python如何使用PIL Image制作GIF图片

save_name if __name__ == '__main__': pic_dir = 'dmp' save_name = get_gif(pic_dir,40,0.25) print('制作完成

1.8K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭