最全的Java后端知识体系 https://www.pdai.tech, 每天更新中...。
我之前写过一些文章,放在自己本地的Git库中,用类似于gitbook的工具构建自己的知识体系。具体用的是docsify,好处是通过markdown生成的html页面是在前端进行,而不需要编译成HTML。近期期望将其中一部分文章发表出来,和大家一起交流,同时也是对自己的一种push。于是我就想到了开一个自己的博客。
博客选择
在选择自己的博客时, 我有以下选择:
- 自己开发一个博客 (ps: 实际上我之前写过完整的一个博客系统,同时还给公司内部开发了一个知识共享的交流平台);
// 支持自己数据库等,支持。。。恩只要想开发,啥都能支持。但是工作量大,需要自己维护等。
以下系统由我独立开发和运维。。。但是我还是不想自己再写了,心累。。。
markdown编辑
使用github pages
// 访问速度不敢恭维,何况我现在有自己搭建的docsify使用hexo
// 选个样式容易,选个好的样式难。使用csdn平台
// 平台性的东西不要考虑太多SEO相关的;csdn 访问流量更大些,但是广告有点恶心; 不支持自定义样式,可定制程度低,像我这种爱折腾的...;使用博客园
// 支持自定义样式,自定义js权限;网站长期没有更新,主页样式感觉停留在十年前;客户端程序,略有点low;使用简书
// markdown支持很好,手机客户端超级流畅;
综合以上的情况,我选择了博客园,主页样式丑没关系,我可以自己定义自己的样式哈,它能支持markdown,也不需要去搞运维。广告么,js可以去除。
博客园的自定义配置
这边只是提供一个思路,而不是一个个截图显示我的操作,因为作为一个程序员,这点搜索能力都没有还搞啥?
主题样式
进入配置页面,hack自己样式,保存即可。这个网上文章一大堆。
移动端适配
添加访问数据统计
申请js权限,通过JS实现,加入Umeng的CNZZ统计数据即可。
添加彩蛋
通过JS实现,可以加入Canvas实现一些彩蛋,比如经典的canvas射线或者粒子效果,这里实现了一个蜘蛛。我的寓意是印证我博客的副标题 - 与其临渊羡鱼,不如退而结网。
markdown样式自定义
由于博客园的markdown已经由,这里我可以配置自己的样式,或者切换主题(去hilightjs官网去找具体的用法),然后再进行hack和调整(css !important)。也可以通过js生成代码行号等.
去除广告
文章添加目录
思路是通过JS+ Demo 生成目录节点,插入到文章之前
文章添加版权信息
思路是通过JS+ Demo 生成目录节点,插入到文章之前
Top返回页顶
添加JS方法,添加返回按钮。
文章目录大纲
添加JS方法,方式一样。
放大文章中的图片
考虑到文章详情页面没有完全适应大屏,在一般模式下,有些图片看不清楚; 所以考虑添加图片点击最大化的效果。