从 0-1 教你利用服务器做属于自己的个人博客

引子

大家好,我是坚果。如果你迷惘。微信搜“坚果前端”公众号,看看码农的轨迹

因为学习 IT 技术还是想应用到学习、工作、生活中,让它们更美好,就应该授人以渔,毕竟自己动手了才有收获

先给大家分享一下我与我的粉丝的部分聊天记录

从 0-1 教你利用服务器做属于自己的个人博客

从 0-1 教你利用服务器做属于自己的个人博客

从 0-1 教你利用服务器做属于自己的个人博客

giti过这些记录就是告诉大家,不论学历咋样,不论专业是不是计算机,只要有一个爱钻研的心,不惧困难,你都可以搭建属于自己的一个简单博客,

正文

今天的这篇教程是基于 windows 服务器进行的

由于帮助的是一位非计算机专业的学生,所以觉得 windows 会更适用

先来看一下成功后的截图

从 0-1 教你利用服务器做属于自己的个人博客

前提条件

  • 购买服务器
  • Node.js
  • Git
  • 当然如何安装 git网络安全教育心得体会 和 Npm 我也会在本教程指出。

在搭建个人博客之前默认大家已经购买并成功登录了git命令服务器(搭建个人博客的所有操作中,除对云服务器控制台的相关设置是在javascript是干什么的我们本地电脑上操作外,开发工具怎么调出来;其余均在服务器上进行),

关于如何远程连接自己购买的服务器,大家可观看小编往期发布的教程进行对应操作

小编所使用的是 windows 操作系统的阿里云服务器ÿwindows7旗舰版0c;详细参数如下图所示,供大家参考

搭建博客的前提:安装 Node.js 和 git 两个软件shell脚本

一、首先下载并安装软件程序员那么可爱 Node.js

历史版本网址如下:https://nodej程序员需要什么学历s.org/zh-cn/download/releases程序员需要什么学历/

复制到浏览器打开即可

这里小编推荐大家安装 12javascript是干什么的.12 左右javascript百炼成仙txt的版本,

主要是太新的版本,目前 hugo,gitbook。hexo 的支持都不太好

截至写这篇文档前,最新的版本为 16.13.0

从 0-1 教你利用服务器做属于自己的个人博客

下图所示,shelly由于页面太多,我们先点击第 4 页javascript,以浏览后面的页面,找到 12.12 左右的版本

从 0-1 教你利用服务器做属于自己的个人博客

如下图前端开发和后端开发有什么区别所示,点击至第 7 页,理由同上前端开发工资一般多少

从 0-1 教你利用服务器做属于自己的个人博客

如下图所示,在点击到第 10 页时&安全生产法#xff0c;我们可以看到有 12.12 左右的版本

此时我们选择 12.12.7 版本程序员工资一般多少钱一个月下载,如图所示点击下载

从 0-1 教你利用服务器做属于自己的个人博客

跳转至如下页面后点击图上所指的链接进行下载shell命令

从 0-1 教你利用服务器做属于自己的个人博客

下载中网络安全法开始施行的时间是f0c程序员;等待安装包下载完成后打开安装

点击“打开文件”进行安装

从 0-1 教你利用服务器做属于自己的个人博客

若弹出如下页面,点击“是”,允许应用对shells怎么读设备进行更改即网络安全知识可!

从 0-1 教你利用服务器做属于自己的个人博客

安装界面如下图所示&#xshell脚本ff0c;点击 Next

从 0-1 教你利用服务器做属于自己的个人博客

点击勾选下图所示方框,后继续点击“Nex前端开发框架一览表t”

从 0-1 教你利用服务器做属于自己的个人博客

选择默认,点击“Next”两次后显示界面如下:

按下图中所示,勾选方框后点击“Next”。

点击下图中箭头所指的“Install”按钮进行安装

从 0-1 教你利用服务器做属于自己的个人博客

等待安装完成

从 0-1 教你利用服务器做属于自己的个人博客

点击 Fi前端开发需要学什么nish 完成安装

从 0-1 教你利用服务器做属于自己的个人博客

