第二个博客搭建之Docusaurus - 愧怍的小站

[giscus[bot]]

第二个博客搭建之Docusaurus - 愧怍的小站

博客地址: 愧怍的小站

https://kuizuo.cn/second-blog-is-docusaurus

[disnox]

感谢大佬的分享

[kuizuo]

😀

[disnox]

哈哈，我也照着大佬的框架搭了一个，不过我不是学前端的，我学的嵌入式，所以很多地方都不怎么会改，就直接照着模板来用了，大佬的主题风格我挺喜欢的，是我喜欢的口味，没其他意思，就是小弟可不可以直接用这个模板😍

[kuizuo]

MIT开源，自然可以随便用，如果帮到你的话不妨给个star🥳

[disnox]

好的好的，谢谢大佬

[BlueLanM]

😲大佬太厉害了，看了你的一些博客才知道原来真的有人这么有毅力，向你学习

[kuizuo]

说来惭愧，寒假这些天处于半摆烂的状态，主要生物钟乱了好几波，学习状态都差的要死。

[BlueLanM]

大佬请教一下，关于你博客中的自定义组件，我看官方文档中写的需要在src/pages下创建文件才会生成路由，我看了下你的源码，请问下你的tags标签页是怎么做到的呢

[BlueLanM]

因为我在源码里没看到pages文件夹下有tags😂

[kuizuo]

首先，tags 标签页是由 docusaurus 自动生成的，会根据 md 文档中的 yaml 配置，例如本文的 yaml 配置

---
slug: second-blog-is-docusaurus
title: 第二个博客搭建之Docusaurus
date: 2021-08-20
authors: kuizuo
tags: [blog, docusaurus, project]
keywords: [blog, docusaurus, project]
---

正文部分...

这时 docusaurus 就会生成 /tags 路由(页面)，为官方的theme/BlogTagsListPage。事实上有很多路由都是自动生成的，并且有相应的组件。

如果你想像我一样修改官方的 BlogTagsListPage 组件(页面)，你可以通过swizz的方式，然后在项目工程中 src/theme/BlogTagsListPage 修改你想要的样式或是功能。

[BlueLanM]

谢谢！我明白了😁

[EternalCK]

大佬可以把 giscus改成Artalk吗，Artalk更加友好

[kuizuo]

我本人不太可能会更换评论系统，我所针对的人群主要就是做程序出身的，因此 Github 账号对于他们而言不是什么问题。

不过有人询问过我 Artalk 的相关配置，以下是完整代码，你将 Comment 组件替换以下代码即可（前提需要 yarn add artalk）

import React, {FC, useEffect} from 'react';
import 'artalk/dist/Artalk.css';
import BrowserOnly from '@docusaurus/BrowserOnly';
// import Artalk from 'artalk';

export default function Comment(): JSX.Element {
  return (
    <BrowserOnly fallback={<div>Loading Comments...</div>}>
      {() => {
        const Artalk = require('artalk').default;
        
        useEffect(() => {
          Artalk.init({
            el: '#comment',
            pageKey: `${window.location.pathname}`,
            pageTitle: `${window.document.title}`,
            server: '你的服务',
            site: '你的站点',
          });
        });

        return <div id="comment" className="artalk-comments" />;
      }}
    </BrowserOnly>
  );
}

更多的配置你需要到 artalk 官网 中了解.

[EternalCK]

先谢过大佬，这个代码测试过，有Bug，yarn Artalk 2.5.1的时候页面更改之后不能加载评论系统，yarn Atralk 2.5.2的时候直接会导致页面崩溃。

[1226085293]

很好！很有精神！
作为一名游戏程序员，想搞自己的博客，默认主题又不好看又功能残缺，目前找到的就博主这个最适合技术人员

[kuizuo]

我过段时间可能会对 blog 进行稍微的重构，优化一些页面舒适度。重构一个 home 页，将 blog 单独放到 /blog 下而不是主页 /。

感谢你使用该主题😘

[1226085293]

部分建议

1.列表式的标签分类建议改成自定义类型，这样找起来更快更方便，比如：

• 开发工具
  • vsode
  • devtools

2.将标签筛选后的结果标题列表展示在左侧，替换原本的最近更新，因为如果数量太多的话只能一个个滑动看有什么帖子

3.浏览到标签搜索结果的底部，必须滑动到顶部才能回到所有标签分类，能否在左侧加个按钮回到 https://kuizuo.cn/tags

[kuizuo]

你的建议非常好！我会在这几天对该 blog 进行一些优化。