【搭建博客 第一篇章】博客选型以及搭建

一、前期分析：选用合适的博客编写方式

1、傻瓜式（极简易用）

• 定义：这一级别是专为那些几乎没有任何技术背景或经验的用户设计的。它追求的是极致的易用性，通过直观的界面、简单的操作流程和必要的引导，让用户无需学习或仅需极少的学习就能立即上手使用。
• 特点：直观的图形用户界面（GUI），几乎不需要阅读说明书。操作步骤清晰明了，通常通过点击、滑动或选择即可完成。自动化的配置和设置，减少用户的手动操作。强大的即时反馈和错误提示，帮助用户快速发现并解决问题。
• 适用人群：适合所有年龄段和技术水平的用户，特别是那些对技术不感兴趣或时间紧迫的人群。

2、基础/入门级

• 定义：这一级别要求用户具备一定的基础知识，可能需要一些学习或实践才能熟练掌握。它假设用户已经掌握了使用该技术所需的基本概念或工具，但可能还需要一些时间来熟悉具体的操作步骤或流程。
• 特点：包含一些基本的设置和配置，用户可能需要阅读一些简单的文档或教程来完成。学习过程中可能会遇到一些简单的问题，但通常可以通过搜索网络或参考官方文档来解决。
• 适用人群：适合对技术有一定兴趣，愿意投入一些时间和精力来学习的初学者。

3、专业/高级

• 定义：这一级别要求用户具备深厚的专业知识、丰富的实践经验和较高的技能水平。它可能涉及到复杂的系统架构、高级功能的应用以及问题的深度分析与解决。
• 特点：用户需要深入理解技术背后的原理，能够独立完成复杂的配置和优化工作。在解决问题时，可能需要运用多领域的知识和技巧，并有能力进行创新和改进。
• 适用人群：适合在该领域有多年工作经验的专业人士，或者是对该技术有深厚兴趣并愿意持续深入研究的爱好者。

二、中期平台选型：调研对应的博客平台

1、傻瓜式（极简易用）

这一类型的平台现在有好多平台，比如：CSDN、51CTO、掘金、segmentfault、博客园等等。前期可以在不同平台上发布自己的作品。后期根据作品的热度和自己的喜欢发布文章的方式最后选择一款属于自己的平台即可。

2、基础/入门级：

这一类型的博客系统有 WordPress、Hugo、Hexo、Halo 这几个平台需要自己搭建服务。需要具备服务器，如果想要通过域名访问还需要购买域名。如果想要自己的域名被百度收录还需要进行SEO。这种类型的好处是所有的数据都在自己手上不会害怕原始数据泄露。坏处就是需要自己搭建服务和长期维护自己的服务器。

3、专业/高级：

这种类型的技术栈有 docsify、docute、vitepress、vuepress、Hexo、GitBook、theme-hope。这几个都各优缺点。这里过多的描述其实对你帮助不大。你可以根据官网文档自己搭建一下，真实的体验一下搭建和编写过程。从中找到你喜欢的一种方式。现在我使用的就是 theme-hope 和 github page 结合使用，下面的章节我也会把这一套搭建方式写出来。其他的相关配置我会领起一个系列进行配置相关的书写。我把这几个网站的相关链接放在下面：

• https://docsify.js.org/#/zh-cn/
• https://docute.egoist.dev/
• GitBook
• Hexo
• https://vitepress.dev/zh/
• https://vuepress.vuejs.org/zh/
• https://theme-hope.vuejs.press/zh/get-started/

三、后期实践之VuePress+github page搭建

1、基础环境

创建 VuePress 项目使用的 nodejs 版本是 v18.20.3。

2、创建项目

创建一个目录在新建的目录中打开你电脑的终端工具。下面是创建项目的过程，你根据这个过程就可以创建一个可以运行的项目。

3、创建远程仓库

在 github 上创建一个项目，下面是我项目的截图。

4、配置远程仓库信息

将代码上传到仓库种，源代码分支是 main 分支。用来展示页面的分支是 gh-pages。代码上传完成之后会自动创建这个分支。
我们来配置一下下面的信息即可。

5、修改项目中 config.ts 文件

import { defineUserConfig } from "vuepress";

import theme from "./theme.js";

export default defineUserConfig({
  base: "/frontend-book/", # 这个地方原本是 / 现在变成 /frontend-book/

  lang: "zh-CN",
  title: "博客演示",
  description: "vuepress-theme-hope 的博客演示",

  theme,

  // 和 PWA 一起启用
  // shouldPrefetch: false,
});

6、访问地址

github 构建完成之后会提示你访问地址，点击访问地址就可以访问到你的页面了。

四、结束语

一个博客网站的好坏其实没那么重要，重要的是你是否能够坚持输出你的知识。坚持让自己成长。最近听的一句话挺好的送给大家：高考一场，不过是人生一站，此后的奋斗才是日常。
想要搭建视频的可以私我。