将您的第一个Camel.js博客部署到Heroku

最新推荐文章于 2024-10-16 00:15:00 发布
最新推荐文章于 2024-10-16 00:15:00 发布
阅读量123 收藏
点赞数
文章标签： git javascript 运维 ViewUI

Camel是一个Node.js博客平台，旨在快速，简单且精简。

用骆驼的作者凯西·利斯（Casey Liss）的话说：

Camel既不是静态的Blog平台，也不是真正的动态平台。 它距A列有点远，距B列有点远。第一次加载帖子时，它是通过从Markdown转换为HTML呈现的，然后通过添加页眉和页脚以及对元数据进行替换来进行后处理。 完成渲染后，从该点开始存储并使用结果HTML。

如果您想看看在野外奔跑的Camel的一些示例，可以在Liss is More上查看原始的Camel支持的博客，或者在我的两个Camel支持的博客中： Data McFly Blog和RogerStringer.com 。 后者以前是WordPress博客，拥有超过2,550篇博客文章，涵盖了十多年的博客工作，并且相当顺利地迁移到了Camel。

自2014年10月以来，我一直在使用Camel，尽管最初的设置可能会有些有趣，但与之合作很有趣。 考虑到这一点，在本文中，我们将逐步建立您的第一个Camel博客并部署到Heroku。

骆驼入门

首先，请确保已安装Node.js和npm。 您可以下载节点从这里 ，和NPM 从这里 。 如果您在安装Node.js（或npm）方面需要帮助，请查看最近的SitePoint文章 ，该文章涵盖了该主题。

接下来，我们需要一份Camel仓库： 

git clone https://github.com/cliss/camel.git

这将创建一个名为camel的文件夹，进入该文件夹并运行npm install来安装依赖项。

现在，我们可以通过键入node camel.js来测试Camel是否正常工作。 如果一切顺利，您应该可以在浏览器中访问http://localhost:5000并查看基本的Camel安装。

基本的骆驼安装屏幕截图

骆驼模板系统

骆驼的模板文件存储在templates文件夹中。 

