山东大学实验报告3-1

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

云计算技术 课程实验报告

学号：202000130199 |姓名：荆树吉 | 班级：20数据
实验题目：利用云平台搭建个人博客
**实验学时：2|实验日期： 2023.3.15
实验目的：熟悉个人博客系统的搭建。
具体包括：
参考方案：注册Github账号，搭建Hexo环境并实现个人博客搭建，撰写实验报告。
硬件环境：
联网的计算机一台
**软件环境：
Windows **
实验步骤与内容：
• 1.安装Git
• windows：到git官网上下载.exe文件,Download git,安装选项还是全部默认，只不过最后一步添加路径时选择Use Git from the Windows Command Prompt，这样我们就可以直接在命令提示符里打开git了。
• 2.安装Node.js
• windows：下载稳定版或者最新版都可以Node.js，安装选项全部默认，一路点击Next。
最后安装好之后，按Win+R打开命令提示符，输入node -v和npm -v，如果出现版本号，那么就安装成功了。
• 3.安装Hexo
• 前面git和nodejs安装好后，就可以安装hexo了，可以先创建一个文件夹MyBlog，用来存放自己的博客文件，然后cd到这个文件夹下（或者在这个文件夹下直接右键git bash打开）
• 定位到该目录下，输入npm install -g hexo-cli安装Hexo。可能会有几个报错，无视它就行
• npm install -g hexo-cli
• 安装完后输入hexo -v验证是否安装成功。
•
• 至此hexo就安装完了。
hexo init
这个Hexo可以自己取什么名字都行，然后，接着输入npm install安装必备的组件。

新建完成后，指定文件夹Hexo目录下有：

node_modules: 依赖包
public：存放生成的页面
scaffolds：生成文章的一些模板
source：用来存放你的文章
themes：主题**
_config.yml: 博客的配置文件**
这样本地的网站配置也弄好啦，输入hexo g生成静态网页，然后输入hexo s打开本地服务器，

初始• 4.GitHub创建个人仓库
• 打开https://github.com/，新建一个项目仓库New repository，如下所示：
•
建仓库
• 生成SSH添加到GitHub，连接Github与本地。
• 右键打开git bash，然后输入下面命令：
• git config –global user.name “yourname”
• git config –global user.email “youremail”
• 注意：第一次使用git后需要将用户名和邮箱进行初始化
•
• 这里的yourname输入你的GitHub用户名，youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。例如
• git config –global user.name “jsj12345”
• git config –global user.email “2115525832@qq.com”
• 可以用以下两条，检查一下你有没有输对
• git config user.name
• git config user.email
• 然后创建SSH,一路回车
• ssh-keygen -t rsa -C “youremail”
• cat ~/.ssh/id_rsa.pub
• 打开github，在头像下面点击settings，再点击SSH and GPG keys，新建一个SSH，名字随便取一个都可以，把你的id_rsa.pub里面的信息复制进去。如图：
•
密钥) 在git bash输入ssh -T git@github.com，如果如下图所示，出现你的用户名，那就成功了。
• 6.将hexo部署到GitHub
• 这一步，我们就可以将hexo和GitHub关联起来，也就是将hexo生成的文章部署到GitHub上，打开博客根目录下的_config.yml文件，这是博客的配置文件，在这里你可以修改与博客配置相关的各种信息
• 修改最后一行的配置：
• deploy:
• type: git
• repository: https://github.com/jsj12345/jsj12345.github.io.git
• branch: master
• repository修改为你自己的github项目地址即可就是部署时，告诉工具，将生成网页通过git方式上传到你对应的链接仓库中。
•
• 这个时候需要先安装deploy-git ，也就是部署的命令,这样你才能用命令部署到GitHub。
• npm install hexo-deployer-git –save
• hexo clean
• hexo generate
• hexo deploy
•
• 7.设置个人域名
• 可省略因为需要花钱，且意义不明显
• 8.发布文章
• 首先在博客根目录下右键打开git bash，安装一个扩展npm i hexo-deployer-git。
•
• 然后输入hexo new post “我的第一篇博客”，新建一篇文章。
•
• 然后打开D:\Hexo\source_posts的目录，可以发现下面多了一个文件夹和一个.md文件，一个用来存放你的图片等数据，另一个就是你的文章文件啦。
• 你可以会直接在vscode里面编写markdown文件，可以实时预览，也可以用用其他编辑md文件的软件的工具编写。
• 编写完markdown文件后，根目录下输入hexo g生成静态网页，然后输入hexo s可以本地预览效果，最后输入hexo d上传到github上。这时打开你的github.io主页就能看到发布的文章啦。
•
• 到这儿基本第一部分就完成了，已经完整搭建起一个比较简陋的个人博客了，接下来我们就可以对我们的博客进行个性化定制了。
个性化定制暂略
结论分析与体会：Hexo是高效的静态网站生成框架，它基于Node.js，快速，简单且功能强大，是搭建博客的首选框架。通过Hexo，我们可以直接使用Markdown语法来撰写博客