手机
当前位置:查字典教程网 >建站 >CMS教程 >Ghost初级教程:如何搭建一个免费Ghost博客
Ghost初级教程:如何搭建一个免费Ghost博客
摘要:ghost博客系统无疑是这个月最火热的话题之一,这个号称”只为博客“的系统,早在项目开始之初就受到了众人的关注。它使...

ghost博客系统无疑是这个月最火热的话题之一,这个号称”只为博客“的系统,早在项目开始之初就受到了众人的关注。它使用了当前最火热node.js技术,10月14日发布了V0.3.3版本。江湖传言它将是下一个wordpress。

下面来看几张ghost博客的截图:

Ghost初级教程:如何搭建一个免费Ghost博客1

Ghost初级教程:如何搭建一个免费Ghost博客2

看起来很酷,对吧!更重要的是搭建一个ghost博客非常非常的简单,ghost小组甚至在未来的几周之内会推出一项host服务,让你轻轻点击几下即可拥有一个ghost博客。

早起的鸟儿有虫吃,而且点击按钮创建博客也不是geek的风格。现在就来一步一步创建一个ghost博客:

1、选择一个VPS。目前市面上的VPS非常多,大家可以自行选择。但是标题既然说了是免费搭建一个ghost博客,于是我们选择了nitros.io。它是一个功能强大的在线编程平台,支持托管多种语言编写的web应用,并且为每个账户提供了一个免费的plan。点击链接,注册一个nitros.io的账号。

2、注册完账号之后。点击右上角导航栏中的Boxes。点击New Box:

Ghost初级教程:如何搭建一个免费Ghost博客3

点击node.js图标,这时Node.js图标会由灰色变为绿色:

Ghost初级教程:如何搭建一个免费Ghost博客4

下面的部分要你填写Name,我填的是myblog。选择地区,选择East Asia。下面的三个条状物是内存和存储空间的分配,这时free plan里默认的,可以不用管。

Ghost初级教程:如何搭建一个免费Ghost博客5

点击Create Box,出现如下画面:

Ghost初级教程:如何搭建一个免费Ghost博客6

然后会自动跳转到IDE界面:

Ghost初级教程:如何搭建一个免费Ghost博客7

IDE的下方就是一个shell界面,很酷,对吧!

3、下载ghost包。我们使用wget,在下面的shell中输入以下命令行:

wget https:///zip/ghost-0.3.3.zip

Ghost初级教程:如何搭建一个免费Ghost博客8

一连串自动输出之后,下载完成。新建一个叫blog的文件夹:

mkdir blog

把刚在下载的压缩文件移动到blog文件夹中:

mv ghost-0.3.3.zip blog

进入blog文件夹,解压缩文件:

unzip ghost-0.3.3.zip

Ghost初级教程:如何搭建一个免费Ghost博客9

一串输出以后,解压完成。由于我们一开始选择的是Node.js开发环境,nitros.io已经为我们安装好了node以及npm,接下来,输入下面命令行:

npm install --production 在此要特别注意,production前面是两个连字符(--)还是一连串输出:

Ghost初级教程:如何搭建一个免费Ghost博客10

此时,ghost就已经安装好了,非常非常简单对吧。输入下面命令行: npm start ghost已经运行起来了:

Ghost初级教程:如何搭建一个免费Ghost博客11

我们看到ghost是默认运行在2368端口下的,点击IDE上面的Preview,发现没有2368端口的选项,没关系,随便点击一个比如Port 3000:

Ghost初级教程:如何搭建一个免费Ghost博客12

出现以下界面:

Ghost初级教程:如何搭建一个免费Ghost博客13

这很正常,看看地址栏就知道了:

Ghost初级教程:如何搭建一个免费Ghost博客3

前面的地址就是应用的访问地址,记住这个地址,在后面配置文件中用得到,最好就不要关闭这个页面,待会直接复制粘贴。但是端口是3000,不是ghost默认的2368,很简单,把3000改成2368,再次访问:

Ghost初级教程:如何搭建一个免费Ghost博客6

怎么回事,居然还是无法访问!我们好好看看,原来是host出了问题,下一步我们就来修改host。4、回到IDE的shell中,按ctrl-c结束进程,在IDE左边有一个文件列表,点击blog文件夹下面的config.js(注意不是 config.example.js文件)文件,在文件列表右边的框中出现了config.js文件的内容,把光标移动进去就可以修改config.js 的内容了。我们看到在config.js中默认的url如下所示:

Ghost初级教程:如何搭建一个免费Ghost博客14

默认的host如下所示:

Ghost初级教程:如何搭建一个免费Ghost博客15

还记得上面提到要记住的地址吗?现在把它复制下来,包括后面的2368,把config.js里面的所有url改成这个地址,如下图所示:

Ghost初级教程:如何搭建一个免费Ghost博客16

把所有的host改成0.0.0.0,如下所示:

Ghost初级教程:如何搭建一个免费Ghost博客17

点击左上角的save完成修改。5、启动ghost。在此回到下方的shell,输入命令行: npm start 在地址栏中输入上面提到要记住的那个地址,回车,ghost出现了!

Ghost初级教程:如何搭建一个免费Ghost博客18

6、发博文。在地址栏后面加入/ghost,进入管理界面:

Ghost初级教程:如何搭建一个免费Ghost博客19

输入用户名,邮箱,密码,完成初始化用户的工作,进入后台管理界面:

Ghost初级教程:如何搭建一个免费Ghost博客20

现在可以开始写博文了,点击上方导航栏中的New Post,开始写第一篇博客:

Ghost初级教程:如何搭建一个免费Ghost博客18

ghost采用的是markdown语法,相信大家应该不陌生。点击右下角的小箭头,选择publish now:

Ghost初级教程:如何搭建一个免费Ghost博客21

此时按钮编程红色,再次点击出现发布成功的提示。回到博客主页面,就能看到我们的第一篇博客发布成功了:

Ghost初级教程:如何搭建一个免费Ghost博客22

Ghost博客搭建成功!

【Ghost初级教程:如何搭建一个免费Ghost博客】相关文章:

SiteServer CMS数据库信息采集

Opencart如何添加中文简体语言包

Dedecms生成百度地图图文教程

怎么设置discuz注册机发帖

帝国cms模板教程之栏目自定义字段调用教程及代码

Dedecms导入数据提示:USING BTREE ) ENGINE=MyISAM DEFAULT CHARSET=错误的解决方法

PhpCms作者管理设置

帝国CMS栏目绑定域名步骤

wordpress博客更换域名修改方法

如何利用robots协议优化你的WordPress博客站

精品推荐
分类导航