update articles

mobeicanyue · Apr 27, 2024 · a72c305 · a72c305
1 parent 8e6f060
commit a72c305
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 31 deletions.
diff --git a/source/_posts/1panel-installation-and-usage-tutorial.md b/source/_posts/1panel-installation-and-usage-tutorial.md
@@ -9,25 +9,22 @@ abbrlink: 15c02856
 date: 2023-12-28 15:54:04
 ---
 
-> 本文详细介绍了如何在 Linux 服务器上安装 1Panel 面板、1Panel 的配置及使用。更多信息请参照官网：https://1panel.cn
->
-> 部署条件：一台能 ssh 登录的 `Linux` 服务器，一个域名
+{% note primary %}
+本文旨在介绍 `1Panel` 的安装和基本使用，以及一些常用的功能和技巧。
+{% endnote %}
 
-
-## 1. 什么是 1Panel，为什么要使用它？
+## 1. 什么是 `1Panel`，为什么要使用它？
 
 
 ![1panel 的官网简介](1panel-profile.webp)
 
 <br>
 
-众所周知，服务器运维要在 Linux 命令行下进行各种操作，但 ~~人总会想着偷懒~~。而 **服务器管理面板** 封装了大量操作的实现，我们在浏览器中点击即可使用，大大提高了运维效率。
-
-而 1Panel 是一个现代化、开源的 **服务器管理面板**，封装了很多常用的操作，比如安装软件、配置反向代理、申请 SSL 证书等等。UI 界面好看，操作也很简单。是宝塔面板的一个很好的替代品。Github 仓库：https://github.com/1Panel-dev/1Panel
+1Panel 是一个现代化、开源的 **服务器管理面板**，封装了很多常用的操作，比如安装软件、配置反向代理、申请 SSL 证书等等。UI 界面好看，操作也很简单。是宝塔面板的一个很好的替代品。Github 仓库：https://github.com/1Panel-dev/1Panel
 
 1Panel 在线体验：[https://demo.1panel.cn](https://demo.1panel.cn)
 
-## 2. 1Panel 安装、登陆
+## 2. `1Panel` 安装、登陆
 
 开始之前先确保你的服务器安装了 `curl`
 

diff --git a/source/_posts/Blog-seo-optimization.md b/source/_posts/Blog-seo-optimization.md
@@ -8,11 +8,10 @@ tags:
 
 > 写博客的目的是为了记录自己的学习过程与分享日常。
 > 而想要让更多的人看到自己的博客，就需要做一些 SEO 优化，提升自己的博客在搜索引擎上的排名。
-如果你的博客是部署在 GitHub Pages 上的，就更需要注意了。因为 Github 限制百度的爬虫访问，你的博客在百度上是不会被收录的，而谷歌和必应会收录你的博客。
 
 ## 0. 提升文章内容质量
 
-SEO 优化的第一步就是提升你的文章内容质量。**搜索引擎会根据你的文章内容来判断你的网站的质量，优秀的文章内容可以提升你的网站在搜索引擎中的排名**。如果你的文章内容质量不高或者同质化严重，那么你的网站在搜索引擎中的排名就会很低，甚至根本不会被搜索引擎收录。
+SEO 优化的第一步就是提升你的文章内容质量。**搜索引擎会根据你的文章内容来判断你的网站的质量，优质的文章内容可以提升你的网站在搜索引擎中的排名**。如果你的文章内容质量不高或者同质化严重，那么你的网站在搜索引擎中的排名就会很低，甚至根本不会被搜索引擎收录。
 
 所以，**文章优化是 SEO 优化的重中之重!!!**
 

diff --git a/source/_posts/Fluid-theme-installation.md b/source/_posts/Fluid-theme-installation.md
@@ -2,7 +2,7 @@
 title: Hexo 安装 Fluid 主题
 tags:
   - Hexo
-  - fluid
+  - Fluid
   - 部署
 abbrlink: 5eba38dc
 date: 2023-12-27 02:09:48
@@ -11,36 +11,38 @@ date: 2023-12-27 02:09:48
 [官方文档](https://hexo.fluid-dev.com/docs/start)其实挺详细的了。
 记录一下我自己的操作。
 
-### 1. 安装主题
+## 1. 安装主题
 进入博客目录执行命令：
 ```bash
 npm install --save hexo-theme-fluid
 ```
-然后在博客目录下创建 _config.fluid.yml，将主题 [_config.yml](https://github.com/fluid-dev/hexo-theme-fluid/blob/master/_config.yml) 内容复制过去。
+然后在博客目录下创建 _config.fluid.yml，将官方仓库的主题配置 [_config.yml](https://github.com/fluid-dev/hexo-theme-fluid/blob/master/_config.yml) 内容复制过去。
 
 现在目录下有这三个 yml 文件：
 ![yml-files](yml-files.webp)
 
 可删除 `_config.landscape.yml` , 它是 hexo 默认的主题文件。
 
-### 2. 修改 hexo 配置
+## 2. 修改 hexo 配置
 
-修改 Hexo 博客目录中的 `_config.yml`：
+修改 Hexo 博客目录中的 `_config.yml`，将 `theme` 属性改为 `fluid`, `language` 属性改为 `zh-CN`：
 ```yml
 theme: fluid
 
 language: zh-CN
 ```
 
-### 3. 创建「关于页」
+## 3. 创建「关于页」
+
+Fluid 默认不会创建「关于页」，需要手动创建。
 
 执行以下命令：
 ```bash
 hexo new page about
 ```
 
 创建成功后修改 `/source/about/index.md`，添加 `layout` 属性：
-```markdown
+```
 ---
 title: about
 date: 2023-12-26 22:43:21
@@ -61,12 +63,11 @@ hexo clean && hexo g && hexo s -o
 
 PS: 可以跟着文档把关于页面的几个 icon 一起改了。
 
-### 4. 修改主题配置
+## 4. 修改主题配置
 
-[官方文档](https://hexo.fluid-dev.com/docs/guide/)
-官方文档还算比较完善，耐心看完即可。
+[官方文档](https://hexo.fluid-dev.com/docs/guide/) 比较完善，耐心看完即可，有详细的配置说明。
 
-### 5. 修改网站图标
+## 5. 修改网站图标
 `修改网站图标` 文档好像没提到，我这里写一下
 首先把你的图标放到 `/source/images/` 目录下，然后
 打开 `_config.fluid.yml` 找到这个配置：
@@ -81,7 +82,7 @@ apple_touch_icon: images/favicon.png
 ```
 将 `favicon.png` 改为你的图标路径即可。
 
-### 6. 修改 slogan 为 api 语录
+## 6. 修改 slogan 为 api 语录
 效果如图所示：
 ![语录](api-slogan.webp)
 
@@ -100,7 +101,7 @@ index:
 ```
 把 `url` 改为你想要的 api 地址，`keys` 改为你想要的字段。具体参数可以看[官方文档](https://hexo.fluid-dev.com/docs/guide/#slogan-%E6%89%93%E5%AD%97%E6%9C%BA)
 
-### 7. 修改背景图片 为 api 图片
+## 7. 修改背景图片 为 api 图片
 既然可以改 slogan 为 api 语录，那么背景图片当然也可以改为 api 图片 笑）。
 
 效果如图所示：

diff --git a/source/_posts/Use-lxgw-wenkai-in-fluid.md b/source/_posts/Use-lxgw-wenkai-in-fluid.md
@@ -2,14 +2,14 @@
 title: 如何在博客中使用霞鹜文楷字体
 tags:
   - Hexo
-  - fluid
+  - Fluid
 abbrlink: f24b41b1
 date: 2023-12-27 14:58:04
 ---
 
 近来阅读竹林里有冰的博客，发现他的博客字体很好看，想着把他的字体也用到我的博客里，于是就有了这篇文章。
 
-### 1. 字体介绍
+## 1. 字体介绍
 [霞鹜文楷字体仓库](https://github.com/lxgw/LxgwWenKai)
 霞鹜文楷 我之前其实在手机上用过，不过后面由于装机加上懒得折腾就没有再设置了，但是博客我觉得为了好的阅读体验还是可以换一下的
 ![霞鹜文楷](wenkai.webp)
@@ -34,9 +34,9 @@ date: 2023-12-27 14:58:04
 我的博客字体文件为
 `https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-web/lxgwwenkaiscreen/result.css`
 
-### 2. 使用方法
+## 2. 使用方法
 
-#### 2.1 直接引用
+### 2.1 直接引用
 直接将文后提供的链接以 `<link>` 的形式添加到网页的 `<head>` 内即可。
 ```html
 <html>
@@ -55,7 +55,7 @@ date: 2023-12-27 14:58:04
 </html>
 ```
 
-#### 2.2 Hexo 博客
+### 2.2 Hexo 博客
 如果你使用的是 Hexo 博客，可以采用注入的方式，将字体 css 注入到你的博客中。
 首先在根目录创建一个 `scripts` 文件夹，然后在 `scripts` 文件夹中创建一个 `font.js` 文件，内容如下：
 ```javascript
@@ -72,7 +72,7 @@ font:
   code_font_size: 85%
 ```
 
-#### 2.3 Fluid 主题
+### 2.3 Fluid 主题
 如果你使用 Hexo 的 Fluid 主题，那么恭喜你，替换字体很简单，只需要在主题的配置文件里加上一行 `custom_css: https://xxxx`代码就可以了，再修改 font_family。比如我的是 `fontFamily: LXGW WenKai GB`。
 
 ```yaml
@@ -86,5 +86,5 @@ font:
 custom_js:
 custom_css: https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-web/lxgwwenkaiscreen/result.css
 ```
-### 3. 效果展示
+## 3. 效果展示
 ![效果](result.webp)