从零开始搭建个人博客网站:使用Hexo框架部署到服务器的完整指南
博客:事实上,博客的正式名称是在线日记。顾名思义,就是利用特定软件在互联网上发表、发布个人文章的人,或者是由个人管理、不时更新文章的网站。现在互联网逐渐发展,已经有很多网站可以写自己的博客。您可以在上面发表您自己的文章以供您自己记录或供其他人阅读。但是,你能建立一个只属于你自己的个人博客网站吗?本文将帮助您从头开始构建自己的个人博客网站并将其部署到您自己的服务器上。这里需要注意的一点是,没有服务器的同学可以使用自己机器的Linux系统做同样的事情。我们选择Hexo这个非常好用的博客框架来构建我们的个人博客。
博客框架Hexo简介:
Hexo 是一个快速、简洁、高效的博客框架。 Hexo 使用(或其他渲染引擎)来解析文章。几秒钟之内,它就可以生成一个静态网页来显示我们发布的文章。它还提供了大量精美的博客主题供我们使用。
Hexo博客框架的优点
极快:Node.js带来的超快生成速度,可以在几秒内瞬间渲染出数百个页面。
支持:Hexo支持的所有功能,甚至大多数可以集成的插件。
一键部署:只需一个命令即可部署到Pages或其他平台。
插件和扩展性:这也是hexo非常强大的一个方面。强大的API带来无限的可能性,并且可以轻松与多种模板引擎(EJS、Pug)和工具(Babel、Less/Sass)集成。
Hexo博客框架搭建:
我们使用该系统作为演示。也可以使用其他Linux系统。只需更改为Linux版本对应的软件安装命令即可。
1.安装Git
直接用yum安装就可以了,在命令行输入yum -y git
完成后输入git检查是否安装成功。如果显示git版本信息则说明成功,如下:
目录文件说明:
https://img1.baidu.com/it/u=4127529719,442941400&fm=253&fmt=JPEG&app=120&f=JPEG?w=500&h=610
.yml:网站配置信息,可以在这里配置大部分参数。
.json:应用程序信息。 EJS 和 是默认安装的,您可以随意删除它们。
:模板文件夹。当您创建新文章时,Hexo 会基于它创建一个文件。 Hexo的模板是指新建的文章文件中默认填写的内容。例如,如果您修改 /post.md 中的 Front-,则每次创建新帖子时都会包含此修改。
:资源文件夹是存放用户资源的地方。除文件夹外,以_(下划线)开头的文件/文件夹以及隐藏文件将被忽略。 HTML 文件将被解析并放置在该文件夹中,而其他文件将被复制到该文件夹中。
:主题文件夹。 Hexo 会根据主题生成静态页面。
查看hexo版本及对应数据:
[外部链接图像传输失败。源站可能有防盗链机制。建议保存图片直接上传(img--55)(/image-.png)]
在这里我创建了一个名为的博客。创建完成后,会在hexo目录下的/_post文件夹中生成.md文件。
4.2:编辑文章
进入上面提到的目录可以看到我们创建的博客文件:
标题:标题
标签: 标签
:分类
日期: 时间
这些注解可以用在-----区域
4.3:发表文章
https://img0.baidu.com/it/u=3501264284,502763451&fm=253&fmt=JPEG&app=138&f=JPEG?w=581&h=500
输入以下命令生成静态网页。静态网页将存储在文件中。
六角形
赫克索斯
然后就可以在浏览器中访问了!可以看到我们发布的文章已经成功的显示在浏览器中了,这里个人博客网站也已经搭建成功了。
5.主题选择:
主题网站:hexo提供了大量精美主题供我们选择。选择自己喜欢的主题,在hexo目录下的文件夹中使用git clone下载主题,然后修改配置文件.yml,将主题后面的主题名称改为下载的主题。然后运行hexo clean和hexo g来查看有效的主题。
在线部署Hexo到服务器:
如果你有服务器,也可以将Hexo部署到服务器上,实现全网络访问。关于购买服务器的细节这里就不多说了。阿里云和腾讯云对于学生来说也有相对优惠的价格。如果部署到服务器上,则需要在您的服务器系统上执行以上所有操作,然后我们使用Nginx(反向代理服务器)进行部署。
Nginx 安装:
Nginx 是一个高性能的 HTTP 和反向代理服务器。这里我们采用编译安装的方式,按照下面的指导顺序依次执行命令。
然后重启nginx服务并启用hexo服务。这时候你就可以使用公网IP访问我们的hexo服务了!
页:
[1]