更舒适的阅读体验:个人博客搭建心得

经过一周的时间,终于搭建完成了属于自己的个人博客,再也不用受平台约束啦~写篇文章分享一下搭建的过程,以及自己的一些心得体会。

搭建博客的初衷

我是从18年开始写博客,最初的平台选择在博客园,界面比较清爽,但是博客园主要是针对互联网软件行业的,我发的内容相对来说偏硬件,后来转战CSDN,自带图床用的很爽,写文章时只需要截图粘贴就ok,但是广告太多,一个页面能出现三个广告,看着太不舒服了。

最近这段时间由于项目需要接触了一下网页,发现还挺好玩的,恰巧刚学完Git+Github,天时地利人和,是时候搭建一个属于自己的博客了!

博客框架的选择

对于我这种前端大白,一直搞底层的C和汇编,再去学习HTML+CSS+JS,太难了,不过还好,就像Arduino让电子爱好者无需懂太多编程知识就可以做出作品,现有的很多博客框架可以让我们无需写一行前端代码即可搭建出博客,太舒服了。

目前主要的博客框架有两种:

Wordpress

Wordpress(官方网站)是使用PHP语言开发的博客平台,有许多第三方开发的免费模板,安装简单,用起来也比较容易,但是 Wordpress 需要在服务器上使用,目前学生机10RMB/月,比较便宜,但是都是有时限的,从蹭完了价格飞起,我蹭了腾讯云一年,阿里云一年,这样蹭终究不是个长久之计,云主机还是打扰了。

Hexo

Hexo(官方网站)是一个快速、简洁且高效的博客框架,使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页,并且它拥有非常丰富的主题模板和插件,最重要的是,Hexo 可以部署到 Github 等代码托管平台上,加上这些平台提供的免费 Page 服务,不用花一分钱就可以拥有一个好看易用的个人博客,何乐而不为呢!

我的个人博客

基本配置

  • 域名:mculover666.cn

    • 国内访问DNS解析分流:mculover666.coding.me
    • 境外访问DNS解析分流:mculover666.github.io
  • 平台:Coding + Github双平台部署
  • 框架:Hexo v3.8.0
  • 主题:Next.Pisces v7.1.1
  • 评论系统:Valine
  • 搜索服务:Local Search
  • 站点统计:不蒜子
  • 数据统计:百度统计
  • 内容分享:百度分享
  • 公式服务:MathJax
  • 音乐服务:网易云音乐
  • 背景效果:点击鼠标浮现爱心+社会主义核心价值观

速度分析

网站速度分析数据由站长之家测速工具提供。

国内测速

国内访问数据如下:

线路 最快节点
所有 广东佛山[电信]19ms
电信 广东佛山19ms
多线 江苏泰州100ms
联通 江苏徐州75ms
移动 广东深圳29ms

国际测速

国际访问数据如下:

国家/地区 最快节点
中国香港 中国中国香港226ms
美国 美国23ms
英国
韩国 韩国仁川186ms
荷兰
日本 日本东京104ms

使用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的博客为主阵地,写日常的工作博客,个人博客主要是分享一些心得体会,所以会隔一段时间更新一下,保质不保量