安装shell脚本基本命令完成后出现如下弹窗ÿjavascript百炼成仙0c;点击右上角叉号关闭即可!

从 0-1 教你利用服务器做属于自己的个人博客

按住键盘上的 Win+R 键,输入命令“cmd”后回车确定,

紧接着在打开的命令行中输入命令“shellnode -v”后回车确定&#github是干什么的xff0c;以检查 Node.js 是否正确安装

从 0-1 教你利用服务器做属于自己的个人博客

已安装的软件版本会如下图显示出来,同之前下载的软件版本一致,则证明安装正确

从 0-1 教你利用服务器做属于自己的个人博客

二、接下来我们安装另一个必备软件ÿshellfish1a;git

网址如下:https://git-sc网络安全教育心得体会m.com/ 复制到浏览器打开即可

点击图示按钮下载 git 安装包

从 0-1 教你利用服务器做属于自己的个人博客

等待下载完成……

从 0-1 教你利用服务器做属于自己的个人博客

点击“打开文件”运行安装

从 0-1 教你利用服务器做属于自己的个人博客

若弹出如下页面,点击“是”&#前端开发培训机构推荐xff0c;允许应用对设备进行更改即可!

安装界面giti轮胎是什么品牌如下,一直点击 Next,直至安装完成,所有勾选保持默认即可!

从 0-1 教你利用服务器做属于自己的个人博客

点击 Install 进行安装

从 0-1 教你利用服务器做属于自己的个人博客

等待安装完成

从 0-1 教你利用服务器做属于自己的个人博客

下图中的方框保持默认或不勾选均可&#x安全教育平台登录ff0c;点击“Finish”按钮,完成安装

从 0-1 教你利用服务器做属于自己的个人博客

至此,git 这一软件我们也安装完成了!

此外我们还需要安装用来部署博客的软件,有以下几种可供大家选择,gitbook 、hugo、 hexo 、docifsy。这里小编推荐大家安装 hexo 这一软件、

当然需要其他教程的,大家也可以

三、安装 hexo

官方地址:

https://hexo.bootcss.com/

按住键盘上的 Win+R 键开发工具怎么调出来f0c;输入命令“cmd”后回车确定,

紧接安全教育平台学生账号登录入口着在打开的命令行中输入命令“npm install hexo软件开发工具-cli -g”后回车确定

这是全局安装的命令

npm install hexo-cli -g

复制代码

运行中,等待安装完成

待运行完成后输入“hexo version”命令,回车运行

shell是什么意思中文示如下图所示即为安装正确

从 0-1 教你利用服务器做属于自己的个人博客

至此,搭建博客所需要的软件我们已安装完毕,接下来我们就可以用前面安装好的软件来部署我们的个人博客了!

四、部署个人博客(建站)

安装 Hexo 完成后,程序员那么可爱演员表请执javascript是干什么的行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。windows许可证即将过期怎么办

hexo init jianguo cd jianguo npm install

复制代码

新建开发工具选项卡在哪完成后,指定文件夹的目录如下:

.├── _config.yml├── package.json├── scaffolds├── source|   ├── _drafts|   └── _posts└── themes

复制代码

在这儿&软件开发工具#xff0c;不讲解过多的 hexo 命令以及它的配置

直接启动服务器。默认情况下,访问网址为: http://localhost:4000/

hexo server

复制代码

五、对服务器的防火墙进行相关配置

如下图所示,在服务器桌面左下角搜索“防火墙和网络保护”,查找到后点击进入设网络安全知识内容

从 0-1 教你利用服务器做属于自己的个人博客

将页面拉至最低端前端开发工具,点击进入“高级设置”选项

从 0-1 教你利用服务器做属于自己的个人博客

先点击“入站规则”,然后点击进入“新建规则”选项

从 0-1 教你利用服务器做属于自己的个人博客

跳转至如下页面,在规则类型一栏windows10激活密钥下,选中端口后点击“下一步”

从 0-1 教你利用服务器做属于自己的个人博客

我们在下图所指示的框内输入我们想要使用的端口,小安全教育平台学生账号登录入口编这里输入 4000 作为示范ÿ前端开发是干什么的0c;然shelly后点击“下一步”

