博客

blog/博客/01 博客系统需求文档.md

@@ -18,6 +18,8 @@
 
 ### 1.3 技术选型
 
+![Alt text](image/image.png)
+
 当前主要有两套技术方案，一种是纯前端的静态博客，其主要有以下部分组成。
 * 内容数据：博客内容，可以使Markdown或者其他内容撰写的文章，是展示的核心内容，一般以文件的方式存储在硬盘上。
 * 元数据：描述内容的数据，方便用来管理和显示。例如目录和标签，如果是新添加的博客可以按照不同博客的元数据系统展示博客内容。但如果是旧的文章迁移到新的博客系统中，就需要通过特定的脚本或者人工补充的方式将元数据添加到博客系统当中。
@@ -45,7 +47,7 @@
 - 数据管理：vscode + GitHub + Markdown
 
 前端
-- Vue + Element + AdminLTE
+- Vue + Element 
 
 
 ### 1.4 需求分析

blog/博客/03 博客系统详细设计.md

@@ -66,5 +66,37 @@
 
 ## 1 搜索模板
 
+### 关键词
 * 静态模板
 * UI组件库
+* vue blog template
+
+### 资源
+
+大量静态的博客模板。
+* django-blog-tutorial-templates-master 没有框架
+
+
+一个非常精美的vue博客模板
+* poetize-vue2 https://gitee.com/littledokey/poetize-vue2 vue2框架。寻国记的代码和前端、前端非常非常非常精美、功能十分多。有大量相关友链https://poetize.cn/ 
+
+来自github的vue博客模板
+* merakiui/blog-template https://github.com/merakiui/blog-template vue3框架。前端很捡漏，需要自己优化。
+* arpitprod/Vuetify-Blog-Template  https://github.com/arpitprod/Vuetify-Blog-Template vue3 + vuetify框架
+* blog-vue-typescript https://github.com/biaochenxuying/blog-vue-typescript Vue3 + element-plus框架
+* 
+
+## 2 方案
+当前主要采取两个路线。一个是vue路线，一个是themelyfe路线。
+
+### vue路线
+在poetize的代码基础上进行改进。可以省去大量的前端美化工作。工作主要集中在一下几点。
+
+* [ ] 阅读源代码，减少对外部资源的依赖。
+  * [ ] 前端代码阅读 1小时
+  * [ ] 后端代码阅读 1小时
+  * [ ] 聊天室代码阅读 1小时
+* [ ] 手动添加数据 1小时
+* [ ] markdown渲染 1小时
+* [ ] 自动导入笔记 1小时
+

blog/博客/04 博客内容指南.md

@@ -0,0 +1,26 @@
+## 1 五种类型的文章
+> https://www.semrush.com/blog/blog-post-templates/#pillar-blog-post-template
+
+### 初学者指南（Beginner’s Guide Blog Post Template）
+初学者最关注的问题应该就是how，what，why 的问题，使用这个模板可以很好地解释这类问题。这类型的文章也是流量很大的。
+![](image/2024-01-13-18-47-52.png)
+
+
+### 主干文章（Pillar Blog Post Template）
+pillar 指的是主干，基石的意思，这类的文章一般都会是长青类的文章，不太有时效性，它能够持续的为博客带来流量。它应该作为在一系列关键词中的主干文章，我们可以以这篇文章为主干，去把相关关键词作为枝叶。
+![](image/2024-01-13-18-48-05.png)
+
+
+
+### 下定义类型文章（Definition Blog Post Template）
+![](image/2024-01-13-18-48-36.png)
+
+### How to类型（“How-To” Blog Post Template）
+这类文章的最后适合引出其他的解决方案，可以方便推广我们的产品。
+![](image/2024-01-13-18-48-48.png)
+
+
+### 数字类型文章（Numbered Listicle Blog Post Template）
+数字类型的文章一直是比较好用的方法，带有数字的文章标题通常都会有比较好的浏览量。
+
+![](image/2024-01-13-18-48-59.png)