更舒适的阅读体验:个人博客搭建心得
经过一周的时间,终于搭建完成了属于自己的个人博客,再也不用受平台约束啦~写篇文章分享一下搭建的过程,以及自己的一些心得体会。
搭建博客的初衷
我是从开始写博客,最初的平台选择在博客园,界面比较清爽,但是博客园主要是针对互联网软件行业的,我发的内容相对来说偏硬件,后来转战CSDN,自带图床用的很爽,写文章时只需要截图粘贴就ok,但是广告太多,一个页面能出现三个广告,看着太不舒服了。
最近这段时间由于项目需要接触了一下网页,发现还挺好玩的,恰巧刚学完Git+Github,天时地利人和,是时候搭建一个属于自己的博客了!
博客框架的选择
对于我这种前端大白,一直搞底层的C和汇编,再去学习HTML+CSS+JS,太难了,不过还好,就像Arduino让电子爱好者无需懂太多编程知识就可以做出作品,现有的很多博客框架可以让我们无需写一行前端代码即可搭建出博客,太舒服了。
目前主要的博客框架有两种:
Wordpress
Wordpress(官方网站)是使用PHP语言开发的博客平台,有许多第三方开发的免费模板,安装简单,用起来也比较容易,但是Wordpress 需要在服务器上使用,目前学生机10RMB/月,比较便宜,但是都是有时限的,从蹭完了价格飞起,我蹭了腾讯云一年,阿里云一年,这样蹭终究不是个长久之计,云主机还是打扰了。
Hexo
Hexo(官方网站)是一个快速、简洁且高效的博客框架,使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页,并且它拥有非常丰富的主题模板和插件,最重要的是,Hexo 可以部署到 Github 等代码托管平台上,加上这些平台提供的免费 Page 服务,不用花一分钱就可以拥有一个好看易用的个人博客,何乐而不为呢!
我的个人博客
基本配置
域名: 国内访问DNS解析分流:mculover666.coding.me境外访问DNS解析分流:mculover666.github.io 平台:Coding + Github双平台部署框架:Hexo v3.8.0主题:Next.Pisces v7.1.1评论系统:Valine搜索服务:Local Search站点统计:不蒜子数据统计:百度统计内容分享:百度分享公式服务:MathJax音乐服务:网易云音乐背景效果:点击鼠标浮现爱心+社会主义核心价值观速度分析
网站速度分析数据由站长之家测速工具提供。
国内测速
国内访问数据如下:
国际测速
国际访问数据如下:
使用CDN加速
目前我准备使用阿里云CDN对国内coding Page和国外Github Page加速,但是需要备案,正在申报备案过程中,预计使用CDN加速后速度会较大提升。
搭建过程
整个搭建博客的过程非常简单,大致如下:
安装
Git:官网Nodejs:官网Hexo:npm install -g hexo-cli
使用
初始化:npm init <name>
安装模块:npm install
新文章:hexo new <layout> "<tilte>"
清除生成:hexo clean
生成页面:hexo g
启动服务:hexo s
部署:hexo d
平台
Github:国外,免费Page,支持自定义域名,速度慢;Coding:国内,免费Page,支持自定义域名,速度快;Gitee:国内,免费page(部署后需要手动刷新),自定义域名收费,速度快;自定义配置
站点配置:根目录下_config.yml
文件;主题配置:主题根目录下_config.yml
文件;心得体会
在整个搭建博客的过程中,最大的感受就是两个关键字:
开源分享
整个过程让我理解了什么叫做 — —众人拾柴火焰高。
首先来看Hexo,如果不是因为如此丰富的主题模板和插件,不可能获得如此广的应用;
其次来看我所使用的Next主题,本来就是一个主题而已,也并不是特别好看,只要懂点网页知识都可以写出来,但是它集成了特别多的第三方服务,使用服务时变得非常方便,这些服务一个人是写不上去的,都是很多普普通通的开发者PR上去的。
还有很多很多例子,Linux, vscode, vim…这些东西成功的很大一个因素都是因为 — — 众人拾柴火焰高。
整个博客搭建完成后,在自己的地盘上可以为所欲为,再也不用受平台限制了,这个博客我准备搬运过来一些以前写过的好文章,后续我还是会以CSDN的博客为主阵地,写日常的工作博客,个人博客主要是分享一些心得体会,所以会隔一段时间更新一下,保质不保量。