想想上次折腾博客已经是两年前的事情了。后来忙于工作(摸鱼)就没有继续维护了。这次也不知道为了啥想把我这年久失修的博客重新跑起来,其实总共包括三件事情。
- 重新跑起来后端服务,顺便加上了更新文章的能力。(以前都是要重新上vps手动更新,是在太low了!!!)
- 更新前端各种依赖包。(由于之前用的react技术栈,前端圈子的更新真的是跟不上,之前也是直接锁本了。再捡起来项目的时候发现已经跑不起来了,索性就用
create-react-app
重新构建了项目) - 优化了Markdown文件的解析。(其实就是之前偷懒没有好好写,这次
像素级抄袭借鉴github的README重新优化了下,效果不错有了更好的体验) - 把整个项目部署放到docker里(也就是上篇文章做的事情,docker入门之后真的方便。)
重新跑后端就不记录了,之前作死用的flask+virtualenv+nginx
事实证明不是一个很好的选择,首先是python代码不是很容易维护,当初为了玩python用了各种语法糖跟各种特性魔法,导致我现在也不是很能看懂了。还有个很严重的问题是我已经完全忘了该怎么本地调试代码了!!!
前端的迁移比想象中的轻松很多,是个愉快的过程。
- 利用
create-react-app
构建脚手架应用。 - 把之前用的依赖库加到
package.json
文件中。(其实是一个个install的,毕竟要更新依赖库) - 把旧仓库的源码粘贴到新仓库,然后根据报错开始适配。(编码环境用的这个插件,强烈推荐neovim用户使用!)
- 代码编译过去之后,发现svg不好用了,因为之前配置babel的loader在编译期把svg文件转成React组件,不过这个脚手架应用配置loader不是很方便。于是找到这个东西,手动转换一下。
- 优化Markdown解析,主要优化点:
- 美化了blockquote。(必须得说以前的太丑了,我是怎么忍受的!)
- 优化了code。(该成了浅色背景,看起来跟和谐)
- 给header加了下分割线。(借鉴了github,看起来跟整齐有条例)
- 修正了image的展现。
- 优化了listitem。
这部份备忘一些基本命令,省得以后又忘惹。
- npm install:安装依赖。(有时候直接运行会报错,有可能是配置有更新,但是没有安装。设备多没办法~~~)
- npm install xxx --save:安装xxx依赖,并且配置会写入package.json文件。
- npm install xxx --save-dev:安装xxx依赖,并且配置会写入package.json文件。(注意这些依赖是用在开发中的,比如说这个插件只会再开发期间用于转换svg而并不需要打到包中)
- npm start:运行程序。(debug用,具体的命令配置也在package.json中,可以自己看看)
- npm run-script build/yarn build:构建应用,构建的结果放在**./build**目录中。
我知道这些都是最基本的命令,不要吐槽我!真的是备忘而已!!
新的一年要做的功能是个博客加上评论功能。初步定的技术栈是Go,原因有几个:
- 容易部署
- 依赖容易维护
- 好玩,能做的事情多。
- 最重要的是!看完一Go本书!不能白看啊!