跳到主要内容

样式与页面

评论服务

人麻了测试当中111

样式和布局​

Docusaurus 网站是一个 React 单页应用。 你可以像一般的 React 应用一样给网站提供样式，想 tailwindCSS 与 组件库都是支持的。不过引入这些会带来一定的体积，因此我常用的是全局样式与 CSS 模块。

修改主题色​

可以在 这里 设置主色调与背景色来查看浅色与深色模式下的效果，例如我的主题色是 #12AFFA

@docusaurus/preset-classic 用 Infima 作为底层样式框架。 Infima 提供了灵活的布局，以及常见的 UI 组件样式，适用于以内容为中心的网站（博客、文档、首页）。想要了解更多详情，请查看 Infima 网站。

主页​

因为设置了仅博客模式，没有专门编写的首页，而是将博文列表设置为首页。需要将 src/pages/index.tsx 文件给删除（或者改个名），否则会导致首页路径冲突。当然你也可以专门搞一个主页，就像 docusaurus 那样，然后跳转至博文列表页。

所以博客页面，也就是首页。但仅仅只有博客是远远不够的，所以便添加了 Hero 组件，也就是首次访问博客的样子。

主页右侧 SVG 背景文件地址: src/components/Hero/img/hero_main.svg, 插画来源于 unDraw，在这个网站可以找到这类插画风格的背景。或者你可以找专门设计插画的人为你设计。

自定义页面​

友链、导航、项目以及关于我页面都在 src/pages 目录下定义，根据文件名映射对应路由。页面的创建可以查看 创建页面 | Docusaurus

This is an apple 🍎
Toggle me!
This is the detailed content

Nested toggle! Some surprise inside...
😲😲😲😲😲
module.exports = {
+  themeConfig: {
-    algolia: {
      appId: 'YOUR_APP_ID',          // Application ID
      apiKey: 'YOUR_SEARCH_API_KEY', // Search-Only API Key
      indexName: 'YOUR_INDEX_NAME'   // Index name
    }
  }
};

跳到 主页

ctrl + C

按时打算撒多快捷键Ctrl+Aasd asd as

阿萨德阿萨德按时

1

2

什么都无法舍弃的人，什么也无法改变
什么都无法舍弃的人，什么也无法改变
什么都无法舍弃的人，什么也无法改变
什么都无法舍弃的人，什么也无法改变

摘自 —— 进击的巨人 - MIKASA

2013-xx-xx
http://localhost:3000

这是一个浏览器窗口

这是一个浏览器窗口​

这是一个浏览器窗口​

这是一个浏览器窗口 111 222 333 什么都无法舍弃的人，什么也无法改变 什么都无法舍弃的人，什么也无法改变 什么都无法舍弃的人，什么也无法改变 什么都无法舍弃的人，什么也无法改变 什么都无法舍弃的人，什么也无法改变什么都无法舍弃的人，什么也无法改变

This is an apple 🍎
Toggle me!
This is the detailed content

Nested toggle! Some surprise inside...
😲😲😲😲😲

Testing...
🤨
🙄

12345 走路去吸喵

Getting Started

Learn the fundamentals you need to know to start building amazing apps with Ionic Framework.

Navigation

Learn the basics of navigation inside your app with Ionic and Vue Router

Lifecycle

Learn about using Ionic lifecycle events in class components and with hooks

123123123
456456456

最后于 更新