经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 软件/图像 » Git » 查看文章
将个人博客从GitHub迁移至阿里云服务器过程总结
来源:cnblogs  作者:周伟伟的技术博客  时间:2019/4/3 16:26:41  对本文有异议

让我们先回顾下前两篇博客:

程序员如何从0到1搭建自己的技术博客

在个人博客中优雅的使用Gitalk评论插件

通过前两篇博客,我们了解了如何快速的从0到1搭建一个个人博客并使用了Gitalk评论插件,虽然博客现在是有了,但是存在一些缺点,主要有以下几点:

  • 访问不稳定
  • 百度收录不好
  • 百度统计功能无法正常使用

作为一个有追求的程序员,岂能容忍这些缺点,哈哈,于是趁着阿里云Hi购季买了一台阿里云服务器,开启了将个人博客迁移至阿里云服务器的历程,谁知竟然倒腾了两三天,本篇博客就详细总结下在这个过程中遇到的问题,希望也能帮助到读到这篇文章的你。

1.服务器搭建Jekyll环境

说明:我这里购买的服务器是Windows系统的。

因为Jekyll是基于Ruby开发的,因此,我们需要在服务器上安装下Ruby,下载地址:https://rubyinstaller.org/downloads/

整个的安装过程非常痛苦,试了各个版本,安装都没问题,就是最后编译博客成静态站点时,各种报错,网上也没有合适的解决方案,最后我选择了安装最新版:

软件的安装过程相对比较简单,这里就不做详细讲解。

安装完成后,我们可以打开cmd窗口,输入以下命令验证Ruby是否安装成功:

ruby -v

ruby 2.6.1p33 (2019-01-30 revision 66950) [x64-mingw32]

接下来,执行如下命令安装Jekyll:

gem install jekyll

安装完成后,输入以下命令校验:

jekyll -v

jekyll 3.8.5

2.服务器Git安装

Git的安装对各个开发来说,更加简单,这里只贴下Git的下载地址:https://git-scm.com/download/win

3.拉取GitHub代码并编译成静态站点

首先先拉取GitHub代码到服务器:

git clone https://github.com/zwwhnly/zwwhnly.github.io.git

然后使用Jekyll编译:

编译成功后会自动生成一个_site文件夹,里面的内容就是我们要部署的静态站点:

说明:这一步非常折腾人,特别容易出错,是因为安装的Ruby版本和GitHub仓库根目录的Gemfile.lock里的版本不一致,要修改下这个文件。

因为我已经修改完成了,你可以直接下载该文件替换你的文件即可:https://github.com/zwwhnly/zwwhnly.github.io/blob/master/Gemfile.lock

如果还是编译报错,按照提示执行如下命令即可:

gem install {缺少的包名称,如jekyll-paginate}

4.服务器Nginx环境安装

现在静态站点已经成功生成,接下来就是部署的事情,这里我并没有使用传统的IIS来部署,而是选择使用Nginx来部署。

首先,下载Nginx安装包,下载地址:http://nginx.org/en/download.html

然后将下载的压缩包解压到指定的目录,解压后的结构如下:

双击nginx.exe运行nginx,在浏览器输入http://localhost查看效果如下:

5.修改Nginx配置

打开conf文件夹下的nginx.conf文件,修改配置如下(这里只标记了修改项,其余项可保持默认):

  1. server {
  2. listen 80;
  3. server_name www.zwwhnly.com;
  4. location / {
  5. root C:/Nginx/nginx-1.12.2/zwwhnly.github.io/_site;
  6. index index.html index.htm;
  7. }
  8. }

6.配置域名解析

登录阿里云后台配置域名解析:

7.网站备案

备案的过程很简单但是很繁琐,用的阿里云备案,前后耗时大概有4~5天。

友情提示:备案前准备好身份证,如果是在上海又不是上海户口,还需要准备居住证,更独特的是,还需要一个安卓手机,因为中间有一步要上传手持身份证照片校验,竟然只支持安卓手机(我是拿身份证耗时1天,拿居住证耗时1天,又拿了个安卓手机耗时1天,剩余的审批,阿里云备案效率还是挺高的)。

备案成功后,将备案号展示在网站底部:

8.验证

满心欢喜的在浏览器输入我的域名http://www.zwwhnly.com访问,结果一直访问不了,最后才发现是使用阿里云服务的原因。

最后的解决方案如下:

在阿里云控制台找到自己购买的ECS实例,配置安全组规则,因为我们使用的是默认的端口号80,因此添加的安全组规则如下:

此时,输入域名,访问网站成功:

9.总结

后续还是使用Markdown写作,博客写完后将代码提交到GitHub,然后去服务器执行如下命令(可以写成一个批处理bat文件),重新编译下站点:

cd C:\Nginx\nginx-1.12.2\zwwhnly.github.io

git pull https://github.com/zwwhnly/zwwhnly.github.io.git

jekyll build

如果嫌麻烦,可以添加一个任务计划程序定期执行该脚本,比如一天执行一次。

10.参考链接

jekyll 部署

windows安装jekyll步骤及问题

NGINX配置好之后,localhost可以访问,但域名无法访问?坑可能在阿里云

原文链接:http://www.cnblogs.com/zwwhnly/p/10642841.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号