山东大学 计算机科学与技术 学院

云计算技术 课程实验报告

学号:202000130083 姓名:李云飞 班级: 计科20.3
实验题目:利用云平台搭建个人博客
实验学时:2 实验日期: 3.21

实验目的:熟悉个人博客系统的搭建。 具体包括: 参考方案:注册Github账号,搭建Hexo环境并实现个人博客搭建,撰写实验报告。 并且将实验报告放到网站上。

硬件环境: 联网的计算机一台

软件环境: Windows and Linux

实验步骤与内容

一. 本地搭建

Github账号于早些时候已经创建,没有留下实验记录,在此提供账号:https://github.com/mrgoddessli

首先在本地搭建Hexo。

进入Hexo官网,根据官方教程进行搭建即可。

创建Hexo本地。

本地搭建成功!🥳🥳

如图可见在本地开启Hexo服务后,进入设置的localhost地址即可访问本地的Hexo博客网站。

默认的接口为localhost:4000

但是在具体运行时4000接口可能会出现占用,可以在开启服务时使用hexo s -p xxxx将其转换为localhost:xxxx,这里用的是localhost:5000

如果还不能解决,可能是有部分Windows功能没有打开

  1. 打开控制面板

  2. 选择-程序和功能

  3. 打开或关闭Windows功能

  4. 打开Internet Informent Services

二. 部署到github

本地Hexo服务器搭建完成后,尝试在github上搭建

首先需要创建github相应项目的仓库,与本地项目相关联,然后将本地文件上传到项目地址。

Github搭建成功!🥳🥳网址http://mrgoddessli.github.io

三. 部署到服务器

接着将Hexo服务器部署到云服务器

根据教程[2]在服务器设置相关文档,将本地Hexo部署到服务器。

首先在服务器上搭建git服务器,然后安装依赖,如openssh-serve。

搭建完成之后,创建用户hexo用于部署hexo。

然后给hexo用户添加相应权限,并且切换到hexo用户。

创建hexo服务存储的仓库,并且赋予相应的权限(操作记录当时忘了保留相应截图,但是可以查看结果)

然后安装Nginx用于托管文件目录,并且指定到创建和hexo目录,同时在该目录上创建git钩子,配置相关文件。

最后将hexo上传到Ubuntu服务器,访问8.130.39.6即可

服务器搭建成功🥳🥳访问地址http://8.130.39.6即可。

3-2 补充

把搭建网站的过程上传到自己网站

关键步骤是利用npm安装的hexo-deployer-git

然后配置好相应的repo和branch变量

repo为需要上传到的github地址或者服务器的地址

branch为相应的分支

每次上传前记得

1
2
3
hexo cl	//hexo clean清楚缓存
hexo g //hexo generate创建
hexo d //hexo deploy(还是deployer来着)上传

有时候会报错,可能是有些依赖没有装,一般用npm安装一下就好

==不能用npm!!==

==应该用cnpm!!==

还有,图片上传的格式是

{% asset_img 瑟蕾娜1.png 图片饮用方法1 %}

例如

需要在相应的文件夹(不是typora创建的那个assets,是没有后缀的文件夹下)放置图片,然后按照上面这个句式来就行

image2

还有一件事——

在改变repo的上传路径之后要记得重新hexo g一下,否则就像没编译一样,没法上传

换言之只要严格执行一下

1
2
3
hexo cl	//hexo clean清楚缓存
hexo g //hexo generate创建
hexo d //hexo deploy(还是deployer来着)上传

就行

本博客选择了hexo的主题butterfly

结论分析与体会:

​ 注册github账号相对简单,而hexo环境的搭建相对来说比较复杂。尤其是对于环境变量和相关权限的问题需要查阅大量的资料。但是Hexo环境搭建完成之后,博客的搭建就变得非常方便,而且支持markdown语法,写作过程和展示方式都非常简单直观。

​ 在搭建Hexo环境的过程中,我学会了学习需要不断地经过探索和尝试,本次实验中遇到了很多问题,但是通过查阅各种资料最终得以解决。此外,细节问题也是至关重要的,不可以忽视细节问题。在环境的搭建和博客的配置过程中,很多问题都是由于细节问题引起的。因此,我们要仔细耐心地检查每一个步骤。

​ 总而言之,本次实验让我受益匪浅,在这个过程中我学到了很多知识和技能,希望我的收获能够帮助我更好地学习和成长。

​ 在将本地博客部署到github.io或者服务器时,也出现了一些问题,也不清楚问题出在哪里。主要是repo的地址和branch的分支没有设置好。经过不断的试错之后才摸清了repo地址的格式以及不同地址下发挥作用的branch分支。从中我学习到了需要问题的时候应该尽量自己找寻问题的根源,并且利用自己的知识能力进行解决,不能一味的搜索寻求现成的答案。