记一次vue+golang开发个人博客网站经历

708 阅读1分钟

源代码:

博客地址: percywang.top

前端: github.com/pppercyWang…

后端: github.com/pppercyWang…

前言

大概在半年前,因为公司技术栈的原因。作为小前端的俺,对golang也产生了极大的兴趣。就想着用golang(iris) + vue.js来搭建一个博客。这半年因为加班的原因,留给自己的时间比较少。好歹前几日备案刚刚下来,也算是初步的搭建完成了。

博客风格

刚刚工作一年多,但搭建博客的想法在我刚接触前端的时候就有了。但是一直都不知道自己的博客应该长啥样,怎么去设计它。有一天在刷PC端twitter的时候,点了点按钮,滚了滚鼠标。行吧,就它了。

blog设计

我希望这个blog能够有这样几点功能

  1. 可以markdown编写文章并发布
  2. 可以接入github登录,并且有留言功能
  3. 为了方便检索文章,还需要一个归档功能
  4. 因为是模仿twitter的风格,所以我打算手写所有的组件,顺便练习一下编写组件的能力
  5. 搭建blog只是个人喜好,有没有人访问也无所谓,所以就没有写后台了。在发布文章的时候需提供一个isHostKey来判断是不是站主

package.json

  "dependencies": {
    "axios": "^0.19.0",
    "mavon-editor": "^2.7.5",
    "vue": "^2.5.17",
    "vue-router": "^3.0.7"
  },

做的不好的地方:

SSR

其实作为一个blog,单页面应用对SEO的劣势,其实是致命的,这样会导致别人在搜索引擎中很难搜到你的网站。这是我刚开始着手这件事的时候没有考虑到的。

待完成:

  1. 移动端适配
  2. 代码规范优化
  3. 写一个后台(看心情)- -