From d4295aebd0c8323a12a0679d86656e4ad8caaa8f Mon Sep 17 00:00:00 2001 From: Dich Date: Mon, 21 Apr 2025 19:57:15 +0800 Subject: [PATCH] update:blog --- content/{about-Zola-blog.md => about-blog.md} | 84 ++++++++++++++----- 1 file changed, 62 insertions(+), 22 deletions(-) rename content/{about-Zola-blog.md => about-blog.md} (60%) diff --git a/content/about-Zola-blog.md b/content/about-blog.md similarity index 60% rename from content/about-Zola-blog.md rename to content/about-blog.md index daf228b..8e7adf2 100644 --- a/content/about-Zola-blog.md +++ b/content/about-blog.md @@ -15,12 +15,12 @@ tags = ["乱七八糟"] 个人博客的定义是什么？私以为是``域名+站点+原创内容``三要素组成。当然，最重要的原创内容往往被忽视... -- 域名可以在[Dynadot](https://www.dynadot.com/)等平台购买，也可以申请免费域名，目的是为了好记； -- 站点可以在自己的服务器上使用动态的WordPress或者Halo来一键创建，也可以使用静态的框架部署在PAAS平台上； +- 域名可以在[Dynadot](https://www.dynadot.com/)等平台购买，也可以申请如``eu.org``或``us.kg``等免费域名，目的是为了好记； +- 站点可以在自己的服务器上使用动态的``WordPress``或者``Halo``来一键创建，也可以使用``静态框架``部署在PAAS平台上； 因此，整体成本应该是非常低的。 -## 使用Halo快速构建博客 +## 使用Halo快速搭建博客 - 首先你需要有一台自己的云服务器，建议在1核1G以上配置，并安装Debian系统； - 随后我们安装1panel，执行以下命令一键安装： @@ -39,22 +39,73 @@ curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_ - 创建完成后我们还需要配置TLS证书，在网站-HTTPS中添加证书，可以选择[自签名证书](https://bkssl.com/ssl/selfsign)正式或者通过Acme申请免费的``Let's Encrypt``证书。 -- 配置完成后在Cloudflare的DNS解析界面创建一个A记录，将你的blog.xxx.com解析到你的服务器的IP； +- 配置完成后在Cloudflare的DNS解析界面创建一个A记录，将你的``blog.xxx.com解析到你的服务器的IP``； - 大功告成！现在你应该可以通过HTTPS域名访问自己的博客！ -## 静态框架搭建博客 +## 使用Hugo框架构建博客 首先明确你需要的架构，一般有两种选择： - - 使用现有的架构,包括Hugo,zola,astro等等,可以在[这个网站](https://jamstackthemes.dev/)上面查看效果; - - 或者从头写一个框架，需要HTML/CSS/JS等知识； +- 使用现有的架构,包括Hugo,zola,astro等等； +- 或者从头写一个框架，需要HTML/CSS/JS等知识； -随后需要列出你想要的显示效果： +> 可以在[这个网站](https://jamstackthemes.dev/)上面查看常见的框架与主题的显示效果 + +1. 选择好你的框架与主题后（这里以hugo为例子），随后安装hugo以及对应的依赖： + +- windows: +``` +# 打开以管理员模式运行的PowerShell,输入命令安装 Hugo Extended： +winget install Hugo.Hugo.Extended +``` +- Arch linux +``` +paru -S hugo +``` +- 检查版本： +``` +hugo version +``` + +2. 创建新的 Hugo 站点：选择一个文件夹打开命令行，执行： +``` +hugo new site my-terminal-blog +``` +该命令会在``my-terminal-blog``文件夹下生成hugo的基础目录。 + +3. 安装主题，这里以[terminal](https://github.com/panr/hugo-theme-terminal)主题为例： + +``` +cd my-terminal-blog +git clone https://github.com/panr/hugo-theme-terminal.git themes/terminal +``` +将主题代码拉入 themes/terminal 目录，后续可使用 git pull 获取更新。 + +4. 写入文章：使用 Hugo 提供的命令创建新文章： +``` +hugo new posts/hello-world.md +``` +打开生成的 content/posts/hello-world.md，在 front matter 中填入 title、date、tags 等元数据，然后撰写 Markdown 正文, Markdown 编辑器参考[前文](https://blog.dich.bid/about-markdown/)。​ + +5. 本地测试：在项目根目录运行： +``` +hugo server +``` +然后在浏览器访问 http://localhost:1313 即可实时预览并查看更新效果。 + +6. 部署到公网：新建一个Github仓库，用Git连接并将Hugo项目的文件夹push上去； + +7. 使用[Vercel](https://vercel.com)/[Netlify](https://www.netlify.com/)等平台读取GitHub仓库并部署Hugo博客项目，并设置指向自己的域名。 + + +## 定制 + +**你想要的显示效果?** - 风格，包括命令行风格，极简风格，MD3风格等等; - 布局，是响应式还是传统布局？ -你需要那些功能？ +**你需要那些功能?** - 黑暗/白天模式切换; - 高斯模糊？动态取色？ @@ -63,7 +114,7 @@ curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_ - Tag分类和时间排序？ - 搜索功能和RSS？ -需要处理哪些外部依赖？ +**需要处理哪些外部依赖?** - 域名和paas平台？ - 图床还是直接嵌入图片？ @@ -71,18 +122,7 @@ curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh -o quick_ - 是否需要多平台发布？ - 是否需要加密特定文章？ -以上的功能和需求是否对SEO和界面相应时间造成影响？ - - -## 构建过程 -- 安装Zola到一个文件夹，并为其命名； -- 选择主题（theme），将下载好的主题与Zola同名文件夹合并； -- 运行zola build和zola serve,在本机浏览器127.0.0.1：1111上查看站点； -- 使用notion,obsdian,bluestone等软件写markdown格式的文章； -- 保存文章到content文件夹中； -- 随后再次运行运行zola build和zola serve，生成public文件夹； -- 新建一个Github仓库，用Git连接并push上去； -- 在Vercel/Fleek等平台将仓库部署并设置域名。 +**以上的功能和需求是否对SEO和界面相应时间造成影响？** ## 🔗 - [zola官方文档](https://www.getzola.org/documentation/getting-started/overview/)