+-- templates/
|     +-- defaultTags.html
|     +-- header.html
|     +-- footer.html
|     +-- postHeader.html
|     `-- rssFooter.html
  • defaultTags.html是我们存储站点范围内元数据的地方，例如作者信息，站点URL和站点标题。
  • header.html是我们博客的标题，显示在网站的每个页面上。
  • footer.html是网站页脚，也显示在每个页面上。
  • postHeader.html是用于显示帖子标题的文件。 它将插入网站标题后，并显示在每个帖子中。
  • rssFooter.html显示在每个RSS项的末尾。 这可能是指向您博客的链接，也可能是模糊的页面，用于告诉读者帖子的来源。

循环在Camel中的处理方式略有不同，而不是放在单独的文件中，而是将它们作为Handlebars模板存储在posts/index.md文件中： 

@@ Title=Home
@@ BodyClass=homepage
@@ DayTemplate=<div class="day">...</div>
@@ ArticlePartial=<div class="article">...</div>
@@ FooterTemplate=<div class="paginationFooter">...</div>

此页面包含在整个站点范围内使用的三个把手模板：

  • DayTemplate用于呈现帖子列表中的每一天。
  • ArticlePartial用于呈现单个文章。
  • FooterTemplate用于在页面底部呈现分页。

最后，我们需要考虑样式。 打开templates/header.html ，然后将<body>标记替换为： 

<body class="@@BodyClass@@">
  <div class="container">
    <div class="content">
      <div class="header">
        <div class="siteTitle"><a href="/">@@SiteTitle@@</a></div>
        <div class="siteByline">By @@siteAuthor@@</div>
        <nav>
          <a href="/about" rel="author">About</a>
          <span class="dot">&bull;</span>
          <a href="/rss">RSS</a>
        </nav>
      </div><!-- header -->
      <div class="main">

这将为我们的网站标题提供定义。

打开templates/footer.html并添加网站页脚： 

</div><!-- main -->
      </div><!-- content -->
      <footer>
        <p class="copyright">Copyright &copy; 2015 - My Site</p>
      </footer>
    </div><!-- container -->
  </body>
</html>

最后，打开public/css/site.css添加一些样式。 我们将使用此代码段 ，但随时可以添加自己的代码段 。

提交对Git的更改： 

git add .
git commit -m "Added basic styling"

然后重新启动服务器并刷新浏览器

关于缓存的一句话

默认情况下，每次对Camel博客进行任何更改并且要在浏览器中查看它们时，都必须重新启动服务器（每30分钟清除一次缓存）。 这会很快变得很烦人。

要解决此问题，请取消注释camel.js的以下行： 

// app.get('/tosscache', function (request, response) {
//     emptyCache();
//     response.send(205);
// });

重新启动服务器，然后您将有一个/tosscache路由可供使用，顾名思义，该路由清空缓存并允许您预览更改而无需重新启动。

骆驼直播

现在是时候启动您的Camel博客了，让全世界看看。 我们将使用Heroku作为我们的虚拟主机，因为它可以很好地处理Node.js网站。

首先，注册一个免费帐户。 然后，下载并安装Heroku Toolbelt（一种非常方便的命令行工具），使您可以从终端管理站点。

现在，通过五个简单的步骤，我们将创建Heroku应用并部署博客。 从您的camel文件夹中的终端：

  1. heroku login以登录Heroku。
  2. heroku create在Heroku中创建应用程序。
  3. git push heroku master将您的网站推送到Heroku。
  4. heroku ps:scale web=1告诉Heroku创建一个dyno （一个工作程序，响应Web请求）。
  5. 将打开heroku open以使用新的自定义URL打开浏览器。

添加您自己的域名

现在，您将获得一个随机生成的子域，该子域表示为http://random-name-12345.herokuapp.com 。 这对于测试是很好的选择，但是对于您希望每个人都阅读的真实世界级博客而言，则不是。

要将您自己的域名添加到您的Heroku应用程序，请在终端上运行以下命令： 

heroku domains:add www.mysite.com

然后，当您使用DNS管理工具（可能是GoDaddy，CloudFlare（或其他任何地方））时，只需将您的域作为CNAME记录指向您的站点。

因此，如果您的Heroku子域为： random-name-12345.herokuapp.com ，并且将其指向名为myawesomeblog.com的域，则CNAME如下所示： 

www CNAME random-name-12345.herokuapp.com
myawesomeblog.com CNAME random-name-12345.herokuapp.com

本地管理帖子

添加新帖子时，首先将文件添加到年份文件夹，然后是月份文件夹，再添加到要为其创建帖子的当天文件夹。 例如，要添加2015年2月24日的信息，我们将使用以下文件夹结构： 

`-- posts/
    +-- 2015/
    |     +-- 2/
    |     |   +-- 24/
    |     |   |    `-- my-new-blog-post.md

文件my-new-blog-post.md是新帖子。 如果您要在新的月份或日期创建帖子，则可以随时创建这些文件夹。

页面（例如/about在posts文件夹的根目录中创建。

现在，让我们编辑my-new-blog-post.md并添加一些内容。 对于每个帖子，元数据都在顶部指定，并且可以在正文中使用。 

@@ Title=Hello, World!
@@ Date=2015-03 17:50
@@ Description=This is a short description used in Twitter cards and Facebook Open Graph.
@@ Image=http://somehost.com/someimage.png

This is a *test post* entitled "@@Title@@".

Title和Date字段是必填字段。 其他任何元数据（例如Description和Image ）都是可选的。

将更新推送到Heroku

添加或编辑帖子后，您将需要将更新的博客部署到Heroku。

为此，将文件提交到Git（ 如上所示 ），然后运行： 

git push heroku master
heroku open

它将把您的更改推送到Heroku并在浏览器中打开更新的博客

这种方法的唯一缺点是，您只能使用设置此方法的计算机。 如果您是移动用户，并且想在平板电脑或手机上编辑帖子，则不合适。

幸运的是，Heroku已为您服务，并可以与您的Dropbox帐户同步。

管理您的Dropbox帐户中的帖子

设置您的骆驼博客以与您的Dropbox帐户同步，使您可以从任何地方编辑帖子。 我通常会从iPhone或iPad起草帖子，然后将新帖子部署到Heroku。

要进行设置，请转到您的Heroku帐户，然后单击为博客设置的Heroku应用。

单击Deploy按钮，然后选择Dropbox 。

然后将提示您将Dropbox帐户链接到Heroku应用程序。 完成此操作后，您的Camel博客将出现在您的Dropbox帐户中。

Heroku使用以下文件夹结构设置您的网站： 

`– Apps/
    +– Heroku/
    |     +– my-camel-blog/

从现在开始，您可以转到该文件夹​​并添加或编辑帖子和模板。

通过Dropbox部署

进行更改后，就可以再次进行部署了。

使用Dropbox设置，通过登录到Heroku仪表板将更改推送到Heroku，而不是从终端推送更改。

准备好部署更改时，请输入简短的更改描述，然后单击Heroku仪表板上的“ Deploy按钮。 您输入的用于部署的消息将作为提交消息。

启动后，仪表板将显示发布进度，并通知您是否有任何问题。

结论

