402v

From where: Ghost博客搭建系列之五 - Vno主题

这套博客系统中提到的邮箱配置有两个部分，Ghost自己的邮箱配置目前仅用于密码找回，如果仅需要配置邮件订阅服务的话可以直接跳转到Vno邮件订阅继续浏览。

###Ghost邮箱配置

之前提到Ghost的config.js配置的时候有说过，除了URL之外还可以配置mail。目前Ghost配置了邮箱之后仅仅用于密码找回，据官方的说法后续会将这个邮箱用作邮件订阅。

总之对于强迫症患者的话这里有个东西可以配置，就不能容忍放任它不管。何况已进入Ghost管理后台，上方就会出现一个补充邮箱的提示。config.js中的mail配置部分的代码是这样的：

config = {
    // ### Production
    // When running Ghost in the wild, use the production environment.
    // Configure your URL and mail settings here
    production: {
        url: 'http://thereisnoonewillbelievethatthisismyblogdomain.com',

        mail: {
            transport: 'SMTP',
            options: {
                service: 'Mailgun',
                auth: {
                    user: 'postmaster@your-blog-url.com', // mailgun username
                    pass: 'mailgun_pass'  // mailgun password
                }
            },
            from: '"Custom Name" <custom@mail.com>',
        },
        ...
    }
    ...
}

Ghost官方推荐用Mailgun来配置你的邮件订阅托管服务。Mailgun提供了一系列的邮件托管服务解决方案。

首先注册一个账号，然后会引导进行邮件订阅托管的配置：

域名绑定，添加域名到Mailgun；
然后DNS解析服务商（如：DNSPod）那里进行DNS配置，为了实现各个目的添加不同的DNS记录：
- 验证域名：在DNSPod上添加两条TXT DNS记录；
- 添加发送和跟踪服务：除了上面两条记录外还需要一个CNAME的别名记录；
- 添加接收邮件服务：增加两条MX DNS记录；
Mailgun配置的详细说明参见Mailgun的帮助文档
然后将Mailgun的账号和密码添加到config.js文件中去，替换默认值；
还可以追加一个from部分，指定显示的邮件发送者和发送邮箱，格式为：from: '"Custom Name" <myemail@address.com>',；
最终配置好的配置文件如上文config.js代码中的mail部分所示，没什么大用，官方文档提到也可以直接配置Gmail的账号或者其他的服务。

###<span id = "vno_mail">Vno邮件订阅</span> 市面上提供邮件订阅托管服务的站点很多，比如上文的Mailgun就是一个。Vno中@onevcat用到的是Mailchimp，实际使用过程中还是非常符合我界面清爽，使用简单的要求的，一如：DigitalOcean和Ghost。

Mailchimp还提供了跟踪统计功能，虽然有些Pro功能需要付费使用，但是没事看看博客订阅者的浏览率等等数据也挺好玩儿的。

Mailchimp的初级配置分为两个部分：List和Campaigns，其中Campaign直译为一个活动，从一个博客、一个App中定期发出的邮件都可以成作为一个活动。 ####Lists List的作用是管理你的订阅者，就是说订阅者直接订阅的并不是一个活动，而是订阅到某个List中，这个List只有你可以看到和管理，待会儿创建Campaign的时候会指定这个Campaign发送到的List。

现在来创建一个List：

首先给List取个名字；
Default "from" email，订阅者收到邮件（newsletter）时显示的发件邮箱；
Default "from" name，订阅者收到邮件时显示的发件人；
在下一行是自定义一个用户订阅时会看到的提示注册文案，点击输入框之后下方会有一些提示的示例文案，在这里卖萌、求搞基就都随你了；
在下方的联系方式是从你注册时填写的profile里面读取的，你也可以随意修改；
Notifications配置用户订阅后发送给你的提示邮件方式；
点击save保存。