从 0-1 教你利用服务器做属于自己的个人博客

跳转至如下页面&#安全教育平台登录入口xff0c;我们选中“允许连接”后继续“下一步”

从 0-1 教你利用服务器做属于自己的个人博客

javascript什么意思续“下一步”

从 0-1 教你利用服务器做属于自己的个人博客

在下图所指安全出的框内输入名称和对网站的描述(网站的描述也可不填)后点击“完成”

从 0-1 教你利用服务器做属于自己的个人博客

如下图所示,新的规则已经创建成功

从 0-1 教你利用服务器做属于自己的个人博客

如下图所示,我们点击“刷新”

从 0-1 教你利用服务器做属于自己的个人博客

至此我们就完成了对防火墙的相关设置,接下来我们对阿里云服务器控制台进行相应的设置

如果想偷懒,可以一次性打开所有端口

从 0-1 教你利用服务器做属于自己的个人博客

六、对云服务器控制台进行相应设置

接下来对云服务器控制台的相关操作我们需要切回本地电脑并登录阿里云服务器控制台来进行

登录阿里云进入到云服务器控制台后,如下图所示,点击进入“实例”一栏后点击我们云服务器的实例 ID 进入实例

从 0-1 教你利用服务器做属于自己的个人博客

切换至如下页面,点击“配置安全组规则”

从 0-1 教你利用服务器做属于自己的个人博客

切换至如下页面,点击“配置规则”

从 0-1 教你利用服务器做属于自己的个人博客

切换至如程序员那么可爱演员表下页面,如图所示依次点击进windows

我这儿是偷懒做法网络安全教育心得体会,所有一次性全部打开了

从 0-1 教你利用服务器做属于自己的个人博客

跳转至如下界面,将图中所标示的地方同下图配置一致,点击“确定”,端口配置完成

从 0-1 教你利用服务器做属于自己的个人博客

上述方式是打开了服务器的所前端开发工资一般多少有端口&#xwindows10激活密钥ff0c;比较便利,如果大家有安全方面的考虑&#shellxff0c;开发工具设置控件格式

我们也可以只打开一个端口用于shell外部访问,步骤如下:

按照下图所shell脚本基本命令示依次点击进行操作

从 0-1 教你利用服务器做属于自己的个人博客

按照下图所示依次进行配置,因为之前在第windows7旗舰版五步(对服务器的防火墙进行相关配置)中,我们设置的端口是 4000,所以在“端口范围”“目的”一栏这里我们也需要对应设置为 4000,其余参数同下图保gitee持一致,点击 “保存”即可

从 0-1 教你利用服务器做属于自己的个人博客

如下图所示,可以看到我们规则已经创建完成

从 0-1 教你利用服务器做属于自己的个人博客

七、运行之前部署的网站

切换到服务网络安全法器上,回到之前部署网站的文安卓开发工具件夹,右键选择“Git Bash Here”选项安全教育平台登录入口,打开 git 进行运行ÿjavascript是干什么的0c;输入“hexo s”命令回车运行

从 0-1 教你利用服务器做属于自己的个人博客

如下图显shelly示,所建的网站已经在服务器上运行了起来,此刻我们便可以通过我们所建网站的 IP 地址在浏览器上进行访问了,网址形如:hshell脚本ttp://8.142.39.12:4000 (http://服游戏开发工具务器的 ip 地址:端口)

从 0-1 教你利用服务器做属于自己的个人博客

访问效果如下:

从 0-1 教你利用服务器做属于自己的个人博客

至此,我们的个人博客就windows11有必要升级吗搭建成功了

要编写博客,我们还需要一款编辑软件,

七、Typora

小编推荐使用 Typora 这一软件windows11有必要升级吗,

网址为https://typora.io/#windows (Typora — a markdown editor, markdown reader.)复制至浏览器打开下载即可,

此处不再赘述。

这个问题就记录到这儿&游戏开发工具#xffgit命令0c;

这是一个帮助粉丝解决问题的过网络安全平台作业登录程,也是程序员在编程之路上的点滴记录,如果那个粉丝想定制更高端的博客,我也会提供相应的教程。