首页 > 电脑专区 > windows >

怎么搭建一个免费的ghost博客

来源:互联网 2023-02-22 09:01:14 92

搭建一个ghost博客非常非常的简单,ghost小组甚至在未来的几周之内会推出一项host服务,让你轻轻点击几下即可拥有一个ghost博客。xVG办公区 - 实用经验教程分享!

工具/原料

<p>ghost文件</p><p>node.js环境</p>

方法/步骤

1

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

2

注册完账号之后。点击右上角导航栏中的Boxes。点击New BoxxVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

3

点击node.js图标,这时Node.js图标会由灰色变为绿色xVG办公区 - 实用经验教程分享!

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

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

4

点击Create Box,出现如下画面:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

5

然后会自动跳转到IDE界面:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

6

IDE的下方就是一个shell界面,很酷,对吧!xVG办公区 - 实用经验教程分享!

xVG办公区 - 实用经验教程分享!

下载ghost包。我们使用wget,在下面的shell中输入以下命令行:xVG办公区 - 实用经验教程分享!

wget https://en.ghost.org/zip/ghost-0.3.3.zipxVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

7

一连串自动输出之后,下载完成。新建一个叫blog的文件夹:xVG办公区 - 实用经验教程分享!

mkdir blogxVG办公区 - 实用经验教程分享!

把刚在下载的压缩文件移动到blog文件夹中:xVG办公区 - 实用经验教程分享!

mv ghost-0.3.3.zip blogxVG办公区 - 实用经验教程分享!

进入blog文件夹,解压缩文件:xVG办公区 - 实用经验教程分享!

unzip ghost-0.3.3.zip xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

8

一串输出以后,解压完成。由于我们一开始选择的是Node.js开发环境,nitros.io已经为我们安装好了node以及npm,接下来,输入下面命令行:xVG办公区 - 实用经验教程分享!

npm install --production xVG办公区 - 实用经验教程分享!

在此要特别注意,production前面是两个连字符(--)xVG办公区 - 实用经验教程分享!

还是一连串输出:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

9

此时,ghost就已经安装好了,非常非常简单对吧。输入下面命令行:xVG办公区 - 实用经验教程分享!

npm start xVG办公区 - 实用经验教程分享!

ghost已经运行起来了:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

10

我们看到ghost是默认运行在2368端口下的,点击IDE上面的Preview,发现没有2368端口的选项,没关系,随便点击一个比如Port 3000:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

11

出现以下界面:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

12

这很正常,看看地址栏就知道了:xVG办公区 - 实用经验教程分享!

xVG办公区 - 实用经验教程分享!

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

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

13

怎么回事,居然还是无法访问!我们好好看看,原来是host出了问题,下一步我们就来修改host。xVG办公区 - 实用经验教程分享!

回到IDE的shell中,按ctrl-c结束进程,在IDE左边有一个文件列表,点击blog文件夹下面的config.js(注意不是config.example.js文件)文件,在文件列表右边的框中出现了config.js文件的内容,把光标移动进去就可以修改config.js的内容了。xVG办公区 - 实用经验教程分享!

我们看到在config.js中默认的url如下所示:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

14

默认的host如下所示:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

15

还记得上面提到要记住的地址吗?现在把它复制下来,包括后面的2368,把config.js里面的所有url改成这个地址,如下图所示:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

16

把所有的host改成0.0.0.0,如下所示:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

17

点击左上角的save完成修改。xVG办公区 - 实用经验教程分享!

启动ghost。在此回到下方的shell,输入命令行:xVG办公区 - 实用经验教程分享!

npm start xVG办公区 - 实用经验教程分享!

在地址栏中输入上面提到要记住的那个地址,回车,ghost出现了!xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

18

发博文。在地址栏后面加入/ghost,进入管理界面:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

19

输入用户名,邮箱,密码,完成初始化用户的工作,进入后台管理界面:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

20

现在可以开始写博文了,点击上方导航栏中的New Post,开始写第一篇博客:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

21

ghost采用的是markdown语法,相信大家应该不陌生。点击右下角的小箭头,选择publish now:xVG办公区 - 实用经验教程分享!

xVG办公区 - 实用经验教程分享!

此时按钮编程红色,再次点击出现发布成功的提示。回到博客主页面,就能看到我们的第一篇博客发布成功了:xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

怎么搭建一个免费的ghost博客xVG办公区 - 实用经验教程分享!

22

ghost博客搭建成功!xVG办公区 - 实用经验教程分享!

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!xVG办公区 - 实用经验教程分享!


标签: 免费

办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码