update index

l10178 · Sep 25, 2024 · 6186d49 · 6186d49
1 parent 4945c30
commit 6186d49
Show file tree

Hide file tree

Showing 5 changed files with 73 additions and 14 deletions.
diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
@@ -17,6 +17,8 @@ jobs:
       uses: actions/setup-node@v4
       with:
         node-version: 20
+        cache: 'npm'
+        cache-dependency-path: 'package-lock.json'
 
     - name: Setup Hugo
       uses: peaceiris/actions-hugo@v3

diff --git a/README.md b/README.md
@@ -7,7 +7,16 @@
 
 A book about identity as a service (IDaaS).
 
-一本关于身份即服务的书，翻译和汇总 IAM、IDaaS、OAuth2 等相关专业知识，介绍相关的 keycloak、CAS、Dex 等软件，记录使用中遇到的问题和解决方案。
+一本关于 IDaaS 身份即服务的书，翻译和汇总 IAM、IDaaS、OAuth2 等相关专业知识，介绍相关的 keycloak、CAS、Dex 等软件，记录使用中遇到的问题和解决方案，让 IDaaS 领域相关的问题更容易理解。
+
+## 前言
+
+为什么写这本书，因为大佬的世界和普通人是割裂的，有人讲协议，有人讲实现，有人讲未来的实现，普通人很难理解。
+
+为什么叫 Book，和我以往的博客体系有什么区别，因为我想系统性的总结关于此类的问题和实践经验，从原理到实践应该是体系化的。
+
+本项目的主语言是中文，因为英文已经被人写了一个遍了，实在是没法超越，不如老老实实的承认人家写的好，咱只是翻译。
+如果你在搜索 keycloak 中文、CAS 中文、oauth2 中文，可能会进入本项目，如果不幸这里没有你想要的内容，请提交 issue 或 PR。
 
 ## 贡献者指南
 