在本教程中，您学习了如何将第一个Camel博客部署到Heroku，如何在本地使用您的博客，以及如何使用Dropbox从任何设备编辑和撰写帖子。

总体而言，Camel是一个简洁的博客引擎，易于扩展和构建。 例如，如果您查看Camel的Data McFly版本 ，我添加了对类别和站点地图的支持。

实际上，与其他博客引擎相比，我更喜欢Camel，这主要是因为其简单且没有膨胀。

From: https://www.sitepoint.com/deploying-camel-js-blog-heroku/

dingshi7798
关注
camel.js:一个类似骆驼的 node.js 路由和集成框架
06-04
骆驼.js ＃＃＃安装 使用 npm 安装： npm install camel.js ＃＃＃设置 需要camel.js 并创建一个新的上下文： var camel = require('camel.js'); context = new camel.context(); 创建一个新路由并将其添加到上下文中 route = new camel.route(); route.from('file://source.txt') .to('file://result.txt'); context.addRoute(route); 启动上下文 context.start(); 这将执行一个简单地将 source.txt 内容复制到 result.txt 的路由！ 路由是异步执行的，所以添加一个新路由： route2 = new camel.route(); route
Camel框架的快速认识和使用
Try My Best 尽力而为
07-02 2542
Camel流程框架是Apache下的一个开源项目，是较为成熟的流程框架。在web项目中也可以无缝地集成于Spring当中。   一、简单使用   引入camel相关的jar包：camel-core-2.10.4.jar。 1、经典的入门示例——文件移动   public class FileMoveWithCamel { public static void main(Str...
camel项目实例
03-08
Apache Camel 是一个非常强大的基于规则的路由以及媒介引擎，该引擎提供了一个基于POJO的 企业应用模式(Enterprise Integration Patterns)的实现，你可以采用其异常强大且十分易用的API (可以说是一种Java的领域定义语言 Domain Specific Language)来配置其路由或者中介的规则。 通过这种领域定义语言，你可以在你的IDE中用简单的Java Code就可以写出一个类型安全并具有一定智能的规则描述文件。这与那种复杂的XML配置相比极大简化了规则定义开发。 当然Apache Camel也提供了一个对Spring 配置文件的支持。 Apache Camel 采用URI来描述各种组件，这样你可以很方便地与各种传输或者消息模块进行交互，其中包含的模块有 HTTP, ActiveMQ, JMS, JBI, SCA, MINA or CXF Bus API。 这些模块是采用可插拔的方式进行工作的。Apache Camel的核心十分小巧你可以很容易地将其集成在各种Java应用中。
nocamel:不想在您的JS和Node中使用camelCase吗？ 好我都不
05-09
nocamel.js 介绍 这是一个开始的项目，因为最终用户无法选择语言语法。 该项目的目的是为所有Javascript和Node.js对象方法，实例方法，原型方法，对象属性和全局变量提供非camelCase别名。 我喜欢Javascript和Node.js，但是讨厌camelCase，有了这个库，我再次感到高兴。 这是一个正在进行的工作。 安装 npm install nocamel 包含（最好是脚本的第1行或应用程序的入口点） require ( 'nocamel' ) ; 用 // built-in prototype aliases! [ 1 , 2 , 3 ] . for_each ( num => { console . log ( num ) ; } ) ; // built-in object method aliases! Array . is_array (
Camel 2.11 –具有URL重写功能的HTTP代理路由
最佳 Java 编程
05-13 481
在即将发布的Apache Camel 2.11版本中，我最近添加了对将自定义url重写实现插入基于HTTP的路由（http，http4，jetty）的支持。 当您使用骆驼代理/桥接HTTP路由时，这使人们可以控制url映射。 例如，假设您需要代理一个旧式HTTP服务并插入一个映射URL的策略。 现在使用Camel 2.11更容易了。 在各种HTTP组件中添加了一个新的urlRewrite选...
org.fusesource.camel.component.sap.model-6.3.0.redhat-495.jar
05-31
提供 SAP 数据层的运行时对象 org.fusesource/org.fusesource.camel.component.sap.model/6.3.0.redhat-495/org.fusesource.camel.component.sap.model-6.3.0.redhat-495.jar
camel.c.exe
11-02
camel.c.exe
Apache Camel中文开发使用指南.zip
07-21
Apache Camel 是一个强大的开源框架，专门用于构建企业级应用程序中的集成解决方案。它提供了一种声明式的方式，使得开发者可以轻松地定义数据路由和处理规则，从而实现系统间的通信。这个"Apache Camel 开发使用...
bboss-camel.jar
03-14
官方版本，亲测可用
使用Fabric8在Kubernetes中使用Camel和CDI
最佳 Java 编程
05-29 332
序幕 我最近在博客上发表了使用CDI注入Kubernetes服务的信息 。 在本文中，我将更进一步，将Apache Camel带入图片。 因此，我将使用Camel的CDI支持来连接我的组件和路由，以及Fabric8的CDI扩展来自动将Kubernetes服务注入到我的组件中。 我将重用以前的文章中的内容（如果您还没有读过，请仔细阅读），以构建一个独立的骆驼cdi应用程序，该应用程序将通过...
详细描述一次最新Heroku部署python web项目的完整过程
daixin_me的博客
01-03 2171
最近刚敲完一个flask web方面的博客项目，一路走来，断断续续吧，都是利用业余时间学习加上操练来的，工作不忙的时候，就晚上回来练习，从笨方法一书敲起，工作忙的时候，这块就被搁置了，但是自己内心还是没有忘记它，一旦有空的时候，就去把它捡起来接着学习，今天算是操练到狗书的最后一节部署，通过部署的过程，我也记录了下，分享给学习狗书的后来者。1. Heroku云平台：当我们在本地撸完一个Web App的
flask程序部署到heroku平台的过程
GeekLee的博客
09-08 4174
一.准备app及开发环境（若已经准备好可以跳过直接到后面的部署，下面我以原书作者源代码为示例） 1.在github上新建一个仓库（假设为myapp），然后克隆到本地（不要照抄下面的代码，只是个实例，根据自己情况更改） $ git clone https://github.com/user/myapp.git 2.把作者的源码克隆到本地 $ git clone https://github.
apache camel 基本组件介绍
asd5629626的博客
08-13 4010
1、bean 对象 1.1 添加bean 构造camelContext直接放入 //新建 bean context JndiContext jndiContext = new JndiContext(); jndiContext.bind("bind",new TestBean()); // 这是camel上下文对象，整个路由的驱动全靠它了。 DefaultCamelCont...
Mac环境下Octopress个人博客搭建
weixin_30737363的博客
05-06 195
一直想弄一个漂亮一点的个人博客，之前一直用的博客园，对主页的能自定义内容实在不满意，终于下定决定，找到了Octopress这个适合我的解决方案，以下过程都是自己一步一步记录下来的，希望对大家有帮助。 1.首先你可以登录Octopress主页一下主要功能 http://octopress.org 并且确保mac安装了以下工具： git（应该是mac自带的） ruby 1.9.3以...
第7章 部署到heroku上-将应用发布
jov123的专栏
02-26 4664
请关注我的小站：http://oideas.herokuapp.com/ 首先还是推荐nswbmw大神的blog，这篇把nodejs的项目部署到heroku上真心不错，下面我就再重复一下TA的blog，点击查看nswbmw大神的blog 1.把本地mongodb服务，换成mongohq MongoHQ 是一个提供 MongoDB 存储服务的云平，注册地址：https:
Camel 2.11 –没有Spring的Camel Web应用程序
最佳 Java 编程
05-14 208
在撰写本文时，我们刚刚向即将到来的Apache Camel 2.11添加了一个新组件，该组件允许使用Camel运行Web应用程序，而不必依赖Spring Framework来加速Camel。 或与此相关的任何其他第三方框架。 有点as愧地说，在2013年，我们要在Apache Camel中开箱即用提供此功能有点晚了。 在支持Servlet 3.0规范的现代Web容器中。 您可以使用新...
初识git · 远程操作
最新发布
着重介绍C++ 领域，LInux领域，各种项目，部分算法，计算机四大件等
10-16 1019
在基本操作，分支管理这几个部分，我们都会在本地仓库操作了，但是目前还没有办法将自己的代码远程推送到仓库里面，所以本文，我们学习远程操作，操作完之后，我们就可以将自己的代码远程推送到我们自己的gitee或者是github账户啦。那么废话不多说，进入今日主题——远程操作。
darknet_ros 使用教程
zsy54577的博客
10-14 325
darknet_ros 使用教程
【Vercel】Vercel静态部署踩坑
毛毛的博客
10-15 196
vercel默认支持在Github的commit操作后进行自动部署。问题：如果提交git的邮箱和GitHub绑定邮箱不一致呢？可以自定义域名，也可以使用`vercel`的子域名。设置本地git提交邮箱。
报错错误: 找不到或无法加载主类 org.apache.camel.main.Main 原因: java.lang.ClassNotFoundException: org.apache.camel.main.Main
07-15
根据你提供的错误信息，仍然是找不到 `org.apache.camel.main.Main` 类。 这个错误通常发生在缺少了Apache Camel主要模块的依赖时。请确保在你的pom.xml文件中添加了正确的Apache Camel依赖项。 在 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值