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

优雅的王德奥 · · 2843 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

源代码:

博客地址: http://percywang.top

前端: https://github.com/pppercyWan...

后端: https://github.com/pppercyWan...

前言

大概在半年前,因为公司技术栈的原因。作为小前端的俺,对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. 写一个后台(看心情)- -

有疑问加站长微信联系(非本文作者)

本文来自:Segmentfault

感谢作者:优雅的王德奥

查看原文:记一次vue+golang开发个人博客网站经历

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

2843 次点击  
加入收藏 微博
1 回复  |  直到 2020-01-15 13:19:16
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传