pages init

README.md

-# 程序员电子书目录
-
-本电子书目录持续更新中，如果您有可公开的电子图书，也欢迎大家通过提交 Issue 或者 合并请求的方式提供给我们。
-
-### 电子书目录
-
-@ 2020-11-01
-
-- [《程序员》杂志 · 2016 精华本](https://codechina.gitcode.host/programmer/2016/)
-- [《程序员》杂志 · 2017 精华本](https://codechina.gitcode.host/programmer/2017/)
-- [《2017 技术大检阅》](https://codechina.gitcode.host/programmer/2017-technical-review/)
-- [《AI 工程师职业指南》](https://codechina.gitcode.host/programmer/career-guide-4-AI/)
-- [《VR 与 AR 开发实战》](https://codechina.gitcode.host/programmer/vr-ar/)
-- [《云计算演进与应用》](https://codechina.gitcode.host/programmer/cloud-computing/)
-- [《互联网应用架构面面观》](https://codechina.gitcode.host/programmer/application-architecture/)
-- [《人工智能，为我所用》](https://codechina.gitcode.host/programmer/ai4me/)
-- [《人工智能学术前沿》](https://codechina.gitcode.host/programmer/frontier-ai/)
-- [《关于 C++ 你应该更新的知识》](https://codechina.gitcode.host/programmer/cpp-update/)
-- [《分布式数据库》](https://codechina.gitcode.host/programmer/distributed-DB/)
-- [《前端开发创新实践》](https://codechina.gitcode.host/programmer/fe/)
-- [《双 11 · 一场技术的决战》](https://codechina.gitcode.host/programmer/11-11/)
-- [《大数据技术深度实践》](https://codechina.gitcode.host/programmer/practice-of-big-data/)
-- [《容器技术经验谈》](https://codechina.gitcode.host/programmer/docker-skills/)
-- [《微信小程序深度解析》](https://codechina.gitcode.host/programmer/miniapp/)
-- [《技术视野》](https://codechina.gitcode.host/programmer/tech-vision/)
-- [《深入浅出区块链》](https://codechina.gitcode.host/programmer/blockchain-intro/)
-- [《物联网开发技术栈》](https://codechina.gitcode.host/programmer/iot-stack/)
-- [《移动开发十年》](https://codechina.gitcode.host/programmer/10-years-of-mobile-dev/)
\ No newline at end of file

archetypes/default.md

+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+subtitle: 
+link: 
+image: 
+---

config.toml

+baseURL = "http://root.gitcode.host/openday/"
+#baseURL = ""
+languageCode = "zh"
+title = "程序员电子书"
+#theme = "showcase"
+
+# showcase settings
+license = "MIT"
+licenselink = "https://github.com/apvarun/showcase-hugo-theme/blob/master/LICENSE"
+description = "《程序员》· 国内开发者的权威刊物，程序员电子书分享"
+tags = [ ]
+features = ["responsive", "portfolio", "gallery"]
+min_version = "0.41.0"
+
+[Params]
+hideAutoMenu = false
+Author = "CODE CHINA"
+Homepage = "https://codechina.csdn.net/explore"
+Message = "程序员电子书书单"
+
+[Social]
+wechat = "CSDN CODE"
\ No newline at end of file

content/电子书/11-11.md

+---
+title: "《双 11 · 一场技术的决战》"
+date: 2017-12-01
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/11-11/
+image: "images/13.jpg"
+---

content/电子书/2017-technical-review.md

+---
+title: "《2017 技术大检阅》"
+date: 2018-08-01
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/2017-technical-review/
+image: "images/03.jpg"
+---

content/电子书/_index.md

+---
+title: "电子书"
+weight: 10
+---
\ No newline at end of file

content/电子书/ai4me.md

+---
+title: "《人工智能，为我所用》"
+date: 2017-12-28
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/ai4me/
+image: "images/08.jpg"
+---
\ No newline at end of file

content/电子书/application-architecture.md

+---
+title: "《互联网应用架构面面观》"
+date: 2017-12-27
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/application-architecture/
+image: "images/07.jpg"
+---

content/电子书/blockchain-intro.md

+---
+title: "《深入浅出区块链》"
+date: 2017-12-30
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/blockchain-intro/
+image: "images/18.jpg"
+---

content/电子书/career-guide-4-AI.md

+---
+title: "《AI 工程师职业指南》"
+date: 2017-12-24
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/career-guide-4-AI/
+image: "images/04.jpg"
+---

content/电子书/cloud-computing.md

+---
+title: "《云计算演进与应用》"
+date: 2017-12-28
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/cloud-computing/
+image: "images/06.jpg"
+---

content/电子书/cpp-update.md

+---
+title: "《关于 C++ 你应该更新的知识》"
+date: 2017-12-10
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/cpp-update/
+image: "images/10.jpg"
+---

content/电子书/distributed-DB.md

+---
+title: "《分布式数据库》"
+date: 2017-12-11
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/distributed-DB/
+image: "images/11.jpg"
+---

content/电子书/docker-skills.md

+---
+title: "《容器技术经验谈》"
+date: 2017-12-15
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/docker-skills/
+image: "images/15.jpg"
+---

content/电子书/fe.md

+---
+title: "《前端开发创新实践》"
+date: 2017-12-12
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/fe/
+image: "images/12.jpg"
+---

content/电子书/frontier-ai.md

+---
+title: "《人工智能学术前沿》"
+date: 2017-12-09
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/frontier-ai/
+image: "images/09.jpg"
+---

content/电子书/iot-stack.md

+---
+title: "《物联网开发技术栈》"
+date: 2017-12-19
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/iot-stack/
+image: "images/19.jpg"
+---

content/电子书/miniapp.md

+---
+title: "《微信小程序深度解析》"
+date: 2017-12-16
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/miniapp/
+image: "images/16.jpg"
+---

content/电子书/mobile-dev.md

+---
+title: "《移动开发十年》"
+date: 2017-12-20
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/10-years-of-mobile-dev/
+image: "images/20.jpg"
+---
\ No newline at end of file

content/电子书/practice-of-big-data.md

+---
+title: "《大数据技术深度实践》"
+date: 2017-12-14
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/practice-of-big-data/
+image: "images/14.jpg"
+---

content/电子书/tech-vision.md

+---
+title: "《技术视野》"
+date: 2017-12-17
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/tech-vision/
+image: "images/17.jpg"
+---

content/电子书/vr-ar.md

+---
+title: "《VR 与 AR 开发实战》"
+date: 2017-12-25
+subtitle: "电子书"
+link: https://codechina.gitcode.host/programmer/vr-ar/
+image: "images/05.jpg"
+---

content/精华本/2016.md

+---
+title: "《程序员》杂志 · 2016 精华本"
+date: 2016-12-31
+subtitle: "精华本"
+link: https://codechina.gitcode.host/programmer/2016/
+image: "images/01.jpg"
+---

content/精华本/2017.md

+---
+title: "《程序员》杂志 · 2017 精华本"
+date: 2017-12-31
+subtitle: "精华本"
+link: https://codechina.gitcode.host/programmer/2017/
+image: "images/02.jpg"
+---

content/精华本/_index.md

+---
+title: "精华本"
+weight: 20
+---
\ No newline at end of file

layouts/404.html

+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{ .Site.Title }}</title>
+    <link
+    href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
+    rel="stylesheet"
+  />
+  </head>
+  <body>
+    <section class="text-gray-700 body-font">
+      <div
+        class="container mx-auto flex px-5 py-24 items-center justify-center flex-col"
+      >
+        <div class="text-center lg:w-2/3 w-full">
+          <h1
+            class="title-font text-6xl mb-4 font-medium text-gray-900"
+          >
+            404
+          </h1>
+          <p class="mb-8 leading-relaxed">
+            Looks like you are lost
+          </p>
+          <div class="flex justify-center">
+            <a
+              href="{{ .Site.BaseURL }}"
+              class="inline-flex text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg"
+            >
+              Go back home
+            </a>
+          </div>
+        </div>
+      </div>
+    </section>
+  </body>
+</html>

layouts/_default/baseof.html

+<!DOCTYPE html>
+<html>
+    {{- partial "head.html" . -}}
+    <body>
+        {{- partial "header.html" . -}}
+        <div id="content">
+        {{- block "main" . }}{{- end }}
+        </div>
+        {{- partial "footer.html" . -}}
+    </body>
+</html>

layouts/_default/single.html

+{{ define "main" }}
+
+<section class="text-gray-700 body-font">
+  <div class="container px-5 py-8 mx-auto">
+    <h1 class="text-2xl font-bold my-4">{{ .Title }}</h1>
+    <div>
+      {{ .Content }}
+    </div>
+  </div>
+</section>
+
+{{ end }}

layouts/index.html

+{{ define "main" }}
+
+<section class="text-gray-700 body-font">
+  <div class="container px-5 py-8 mx-auto">
+    {{- partial "custom-message.html" . -}}
+
+    <div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
+      {{ range where .Site.Pages "Kind" "page" }}
+      {{ if ne .Params.Exclude true }}
+      <a
+        target="_blank"
+        rel="noopener"
+        href="{{ .Params.Link }}"
+        class="card p-4 md:w-1/3 sm:mb-4 mb-6 hover:shadow-xl hover:bg-gray-400 transition duration-200 ease-in rounded-lg {{ lower .Section }}"
+      >
+        <div class="rounded-lg h-64 overflow-hidden relative">
+          {{ if (or .Params.Image .CurrentSection.Params.Image) }}
+          <img
+            alt="{{ .Title }}"
+            class="object-cover object-center h-full w-full"
+            src="{{ (or .Params.Image .CurrentSection.Params.Image) }}"
+          />
+          {{ end }}
+          <span
+            class="bg-blue-500 text-white px-3 py-1 tracking-widest text-xs absolute right-0 top-0 rounded-bl"
+            >{{ title .Section }}</span
+          >
+          <h2
+            class="h2 text-white px-2 py-1 tracking-widest text-2xl leading-tight font-extrabold font-bree text-center w-full h-full flex justify-center items-center absolute top-0 left-0"
+          >
+            {{ .Title }}
+          </h2>
+          <p
+            class="h2 text-white px-2 py-1 tracking-widest text-md leading-tight font-light w-full text-center absolute bottom-0 left-0"
+          >
+            {{ .Params.Subtitle }}
+          </p>
+        </div>
+      </a>
+      {{ end }}
+      {{ end }}
+    </div>
+  </div>
+</section>
+
+{{ end }}

layouts/partials/custom-message.html

+<div class="flex flex-wrap sm:flex-row flex-col py-6 mb-12">
+  {{ if .Site.Params.Message }}
+  <h1 class="text-gray-900 font-medium title-font text-2xl mb-2 sm:mb-0 text-center w-full">
+    {{ .Site.Params.Message }}
+  </h1>
+  {{ end }}
+</div>
\ No newline at end of file

layouts/partials/footer.html

+<footer class="text-gray-700 body-font">
+  <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
+    <p class="text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l-1 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4">
+      <a href="{{ .Site.BaseURL }}">&copy; {{ .Site.Params.Author }}</a>
+    </p>
+    <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
+      {{ if .Site.Social.wechat }}
+      <a class="text-gray-500 weixin-icon" href="#">
+        <i class="fab fa-weixin"></i>
+        <span class="weixin-pop"
+          ><i></i>微信扫一扫关注<br />
+          <img
+            height="104"
+            width="104"
+            src="./images/wechat.jpeg"
+        /></span>
+      </a>
+      {{ end }} {{ if .Site.Social.twitter }}
+      <a class="ml-3 text-gray-500" href="{{ .Site.Social.twitter }}">
+        <svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
+          <path
+            d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"
+          ></path>
+        </svg>
+      </a>
+      {{ end }} {{ if .Site.Social.instagram }}
+      <a class="ml-3 text-gray-500" href="{{ .Site.Social.instagram }}">
+        <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
+          <rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
+          <path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
+        </svg>
+      </a>
+      {{ end }} {{ if .Site.Social.linkedin }}
+      <a class="ml-3 text-gray-500" href="{{ .Site.Social.linkedin }}">
+        <svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
+          <path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
+          <circle cx="4" cy="4" r="2" stroke="none"></circle>
+        </svg>
+      </a>
+      {{ end }}
+    </span>
+  </div>
+</footer>
+{{ template "_internal/google_analytics_async.html" . }}
+
+<script>
+  const allTypes = ["all",  {{ range .Site.Sections }}"{{lower .Title}}",{{ end }}];
+  const filter = (event, type) => {
+    const isActive = event.target.classList.contains("active");
+
+    showAll();
+    if (!isActive) {
+      hideAll();
+      event.target.classList.add("active");
+      if (type !== "other") {
+        document
+          .querySelectorAll(`.${type}`)
+          .forEach((item) => item.classList.remove("hide"));
+      } else {
+        document
+          .querySelectorAll(
+            `.card${specificTypes.map((type) => `:not(.${type})`).join("")}`
+          )
+          .forEach((item) => item.classList.remove("hide"));
+      }
+    }
+  };
+
+  const showAll = () => {
+    allTypes.forEach((type) => {
+      document
+        .querySelectorAll(`.${type}`)
+        .forEach((item) => item.classList.remove("hide"));
+      document
+        .querySelectorAll(`.filter-${type}`)
+        .forEach((filterItem) => filterItem.classList.remove("active"));
+    });
+  };
+
+  const hideAll = () => {
+    allTypes.forEach((type) => {
+      document
+        .querySelectorAll(`.container a.card`)
+        .forEach((item) => item.classList.add("hide"));
+    });
+  };
+
+  allTypes.forEach((type) => {
+    document
+      .querySelectorAll(`.filter-${type}`)
+      .forEach((filterItem) =>
+        filterItem.addEventListener("click", (event) => filter(event, type))
+      );
+  });
+
+  const showAllButton = document.querySelector(`.show-all`)
+  if(showAllButton) showAllButton.addEventListener("click", showAll);
+</script>
+
+<style>
+  .weixin-icon {
+    position: relative;
+  }
+  .weixin-pop {
+    visibility: hidden;
+    opacity: 0;
+    position: absolute;
+    width: 112px;
+    height: 112px;
+    bottom: 40px;
+    left: 50%;
+    transform: translateX(-50%);
+    transition: opacity 0.3s;
+  }
+  .weixin-icon:hover .weixin-pop {
+    visibility: visible;
+    opacity: 1;
+  }
+</style>

layouts/partials/head.html

+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  {{ if .Site.Params.Author }}
+  <meta name="author" content="{{ .Site.Params.Author }}" />
+  {{ end }}
+  {{ if .Site.Params.Description }}
+  <meta
+    name="description"
+    content="{{ .Site.Params.Description }}"
+  />
+  {{ end }}
+  <title>{{ .Site.Title }}</title>
+  <link
+    href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
+    rel="stylesheet"
+  />
+  <style>
+    @font-face {
+      font-family: "Bree Serif";
+      src: url("./BreeSerif-Regular.ttf") format("truetype");
+    }
+    .font-bree {
+      font-family: "Pingfang SC","Pingfang","Bree Serif", serif;
+    }
+    .hide {
+      display: none;
+    }
+    .active {
+      background-color: #4299e1;
+      color: white;
+    }
+    .active:hover {
+      color: white;
+    }
+    .h2 {
+      color:#9d44ee;
+    }
+
+  </style>
+  <script src="https://kit.fontawesome.com/b3afecf7e5.js" crossorigin="anonymous"></script>
+</head>

layouts/partials/header.html

+<header class="text-gray-700 body-font sticky top-0 bg-white z-10">
+  <div
+    class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center"
+  >
+    <a
+      class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0"
+      href="{{ .Site.Params.Homepage }}" target="_blank"
+    >
+    {{- partial "logo.html" . -}}
+    </a>
+    <nav
+      class="md:ml-auto flex flex-wrap items-center text-base justify-center"
+    >
+      {{ if and (eq .Site.Params.hideAutoMenu false) (eq $.IsNode true )}}
+      <a
+        class="mr-2 px-2 rounded cursor-pointer select-none hover:text-gray-900 show-all"
+        >All</a
+      >
+      {{ range sort .Site.Sections "Weight" }}
+      <a
+        class="mr-2 px-2 rounded cursor-pointer select-none hover:text-gray-900 filter-{{.Title}}"
+        >{{.Title}}</a
+      >
+      {{ end }}
+      {{ end }}
+      {{ range .Site.Menus.main }}
+      <a
+      href="{{ .URL }}"
+      class="mr-2 px-2 rounded cursor-pointer select-none hover:text-gray-900"
+      >{{ .Name }}</a>
+      {{ end }}
+      <a
+      href="https://codechina.csdn.net/codechina/programmer/mdbook/-/issues" target="_blank"
+      class="mr-2 px-2 rounded cursor-pointer select-none hover:text-gray-900"
+      >提交书单</a>
+    </nav>
+  </div>
+</header>

layouts/partials/logo.html

+<img src="images/logo.png" style="height: 50px;">
+<p style="color:#1068bf;font-size: 20px;font-weight: bold;">{{ .Site.Title}}</p>
+<!--<span class="ml-3 text-xl">{{ .Site.Params.Author }}</span>-->
\ No newline at end of file