Hugo-部署静态网站设计的一些思考

以下文章来源于架构实验室 ，作者Marionxue

架构实验室

??技术爱好者，探索和分享运维开发领域生态技术??

静态网站设计的个人思考

为什么要搭建自己的静态博客系统？

1. 写好的Markdown可以快速的发布到自己的博客网站上，不需要什么一键式多平台发布、自媒体自动同步(支持的不全面)
2. 没有广告，页面干净酸爽
3. 高度自由化，支持定制化css样式，可以了解和实践一些前端的知识。
4. 事件驱动学习，养成持续学习和分享的习惯，收纳总结常遇到的问题以及处理经验，毕竟有些东西慢慢的会忘掉的。
5. 通过公开的自己的笔记，暴露问题，从而发现问题，培养和理清自己思考问题的思路

博客网站的构建与部署思考

先看一下初期的设计图如下，将生成好的静态页面推送到代码仓库里面，然后通过GITHUB自带的GitHub Action自动的部署到云端主机上，同时将域名CNAME或者A到Github Pages是上或者云主机IP上。

定制化个人博客

我们这里使用Hugo这个静态网站生成工具来制作静态网站，该工具是通过Go编写的，因此小巧且资源占用少。下面本次实验的基础环境

软件版本系统Macos 10.15.5Hugohugo v0.73.0Zzo themeZzo[1]

在下载完成hugo之后，将其添加到系统的可执行的路径下,echo $PATH获取。

hugo new site linuxermaster.github.io # 创建一个名称为linuxermaster.github.io的博客工作目录 cd linuxermaster.github.io git submodule add https://github.com/zzossig/hugo-theme-zzo.git themes/zzo git submodule update --remote --merge hugo server --themesDir ../.. # 即可运行一个使用zzo主题的静态网站

以上就完成了静态网站的第一小步，下面继续了解hugo

├── archetypes │   └── default.md ├── config │   └── _default # 存储默认配置文件的目录，里面包含全局配置、菜单配置、语言配置、其他诸如友链等通信配置 ├── content │   ├── en # 存储英文版博客的目录,这里就是存储markdown文件的目录 │   └── zh # 存储中版博客的目录,这里就是存储markdown文件的目录 ├── data │   ├── font.toml # 设置字体 │   └── skin.toml # 设置皮肤的颜色 ├── deploy.sh # 推送静态网页到git的脚本 ├── layouts │   └── partials ├── public # 执行hugo命令将markdown转换成html的静态页面目录 │   ├── CNAME │   ├── css │   ├── en │   ├── favicon │   ├── favicon.ico │   ├── favicon.png │   ├── fonts │   ├── gallery │   ├── images │   ├── index.html │   ├── js │   ├── lib │   ├── logo-192.png │   ├── logo-512.png │   ├── logo.png │   ├── manifest.json │   ├── sitemap.xml │   └── zh ├── resources │   └── _gen ├── static # 静态网站需要的一些样式文件目录 │   ├── en │   ├── favicon │   ├── fonts │   ├── gallery │   └── images └── themes # 网站需要的模板主题目录     └── zzo

可以将以前写的markdown存放在content/en/目录下,然后运行网站就可以看到你的笔记

??  k8sdev default  ~/workspaces/linuxermaster.github.io   master ●?    hugo server -t zzo                     | EN  | ZH    -------------------+-----+------   Pages            | 248 |  52     Paginator pages  |  10 |   0     Non-page files   | 281 |   3     Static files     | 136 | 136     Processed images |   0 |   0     Aliases          |  56 |   8     Sitemaps         |   2 |   1     Cleaned          |   0 |   0    Built in 6102 ms Watching for changes in /Users/marionxue/workspaces/linuxermaster.github.io/{archetypes,content,data,layouts,static,themes} Watching for config changes in /Users/marionxue/workspaces/linuxermaster.github.io/config/_default Environment: "development" Serving pages from memory Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender Web Server is available at http://localhost:1313/ (bind address 127.0.0.1) Press Ctrl+C to stop

如何定制文章的简介和图片

很简单，只需要在markdown的首部添加以下yaml格式的配置说明即可:

author: "云原生生态圈" # 文章标题下显示的作者名字 title: "Hugo+Zzo主题快速搭建持久维护的个人网站" # 文章的标题 date: 2020-07-20T19:49:06+09:00 # 自定义文章的发表时间 description: "私人订制你的技术平台平台" # 文章的说明描述 authorImage: "/images/whoami/头像.png" # 作者的头像 authorDesc: "啥都不会的DevOps工程师" # 作者的自述 draft: false # 是否标记为草稿，如果为true,将不会编译进html页面 hideToc: false # 是否隐藏toc目录 enableToc: true # 是否启用toc enableTocContent: false # 是否显示toc authorEmoji:  # 显示在作者名字之前的表情 tags: # 文章标签,用于搜索 - hugo - blog - zzo - hugo template image: images/posts/hugo-blog.png # 显示文章的图片 socialOptions: # 显示的一些社交账号信息   email: "[email protected]"   facebook: "@marionxue"

效果如下如:

如何自定义网站底部样式

自定义网站底部的样式，需要修改css样式,由于篇幅的问题，这篇文章就不在说明了。

推送静态网站脚本

#!/bin/sh # If a command fails then the deploy stops set -e  printf "\033[0;32mDeploying updates to GitHub...\033[0m\n"  # Build the project. hugo # if using a theme, replace with `hugo -t <YOURTHEME>`  # Go To Public folder cd public  # Add changes to git. git add .  # Commit changes. msg="rebuilding site $(date)" if [ -n "$*" ]; then         msg="$*" fi git commit -m "$msg"  # Push source and build repos. git push origin master

正如前面的网站设计图所示，不管将网站托管到Github Pages上还是部署到云主机上,我们都会遇到访问慢的情况，因此我们可以通过域名加速缓解这个问题,比如通过又拍云推广合作等，写技术类的文章，避免不了需要一些图来辅助解释说明，因此可以将图片放在一些对象存储上，例如七牛，oss等，我这里暂时就存在七牛上，但是七牛的bucket绑定个人域名需要备案，所以首先需要有一个备案的域名，域名备案需要一台云主机，我使用的是滴滴云([1c/2G]/68元/年),滴滴云的特惠链接:https://i.didiyun.com/29WG0vRdqDG

Reference

[1]

Zzo theme:https://github.com/zzossig/hugo-theme-zzo.git

阅读原文

精通Shadowrocket配置管理：彻底删除无用规则的完整指南

在iOS设备上，Shadowrocket作为一款强大的网络代理工具，让用户能够通过灵活配置实现高效、安全的网络访问。然而，随着使用时间的推移，配置规则可能会逐渐积累，变得杂乱无章，甚至影响代理效率。本文将深入探讨如何在Shadowrocket中删除不再需要的配置规则，并提供优化网络设置的实用建议，帮助您保持整洁、高效的使用环境。

理解Shadowrocket配置规则的重要性

在使用Shadowrocket时，配置规则是决定网络流量如何路由的核心元素。每一条规则都像一个交通指示牌，告诉数据包该走哪条路：是通过代理服务器、直接连接，还是根据特定条件处理。这些规则通常分为三类：

1. 代理规则：指定哪些请求必须通过代理服务器传输，例如访问特定地区限制的内容时。
2. 绕过规则：定义哪些请求不应经过代理，如本地网络或信任的网站，以提高访问速度。
3. 自定义规则：用户根据个人需求创建的个性化设置，可能针对特定应用或场景。

这些规则的合理管理直接影响网络体验。如果规则过多或存在冲突，可能会导致连接速度下降、某些网站无法访问，甚至代理服务不稳定。因此，定期审查和删除无用规则是维护Shadowrocket高效运行的关键步骤。

逐步指南：删除Shadowrocket中的配置规则

第一步：打开Shadowrocket应用

首先，在您的iOS设备上找到Shadowrocket应用图标并点击打开。确保您已经登录并进入主界面，这里会显示所有已添加的配置文件。如果您有多个配置文件，请确认当前正在使用的是哪一个，以免误操作。

第二步：选择目标配置文件

在主界面中，您会看到一个配置文件列表。这些文件可能包括您添加的多个代理设置，如VPN、SOCKS5或HTTP代理。仔细浏览列表，找到您想要修改的那个配置文件。点击它进入配置详情页面，这里包含了该配置文件的所有设置选项。

第三步：定位规则列表

在配置详情页面，向下滚动直到找到“规则列表”选项。这个部分通常位于页面中部或底部，具体位置可能因Shadowrocket版本而异。点击进入后，您将看到所有已添加的规则，每条规则都列出了其条件和操作（如代理或绕过）。

第四步：编辑并删除规则

