mirror of
https://github.com/Dichgrem/Blog.git
synced 2025-07-31 17:09:30 -04:00
update:blog
This commit is contained in:
@ -7,14 +7,43 @@ tags = ["乱七八糟"]
|
||||
+++
|
||||
|
||||
|
||||
前言 个人博客的搭建有诸多框架的选择。本文以Zola框架为例,介绍如何部署该静态站点,并将其托管到Paas平台上。
|
||||
前言 个人博客的搭建具有许多的方案可以选择,本文介绍如何快速部署一个博客,并将其发布到公网。
|
||||
<!-- more -->
|
||||
|
||||
## 前情回顾
|
||||
在互联网冲浪的过程中,我们常常看到许多独立站点,有各种各样的主题样式;这些站点见证了互联网的发展历史。从最初的手工编写HTML页面,到后来的内容管理系统(CMS)如WordPress的兴起,再到如今流行的静态网站生成器(SSG),如Hugo,Hexo,Zola等等。
|
||||
在互联网冲浪的过程中,我们常常看到许多独立站点,他们往往是个人博客,有各种各样的主题样式;这些站点见证了互联网的发展历史。从最初的手工编写HTML页面,到后来的内容管理系统(CMS)如WordPress的兴起,再到如今流行的静态网站生成器(SSG),如Hugo,Hexo,Zola等等。
|
||||
|
||||
如今,静态网站生成器以其简单易用和高效性而备受青睐。其工作原理是在本地计算机上生成整个网站的HTML文件,然后将这些静态文件上传到服务器,这样用户访问网站时就可以直接从服务器上获取到HTML文件,而无需动态生成页面。这种方式不仅能够提高网站的访问速度,还可以减轻服务器的负载压力。
|
||||
个人博客的定义是什么?私以为是``域名+站点+原创内容``三要素组成。当然,最重要的原创内容往往被忽视...
|
||||
|
||||
## 搭建博客
|
||||
- 域名可以在[Dynadot](https://www.dynadot.com/)等平台购买,也可以申请免费域名,目的是为了好记;
|
||||
- 站点可以在自己的服务器上使用动态的WordPress或者Halo来一键创建,也可以使用静态的框架部署在PAAS平台上;
|
||||
|
||||
因此,整体成本应该是非常低的。
|
||||
|
||||
## 使用Halo快速构建博客
|
||||
|
||||
- 首先你需要有一台自己的云服务器,建议在1核1G以上配置,并安装Debian系统;
|
||||
- 随后我们安装1panel,执行以下命令一键安装:
|
||||
```
|
||||
curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_start.sh && sudo bash quick_start.sh
|
||||
```
|
||||
> 1panel依赖于docker,如果实现没有安装docker,脚本会帮你安装。
|
||||
|
||||
- 安装过程中选择好端口,随后即可使用``http:<ip>:<port>:<安全入口>``进入登录界面,并使用默认随机生成的密码进入面板。
|
||||
|
||||
- 进入之后我们可以看到里面有应用商店,在其中安装``OpenResty``与``Halo``与``mysql``,安装完毕后打开外部访问地址``http://ip:8090``,即可进入halo的后台,在其中写入文章并发布。
|
||||
|
||||
但我们不能使用不安全的HTTP以及IP来访问博客;因此,我们需要一个域名指向我们的博客,例如本文的``blog.dich.bid``;可以在在[Dynadot](https://www.dynadot.com/)等平台购买域名,并托管到[Cloudflare](https://askai.glarity.app/zh-CN/search/%E5%A6%82%E4%BD%95%E5%B0%86Dynadot%E6%B3%A8%E5%86%8C%E7%9A%84%E5%9F%9F%E5%90%8D%E8%BD%AC%E7%A7%BB%E5%88%B0Cloudflare)。
|
||||
|
||||
- 随后可以在1panel的``网站``中创建一个反向代理,代理地址即为http://ip:8090,主域名为刚刚注册的域名前加blog或其他,如``blog.xxx.com``
|
||||
|
||||
- 创建完成后我们还需要配置TLS证书,在网站-HTTPS中添加证书,可以选择[自签名证书](https://bkssl.com/ssl/selfsign)正式或者通过Acme申请免费的``Let's Encrypt``证书。
|
||||
|
||||
- 配置完成后在Cloudflare的DNS解析界面创建一个A记录,将你的blog.xxx.com解析到你的服务器的IP;
|
||||
|
||||
- 大功告成!现在你应该可以通过HTTPS域名访问自己的博客!
|
||||
|
||||
## 静态框架搭建博客
|
||||
|
||||
首先明确你需要的架构,一般有两种选择:
|
||||
- 使用现有的架构,包括Hugo,zola,astro等等,可以在[这个网站](https://jamstackthemes.dev/)上面查看效果;
|
||||
@ -55,12 +84,11 @@ tags = ["乱七八糟"]
|
||||
- 新建一个Github仓库,用Git连接并push上去;
|
||||
- 在Vercel/Fleek等平台将仓库部署并设置域名。
|
||||
|
||||
## 后记
|
||||
通过简单的步骤,我们已经快速地创建一个具有自定义主题和样式的独立站点,并将其发布到互联网上供他人访问。而在这期间,各种工具链的完善和前端基本原理了解也是收获的一部分。
|
||||
|
||||
|
||||
## 参考
|
||||
## 🔗
|
||||
- [zola官方文档](https://www.getzola.org/documentation/getting-started/overview/)
|
||||
- [zoal-terminimal主题](https://github.com/pawroman/zola-theme-terminimal)
|
||||
- [中文排版指南](https://github.com/aaranxu/chinese-copywriting-guidelines)
|
||||
- [如何提高用户网页阅读体验](https://atpx.com/blog/improving-online-reading-experience/)
|
||||
- [如何提高用户网页阅读体验](https://atpx.com/blog/improving-online-reading-experience/)
|
||||
|
||||
---
|
||||
**Done.**
|
Reference in New Issue
Block a user