博客上线后向老婆大肆炫耀,老婆连连夸赞:“好厉害好厉害,老公我也想要!”。然后我就陷入了思考,如何快速给老婆也整个博客出来?直接复制根目录然后粘贴有点太low了,万一爸爸妈妈爷爷姥姥都想要了有点难办。理想的方案是,将博客项目上传到 github 上,然后谁要就去我的仓库里 clone 一份就行了,说起来简单,实操起来还是有不少坑的,于是就有了本文。
Hexo搭建个人博客系列:部署上线篇
本文主要介绍了在将Hexo博客部署上线过程中将会遇到的一系列问题。
第一章主要介绍了将 Hexo 部署到 VPS 的方案,使得在本地推送更新后自动同步线上内容,部署过程主要分为三步走,首先从本地推送更新到远程仓库,然后触发 Git Hooks 将静态资源部署到 Web 根目录,最后启动 Nginx 服务器。
第二章主要介绍了如何分析页面加载性能瓶颈,并提供了通过CDN和代码压缩合并等方法来优化页面加载速度的方案。
第三章主要介绍了如何将站点提交到各大搜索引擎收录,并讨论了SEO相关话题。
后续章节则零散的介绍了为站点添加404页面和RSS链接。
Hexo搭建个人博客系列:进阶设置篇
本篇文章介绍了如何为 Hexo 博客集成更多强大的功能。
第一章介绍了在站点中集成基于三方插件的数据统计服务,包括站点 PV 和 PU 统计、站点运行时间统计、文章 PV 统计、站点和文章字数统计等。
第二张介绍了针对于站点的个性化设置方案,包括添加搞怪的网页标题,添加站内搜索功能,添加热门文章排行榜页面,添加豆瓣阅读/电影/游戏等资料页面,添加在线聊天和即时反馈等功能。
第三章介绍了针对于文章页面的个性化设置方案,包括在文章末尾添加评论组件、评分组件、打赏入口、版权声明、推荐文章等,为文章中的图片添加点击灯箱效果,以及为文章设置访问密码。
Hexo搭建个人博客系列:主题美化篇
本文介绍了在Next主题的基础上进一步对博客进行美化的方案,主要包括:
- 在文章末尾添加结束标记
- 修改侧边栏的位置到左边
- 添加不同类型的动态背景效果
- 添加 live2d 看板娘
- 为布局元素添加边缘弹性摆动效果
- 个性化回到顶部按钮
- 添加不同类型的鼠标点击特效
- 评论区输入打字礼花特效
读者可以根据需要选择其中喜欢的方案应用到站点博客中。
Hexo搭建个人博客系列:写作技巧篇
本文介绍Hexo博客的写作技巧。
第一章中介绍了Hexo中写作相关的基本概念,包括三种基本布局,标签与分类,Markdown写作语法。
第二章中介绍了Hexo中常用的内置标签,包括note标签、label标签、button标签、tab标签以及代码块的高级用法,通过使用写作标签可以快速编写样式丰富的文档片段。
第三章中介绍了在文档中插入图片、音乐、视频等多媒体元素的方案。
第四章中根据个人使用经验为大家推荐了几款优雅实用的Markdown写作工具。
Hexo搭建个人博客系列:基础建站篇
Hexo是一个高效简洁的静态博客框架,支持Markdown写作语法,插件丰富,主题优雅,部署方便。目前已成为多数人博客建站的选择。
本文为Hexo搭建个人博客系列中的第一篇。第一章中介绍了如何在本地搭建Hexo博客,第二章中介绍了如何安装使用Next主题,第三章和第四章分别介绍了针对于站点和文章详情页的一些基础优化方案。