现在，点击页面右上角的“编辑”按钮。这将使规则列表进入可编辑状态，每条规则旁边会出现一个红色的减号图标或删除按钮。找到您想要删除的规则——可能是过时的、重复的或不再需要的——然后点击对应的删除按钮。系统可能会提示您确认删除，点击“确认”或“是”以完成操作。

如果您不确定某条规则的作用，可以先禁用它（如果支持）而不是立即删除，观察一段时间后再决定是否永久移除。

第五步：保存更改

删除规则后，务必点击页面底部的“保存”按钮。这一步至关重要，因为如果不保存，您的更改将不会生效。保存后，Shadowrocket会更新配置文件，并应用新的规则设置。

第六步：验证修改

返回配置文件列表，重新进入刚才修改的配置文件，检查规则列表是否已更新。确认被删除的规则不再出现，同时测试网络连接以确保没有意外影响。例如，尝试访问之前通过代理的网站，确认它们仍然正常工作，或检查绕过规则是否按预期执行。

高级技巧与最佳实践

除了基本删除操作，以下建议可以帮助您更高效地管理Shadowrocket配置：

1. 定期备份配置：在进行大规模修改前，导出您的配置文件到iCloud或本地存储。这样，如果不小心删错了规则，可以快速恢复。在Shadowrocket中，通常可以通过“设置” > “备份与恢复”选项完成备份。

2. 批量管理策略：虽然Shadowrocket目前不支持批量删除，但您可以通过编辑配置文件文本（如果熟悉语法）来快速移除多个规则。不过，这需要一定的技术知识，建议初学者谨慎操作。

3. 规则优化原则：删除规则时，优先移除重复的、过于宽泛的或长期未使用的规则。例如，如果您有一条规则代理所有流量，但另有更具体的规则，可以考虑删除泛化规则以避免冲突。

4. 性能监控：删除规则后，观察设备电池消耗和网络速度变化。如果发现性能提升，说明删除是有效的；如果出现问题，及时恢复备份。

5. 结合使用场景调整：根据您的网络习惯（如工作、娱乐或旅行）定期审查规则。例如，旅行时添加的特定地区代理规则在回国后可能不再需要，应及时删除。

常见问题解答（FAQs）

问：如果不小心删除了重要规则，如何恢复？ 答：如果您有备份，可以通过Shadowrocket的恢复功能导入备份文件。如果没有备份， unfortunately, 系统不提供回收站或撤销功能，您可能需要手动重新添加规则。因此，备份习惯至关重要。

问：删除一条规则会影响其他规则吗？ 答：通常不会。规则之间一般是独立的，除非它们有依赖关系（如一条规则引用另一条）。删除单一规则只会影响其直接控制的流量，不会波及整个配置。

问：Shadowrocket有规则数量限制吗？ 答：理论上没有硬性上限，但过多规则（如上千条）可能会拖慢应用响应速度或增加内存占用。建议保持在几百条以内，并根据需要定期清理。

问：能否临时禁用而不是删除规则？ 答：是的，许多Shadowrocket版本支持禁用规则（通过切换旁边的开关）。这允许您测试删除的影响 without permanent removal，非常适合谨慎的用户。

问：如何避免未来规则堆积？ 答：养成定期审查的习惯，例如每月检查一次规则列表。同时，添加新规则时注明日期和用途，便于后续管理。

精彩点评

Shadowrocket作为iOS代理工具的佼佼者，其强大功能背后是高度可定制的规则系统。然而，这种灵活性也是一把双刃剑：规则管理不当可能导致效率低下甚至网络故障。本文详述的删除流程不仅是技术操作，更体现了数字生活中“断舍离”的哲学——通过去除冗余，提升整体体验。

从实用角度看，掌握规则删除技巧能显著优化网络性能。例如，删除过时的代理规则可以加快访问速度，而清理无效绕过规则能增强安全性。更重要的是，这一过程培养了用户对自身数字环境的主动管理意识，而非被动接受默认设置。

语言上，本文力求清晰而不失深度，将看似枯燥的步骤转化为富有逻辑的叙事。同时，融入备份、验证等最佳实践，展现了全面而周到的思考。最终，这不仅是一篇指导文章，更是倡导精细化数字生活的倡议——在连接世界的时代，学会精简规则，或许就是保持网络自由与高效的密钥。

通过遵循本指南，您不仅能轻松删除Shadowrocket中的无用规则，还能建立起长期有效的配置管理习惯，确保您的网络体验始终流畅、安全。祝您在数字世界中航行愉快！