<blockquote>
身为一个程序猿没有自己的博客总觉得哪里不对劲（没有开团），又不想仅仅只是简简单单用xx平台写几个博客。 当然是得自己搭一个博客啦（总得折腾折腾）！
</blockquote>
接下来我将分三篇文章，讲讲个人博客的实现过程。 技术栈：TypeScript、Koa.js、MongoDB、Vue.js、React.js、Next.js。
感兴趣的小伙伴欢迎围观： <a href="/wdnmd/post/5f110a24b0d25f2164fab8ec">从零开始实现 TypeScript + Koa.js + MongoDB 的个人博客 - 后端</a>（<a href="https://github.com/ChrisChan13/wdnmd-server">项目地址</a>） <a href="/wdnmd/post/5f110aceb0d25f2164fab8ee">从零开始实现 TypeScript + Vue.js (Composition API) + ElementUI 的个人博客 - 管理后台</a>（<a href="https://github.com/ChrisChan13/wdnmd-admin">项目地址</a>） <a href="/wdnmd/post/5f110b10b0d25f2164fab8f0">从零开始实现 TypeScript + React.js + Next.js 的个人博客 - 前端</a>（<a href="https://github.com/ChrisChan13/wdnmd-frontend">项目地址</a>）
<h1 id="开始前的准备">开始前的准备</h1>
<blockquote>
项目使用 typescript 编写，以及 nodemon 让项目自动编译自启 若此前未在本地全局装过 typescript 和 nodemon，运行 <code>npm i -g typescript nodemon</code>
</blockquote>
<h2 id="项目初始化">项目初始化</h2>
<pre><code class="language-Shell">$ mkdir blog-server &amp;&amp; cd blog-server
$ npm init -y
$ npm i -D nodemon typescript
$ tsc --init</code></pre>
<h2 id="目录结构">目录结构</h2>
<pre><code class="language-Markdown">blog-server
├── dist
├── src
│ ├── config.ts
│ ├── app.ts
│ ├── utils
│ ├── router
│ ├── models
│ └── methods
├── tsconfig.json
└── package.json</code></pre>
<h2 id="项目依赖">项目依赖</h2>
<h3 id="dependencies">dependencies</h3>
<ul>
<li>koa</li>
<li>koa-bodyparser</li>
<li>koa-router</li>
<li>koa2-cors</li>
<li>mongoose</li>
<li>@typegoose/typegoose</li>
</ul>
<h3 id="devdependencies">devDependencies</h3>
<ul>
<li>nodemon</li>
<li>typescript</li>
<li>@types/koa</li>
<li>@types/koa-bodyparser</li>
<li>@types/koa-router</li>
<li>@types/koa2-cors</li>
<li>@types/mongoose</li>
</ul>
待更新...