【Hexo搭建个人博客】(十)个人博客搭建心得相关推荐

  1. Hexo博客(Snail主题)搭建回顾概览

    Hexo博客(Snail主题)搭建回顾概览 笔者搭建博客地址:saltyfishyjk's Blog 文章目录 Hexo博客(Snail主题)搭建回顾概览 Part 0 前言 写作背景 定位 您在这里 ...

  2. 【Hexo搭建GitPage博客系列】02.环境搭建

    转载声明:商业转载请联系作者获得授权,非商业转载请注明出处.原文来自 © 呆萌钟[Hexo搭建GitPage博客系列]02.环境搭建 前言 Hexo搭建博客需要基于Node.js环境,而且依赖于Git ...

  3. 一文搭建Vuepress博客/文档系统:搭建,导出,SEO,自动编译和部署,域名,HTTPS,备案等

    本文纯原创,搭建后的博客/文档网站可以参考: Java 全栈知识体系.如需转载请说明原处. 文章内容目录 文章内容目录 第一部分 - 博客/文档系统的搭建 博客/文档搭建前言 有哪些选择 我做了哪些尝 ...

  4. 一文搭建自己博客/文档系统:搭建,自动编译和部署,域名,HTTPS,备案等

    本文纯原创,搭建后的博客/文档网站可以参考: Java 全栈知识体系.如需转载请说明原处. 文章内容目录 第一部分 - 博客/文档系统的搭建 博客/文档搭建前言 有哪些选择 我做了哪些尝试 自己写:我 ...

  5. 手把手教你从零搭建和部署自己的个人博客

    引言 1 为什么要搭建自己的个人博客 工作和学习过程中,我们经常遇到一些这样或那样的问题,此时我们可能会在网上找到相应的解决方法.但是过了一段时间之后,当我们再次碰到类似的问题时,早已忘记以前是怎么解 ...

  6. 搭建github服务器_搭建一个属于自己的公网博客

    相信每一位程序员都喜欢拥有一个属于自己的博客. 当然,在我认为,内容以及模块都要自己进行可扩展定义才是真正属于自己的. 那么想要一个博客就必须要有一个服务器和一个域名,这样的话才能让自己的博文内容发扬 ...

  7. 个人博客代码_Jekyll + Github Pages 搭建个人免费博客

    今天亲手通过 Jekyll 搭建了一套免费博客,搭建步骤其实超级简单.你不需要购买域名,也不需要购买服务器,就可以轻松拥有你自己的博客.Jekyll 的核心是一个文本转换引擎.它的方便之处在于支持多种 ...

  8. java 搭建个人博客_5分钟 教大家搭建免费个人博客

    五分钟倒数已经可以计时了. 三步完成免费个人博客搭建, 这是一篇小白也能看懂的文章,本文主要针对mac OS ,Windows 除了软件安装方式和命令有些区别(装了git bash也一样),其他基本一 ...

  9. 基于Hexo和Github的炫酷个人博客(进阶篇)

    基于Hexo和Github的炫酷个人博客(基础篇) 基于Hexo和Github的炫酷个人博客(进阶篇) 网页底部加上浏览量 打开/themes/next/layout/_partials/footer ...

  10. 基于Hexo和Github的炫酷个人博客(基础篇)

    什么是hexo Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页.       本文采用最新的Hexo版 ...

最新文章

  1. Hbuilder开发HTML5 APP之打开新页面
  2. 怎么找不到JAVA9_在Java 9上运行应用程序时获取错误“找不到模块”:log4j.core
  3. Spread / Rest 操作符
  4. 有效的Java –创建和销毁对象
  5. POJ 1980【Unit Fraction Partition】
  6. 计算机单机管理软件,小财迷电脑收银系统(收银记账软件) 单机版
  7. 次世代建模,3D建模高低模的搭配方式你知道吗?
  8. python爬虫学习(1)__抓取煎蛋图片
  9. python(应用)中文输出拼音
  10. 开源项目——寝室助手
  11. 【转载】怎么设置博客背景
  12. iPhone的呼叫转移来电等待如何设置?
  13. 数字取证及其检测工具介绍
  14. Nginx 简易教程
  15. SEO清单与谷歌精选摘要
  16. ppt怎么压缩文件大小?学会这几种方法
  17. SubSonic的配置方法
  18. 匈牙利算法实现(sklearn 实现与 scipy实现测试)
  19. 如何解决el-input中文逗号自动转化英文逗号失效问题?
  20. qt4.8+Phonon播放.wav声音文件

热门文章

  1. npm Error: error:0308010C:digital envelope routines::unsupported
  2. 分割论文:Adapting The Hypersphere Loss Function From Anomaly Detection To Anomaly Segmentation
  3. 第108次上Topic课(About Hotel)
  4. PAA-CBP聚丙烯酸修饰卡铂/PLL-CBP聚赖氨酸修饰卡铂/PLA-CBP聚乳酸修饰卡铂
  5. DG储能选址定容模型matlab 程序采用改进粒子群算法,考虑时序性得到分布式和储能的选址定容模型,程序运行可靠
  6. python下载包的方法
  7. 微信小程序美化方法大集合
  8. Path特效之PathMeasure打造万能路径动效
  9. 对日软件日语词汇收集(1)
  10. 毕业设计 嵌入式 智能门禁系统