完成之后会看到下面这个界面，然后就是添加几个用于测试的订阅者或者导入其他订阅者，但是需要订阅邮箱确认。

接下来点击Signup forms来创建用户订阅时看到的页面和跳转到订阅页面的链接。

最方便的方式是选择创建General froms，Embeded forms可以获取HTML代码嵌入到自己的网站页面。点击General froms后进入下面这个创建Form的页面：

From and response emails选择当前配置的是哪个页面，如：订阅页面（Signup Form）、订阅后的致谢页面（Signup "thank you" page）、取消订阅页面（Unsubscribe Form）等等。下面的两个勾选项点击后面的info可以了解详细信息，可以先不勾选。以订阅页面为例看下下面的配置；
Signup form URL很重要，默认生成的URL用于<span id = "signup_url">配置到Ghost博客</span>上，点击后跳转到博客订阅页面，保存下来，后边配置vno主题时会用到。后面两个按钮可以分享订阅URL到facebook和twitter，最后一个QR按钮点击会生成一个访问订阅页面的二维码；
再下面是订阅页面的编辑区域，可以自定义展现给订阅者的页面。页面是实时刷新的，编辑完之后不需要保存。

####Campaigns 有了List之后就可以创建新的Campaign了，Campaign就好像是一个一直在MailChimp上跑的属于你的程序，根据你配置的规则进行定期发送邮件等活动。

首先选择Campaign的类型，根据Ghost帮助文档的介绍，我们这里选择基于RSS的Campaign类型RSS campaign；
页面的最下方列出了配置的步骤，当前步骤配置好之后点击next进入下一步，后续修改的时候也可以直接点击右上角的Save and Exit直接退出编辑页面；
RSS Feed：先填写博客RSS Feed URL，Ghost博客默认的rss链接是your-blog-url.com/rss，也可以直接把博客的域名添进去，Mailchimp会帮你找到rss的地址。下面再配置一下发邮件的频率和时间，点击next进入下一步；
Recipients：在这一步用到了我们之前创建的List，选择一个List，并指定是发给整个List还是某个segment；
Setup：还是那点事儿，取个名字，取个标题（Email subject），值得一提的是这里允许使用一些可变文字标签*|RSSFEED:TITLE|*、*|RSSFEED:DATE|*、*|FNAME|*等等。Tracking和Social media部分根据实际情况配置；
Template：MailChimp提供了很多模板或者已经设计好的主题，用于展示发送给订阅者的邮件格式。
Design：选择好模板之后进入设计页面；如果是选择Basic的模板，别忘了至少要把RSS Items这个组件放到你的页面里面，方便订阅者收到邮件后知道有哪些更新。设计好之后点击next进入最后的Confirm页面；
Confirm：这个页面用来确认之前的配置，某一处配置有问题的话会给一个错误，例如这里指定的List里面没有订阅者；

解决掉所有错误之后保存、完成，MailChimp会给你猩猩手势的动画。Campaign配置完成，MailChimp会检查当日是否有RSS博客更新，如果有的话就会在指定好的时间发送一封邮件给List内的订阅者，MailChimp还会整理周更新发给订阅者。

###配置Vno主题博客最后我们还需要配置一下Vno主题中的订阅入口。用户点击首页的订阅按钮就会跳转到MailChimp某个List的订阅页面。

进入到/var/www/ghost/content/themes/vno目录下用vim或者nano编辑partials/side-panel.hbs文件，找到

<li class="navigation__item"><a href="http://your-blog-url.com/rss" title="邮件订阅本站">订阅</a></li>

所在的这一行，把http://your-blog-url.com/rss替换为之前创建的MailChimp List的Signup URL。

保存退出。重启Ghost服务。

service ghost restart

Vno主题的邮件订阅功能配置完成，点击订阅后的效果如下：

#Where to go

Ghost博客搭建系列之七 - Ghost使用初体验

Ghost博客搭建系列之六 - 邮件订阅配置

评论 · 0