@@ -26,21 +35,10 @@ npm run create blog/k8s.md
 npm run build
 ```
 
-如果文章中包含图片，提交 Git 前推荐使用 [pngquant][] 先进行无损压缩。
-
-```bash
-# 选择自己的文件夹
-for file in $(ls *.png)
-do
-  pngquant $file --force --output $file
-done
-```
-
 ## License
 
 本文档采用 [CC BY-NC 4.0][] 许可协议。
 
 [Hugo]: https://gohugo.io/
 [Doks]: https://github.com/thuliteio/doks
-[pngquant]: https://pngquant.org/
 [CC BY-NC 4.0]: https://creativecommons.org/licenses/by-nc/4.0/
diff --git a/content/_index.md b/content/_index.md
@@ -1,7 +1,7 @@
 ---
 title: "IDaaS Book"
 description: "一本关于身份即服务的书"
-lead: "一本关于身份即服务的书，翻译和汇总 IAM、IDaaS、OAuth2 等相关专业知识，介绍相关的 keycloak、CAS、Dex 等软件"
+lead: "一本关于身份即服务的书，翻译和汇总 IAM、IDaaS、OAuth2 等相关专业知识，介绍相关的 keycloak、CAS、Dex 等软件，记录使用中遇到的问题和解决方案，让 IDaaS 领域相关的问题更容易理解。"
 date: 2023-09-07T16:33:54+02:00
 lastmod: 2023-09-07T16:33:54+02:00
 draft: false
@@ -14,4 +14,4 @@ seo:
 
 A book about identity as a service (IDaaS).
 
-一本关于身份即服务的书，翻译和汇总 IAM、IDaaS、OAuth2 等相关专业知识，介绍相关的 keycloak、CAS、Dex 等软件，记录使用中遇到的问题和解决方案。
+一本关于身份即服务的书，翻译和汇总 IAM、IDaaS、OAuth2 等相关专业知识，介绍相关的 keycloak、CAS、Dex 等软件，记录使用中遇到的问题和解决方案，让 IDaaS 领域相关的问题更容易理解。
diff --git a/hugo_stats.json b/hugo_stats.json
@@ -48,6 +48,7 @@
     "classes": [
       "active",
       "anchor",
+      "bg-dots",
       "bg-light",
       "blog",
       "btn",
@@ -107,6 +108,7 @@
       "footer",
       "frame",
       "h-auto",
+      "h4",
       "header",
       "highlight",
       "home",
@@ -116,14 +118,19 @@
       "icon-tabler-arrow-right",
       "icon-tabler-brand-github",
       "icon-tabler-dots-vertical",
+      "icon-tabler-git-fork",
+      "icon-tabler-hand-move",
       "icon-tabler-menu",
       "icon-tabler-moon",
+      "icon-tabler-star-half-filled",
       "icon-tabler-sun",
       "icon-tabler-x",
+      "icons-tabler-outline",
       "is-terminal",
       "justify-content-between",
       "justify-content-center",
       "justify-content-end",
+      "justify-content-start",
       "last-modified",
       "lead",
       "list",
@@ -171,6 +178,7 @@
       "rounded-pill",
       "row",
       "section",
+      "section-features",
       "section-md",
       "section-nav",
       "single",

diff --git a/layouts/index.html b/layouts/index.html
@@ -17,6 +17,57 @@ <h1>{{ .Title }}</h1>
 </section>
 {{ end }}
 
+
+{{ define "sidebar-prefooter" }}
+  <div class="d-flex justify-content-start">
+    <div class="bg-dots"></div>
+  </div>
+  <section class="section section-md section-features">
+    <div class="container">
+      <div class="row justify-content-center text-center">
+        <div class="col-lg-5">
+          <h2 class="h4">OAuth2</h2>
+          <p>OAuth2相关协议翻译解释，核心流程拆解。</p>
+          <!-- <a href="https://github.com/xlabs-club/xlabs-ops" target="_blank">
+            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star-half-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 1a.993 .993 0 0 1 .823 .443l.067 .116l2.852 5.781l6.38 .925c.741 .108 1.08 .94 .703 1.526l-.07 .095l-.078 .086l-4.624 4.499l1.09 6.355a1.001 1.001 0 0 1 -1.249 1.135l-.101 -.035l-.101 -.046l-5.693 -3l-5.706 3c-.105 .055 -.212 .09 -.32 .106l-.106 .01a1.003 1.003 0 0 1 -1.038 -1.06l.013 -.11l1.09 -6.355l-4.623 -4.5a1.001 1.001 0 0 1 .328 -1.647l.113 -.036l.114 -.023l6.379 -.925l2.853 -5.78a.968 .968 0 0 1 .904 -.56zm0 3.274v12.476a1 1 0 0 1 .239 .029l.115 .036l.112 .05l4.363 2.299l-.836 -4.873a1 1 0 0 1 .136 -.696l.07 -.099l.082 -.09l3.546 -3.453l-4.891 -.708a1 1 0 0 1 -.62 -.344l-.073 -.097l-.06 -.106l-2.183 -4.424z" stroke-width="0" fill="currentColor" /></svg>
+          </a> -->
+        </div>
+        <div class="col-lg-5">
+          <h2 class="h4">Keycloak</h2>
+          <p>Keycloak中文安装使用部署文档、API和IaC开发对接文档，遇见问题以及解决方案。</p>
+          <!-- <p><a href="/docs/cloud/introduction/">Docs</a></p> -->
+        </div>
+        <div class="col-lg-5">
+          <h2 class="h4">oauth2-proxy</h2>
+          <p>oauth2-proxy代理一些需要Auth的服务，简化认证流程，一键接入。</p>
+          <!-- <a href="https://github.com/xlabs-club/xlabs-ops" target="_blank">
+            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-git-fork" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M7 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M17 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M7 8v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2 -2v-2" /><path d="M12 12l0 4" /></svg>
+          </a> -->
+        </div>
+        <div class="col-lg-5">
+          <h2 class="h4">技术博客</h2>
+          <p>研发踩坑记录，翻一翻总有惊喜。</p>
+          <p><a href="/blog/">Blog</a></p>
+        </div>
+        <div class="col-lg-5">
+          <h2 class="h4">Awesome</h2>
+          <p>一些关于 AIOps、DataOps、DevOps、GitOps、FinOps 的优秀软件、博客、配套工具。</p>
+          <a href="https://github.com/xlabs-club/awesome-x-ops" target="_blank">
+            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-star-half-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 1a.993 .993 0 0 1 .823 .443l.067 .116l2.852 5.781l6.38 .925c.741 .108 1.08 .94 .703 1.526l-.07 .095l-.078 .086l-4.624 4.499l1.09 6.355a1.001 1.001 0 0 1 -1.249 1.135l-.101 -.035l-.101 -.046l-5.693 -3l-5.706 3c-.105 .055 -.212 .09 -.32 .106l-.106 .01a1.003 1.003 0 0 1 -1.038 -1.06l.013 -.11l1.09 -6.355l-4.623 -4.5a1.001 1.001 0 0 1 .328 -1.647l.113 -.036l.114 -.023l6.379 -.925l2.853 -5.78a.968 .968 0 0 1 .904 -.56zm0 3.274v12.476a1 1 0 0 1 .239 .029l.115 .036l.112 .05l4.363 2.299l-.836 -4.873a1 1 0 0 1 .136 -.696l.07 -.099l.082 -.09l3.546 -3.453l-4.891 -.708a1 1 0 0 1 -.62 -.344l-.073 -.097l-.06 -.106l-2.183 -4.424z" stroke-width="0" fill="currentColor" /></svg>
+          </a>
+        </div>
+        <div class="col-lg-5">
+          <h2 class="h4">庄周吃鱼</h2>
+          <p>利用 AI、大数据、云计算、区块链等技术，解决 X 条件下如何选择 Y 的问题。</p>
+          <a href="https://yao.xlabs.club/" target="_blank">
+            <svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-hand-move"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5" /><path d="M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5" /><path d="M14 10.5a1.5 1.5 0 0 1 3 0v1.5" /><path d="M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47" /><path d="M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427" /><path d="M14 3.458c1.32 .354 2.558 .902 3.685 1.612" /></svg>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+{{ end }}
+
 {{ define "sidebar-footer" }}
 <section class="section section-md container-fluid bg-light">
   <div class="row justify-content-center text-center">