跳到主要内容

· 阅读需 4 分钟
编程范儿

最近网站将 Google AdSense 平台的广告申请下来了，申请过程经历了一些小曲折。

现在来讲讲我申请的过程：

注册账号​

首先在 Google AdSense 平台注册自己的账号，如果已经有 Google 账号可以直接登录。

管理站点​

在侧边栏菜单网站一栏中管理您的站点。

  1. 点击新建网站按钮，将你的网站域名输入进去。

· 阅读需 6 分钟
编程范儿

这篇标题的由来是今天看到 MacTalk 公众号的写的关于 Vim 文本编辑器作者 Bram Moolenaar 因病离世的文章。里面讲到 Bram Moolenaar 是一个对技术纯粹热爱并且特别善良的一个人。 为了将自己所有的精力 All in 在工作和自己创造的开源软件上，他直到去世都是一个人而没有选择另一半组建家庭。而他的善良体现在用自己的开源软件（Vim）募集捐款捐赠给乌干达的贫困儿童帮助他们完成从 小学到大学的教育。

能够一辈子沉浸在自己热爱的产品的创造中，无疑是幸运和幸福的。对于很多人来说，工作只是一份谋生的手段。谈不上任何的热爱可言，驱使他们的永远都是一份微博的薪水而已。这样又怎么能做好事情呢。内驱力永远 来自内心的热爱。

· 阅读需 7 分钟
编程范儿

今年已然过半了，乘着中午午休时间，写点感想吧，或许可作为今年的年中总结。

目前现状​

话题来源于中午吃饭和同事的闲聊，问及平时都有些什么爱好。我们双方细想了一阵后都噗嗤一笑，发现人到了中年好像很难再有真正的兴趣爱好。 平时除了工作，下班后回家陪陪孩子，再加上处理一些家庭琐事。几乎抽不出什么时间做一些自己感兴趣的事了。

究其原因，我觉得有两点：

  1. 精力不足，时间不够用
  2. 随着时间的消磨，渐渐对曾经感兴趣的事没有了热情

如果是第一点，我觉得还好，时间不够用，还可以通过规划，提高效率来解决。但如果一旦是对生活和工作没有了激情，那就很危险了。需要我们来做个自我反思了。

· 阅读需 4 分钟
编程范儿

最近连着上线了两款在线小工具，乘着热度（是学习的热度，当然最近的温度也是很高，南方到了一年最难熬的湿热天气）抓紧熟练 React 开发，巩固学习的知识点。同时也是为了不断丰富站点的内容， 把网站的流量搞上去，早点通过 Google Ads 广告的申请。

下面就来介绍下这两款工具：

优雅的分隔线生成器​

地址

网页中的信息区块之间为了避免单调的直线分隔或者空白间距，设计师经常会设计一些过度效果，而波纹是其中的一种。

· 阅读需 5 分钟
编程范儿

Material UI

最近因为要发布一个关于统计工具的介绍页面，要用到表单的功能，Docusaurus 中样式库用的是 Infima，里面并没有涉及到表单组件的样式。

想到网站后面肯定要用到很多交互方面的样式，纯手写比较麻烦。于是干脆直接引入一款前端 UI 库，基于个人审美选择了 Material UI。

安装 Material UI 库​

安装免费开源的基于 React 函数式组件版的 MUI Core

npm install @mui/material @emotion/react @emotion/styled

· 阅读需 5 分钟
编程范儿

准备工作​

1. 注册 npm 账号​

还没有 npm 账号？去官网注册： https://www.npmjs.com

需要记住用户名、密码、邮箱，后面需要用到。

2. 查看本地 npm 镜像，如果不是默认的，需要改回来​

npm config get registry

重置镜像路径

npm config set registry https://registry.npmjs.org

之后有需要可以再切换回到国内淘宝加速镜像

npm config set registry https://registry.npm.taobao.org

· 阅读需 11 分钟
编程范儿

在使用 Docusaurus 过程中，我逐步摸索出一些不常用但是很实用的特性，有些是通过一些简单的配置，有的则需要增加或修改一些代码来实现。

博客​

1. 设置草稿状态​

未撰写好的博客，在打包的时候不希望显示在博客列表中，可设置该篇博客为草稿状态，默认未设置 draft 为发布状态。

---
title: 我是如何使用 Docusaurus 来搭建我的网站的
slug: how-to-use-docusaurus
authors:
  - name: Timfan
    title: 高级前端开发
    url: https://github.com/fantingsheng
    image_url: https://spacexcode.com/img/avatar.png
    email: fants0230@sina.com
tags: [使用指南]
hide_table_of_contents: false
draft: true
---