Hexo博客搭建之旅
发布日期:2021-10-20 03:26:37 浏览次数:6 分类:技术文章

本文共 1957 字,大约阅读时间需要 6 分钟。

前言

一直想自己搭建一个自己的博客,断断续续,折折腾腾了一周多时间,终于算是搭建完毕了.

为什么要搭建博客呢?

  1. 想有个属于自己的博客空间
  2. 世面上的平台不够好看 - -
  3. 佩服那些有博客的人,所以自己也想搞一个

但是不懂服务器,没有空间,不懂前端怎么破?

本博客是利用+Github搭建,主题是,感觉不错,不需要什么上面所说的知识,也能搭建成功,方便也美观,我可以,你也可以.

接下来讲讲自己的经历,说下自己遇到的坑以及注意事项~

一.安装Git,Node.js

Hexo的文档还算详细,按照着文档安装Git,Node.js.

提醒一下:

  1. 要翻墙
  2. 网要好
  3. 有必要时 sudo 用起来..
    我记得当时网差,搞半天装不好...

等一切安装完毕,可以开始搭建博客了,

二.开始搭建博客

在某个目录执行

$ hexo init 
##如果folder没有创建,则会帮你创建$ cd
$ (sudo) npm install ##安装一些工具?

执行完会自动生成一些必要的文件

这个时候执行

$ hexo s ##开启本地服务器就可以

在浏览器输入 就可以看到博客了

三.部署到Github

  1. 新建github的博客仓库
  2. 将本地的ssh key 关联到github
  3. 部署本地hexo 与github关联

这里我只讲下配置hexo与github关联,其他的相信都已经做过!~

Hexo提供了一个非常快速方便的一键部署功能,一个命令即可!
不过不急,咱要先配置一下~

1. 修改_config.yml

deploy:  type: git  repository: git@github.com:AlanCheen/alancheen.github.io.git  branch: master  message:

这里遇到了个坑,看了很多教程,都说type:github,但是那是过去式了,试了我好几次都不行,其实现在应该填git了!!!所以官方文档才是最靠谱的

2. 安装git插件 hexo-deployer-git

$ npm install hexo-deployer-git --save

3. 部署到github

安装完毕后,执行遍可以把博客部署到github:

$ hexo d

如果一切顺利,你就能看到自己的博客了!!~

不过github可能要同步,不一定能马上看到,过一会就可以看到啦!莫着急!~

怎么样?

一个命令部署!!

简单方便!!

爽爆了!!

四.换主题

hexo自带的主题并不太好看,不过幸好hexo也提供了不少的

这里我选择了.

个人原因:

  1. 美观
  2. 有分类,标签等功能满足我的写作需求
  3. 响应式布局,在移动端观看也有很不错的阅读体验
    当然你可以选择其他的!~~

Jacman的作者写了个较为全面的使用教程:

一步一步照着修改你所要修改的即可,还算简单~

我就配置了几个

不过这里提醒一下,配置属性的注意点

  1. 某个属性:后面一定记得跟一个空格!不然会报错
  2. 注意编码格式,最好手动敲,不要从网站上复制黏贴,不然你哪里的空格格式不对,等着哭吧...
  3. 记得使用git保存,随时commit,在你突然出错的不知所措的时候,可以还原,?
  4. 没用git,没备份,为此我重新配置了好多遍....
  5. 微博秀的配置需要部署上github才能看到

五.配置自己的域名

  1. 购买域名
    很多人推荐什么国外的,但是比较贵,所以我还是选择了国内,
    最后我在买的.

不是所有你想要的域名都还存在,我最后买的域名: yifeiyuan.me, 3 年 265 还好~

  1. 解析域名
    按照所提示的将以下两个ip解析一下
192.30.252.154192.30.252.153
  1. 配置Hexo
    在根目录下/source/ 下新建一个CNAME 文件,将你的域名填入就行
  2. 部署到github
  3. 过一段时间,输入yifeiyuan.me,就可以啦~

六. 总结

  1. 对于一个不懂什么服务器,什么前端的人来说,Hexo+Github给搭建个人博客带来了很大的便利.
  2. 搭建博客不是心血来潮,也并不是一帆风顺的,所以需要耐心,折腾得起才行.
  3. 很多教程已经过时,多看官方文档.
  4. 搭建博客并不是必须,写笔记文章找个平台也是可以的.
  5. 搭建博客才是第一步,坚持写好文章才是关键,路还很长.

本人对Hexo的使用还只是基础的,皮毛的,可能有所遗漏,写的不好还望见谅!~

用了一会我感觉Hexo还是挺好用的,我表示我很喜欢!~

后面不出意外还会增加Hexo的使用心得/技巧,等我使用一段时间再说~

感谢Hexo,jacman,以及在搭建过程中帮祝过我的人!~

希望你早日也有一个自己的博客,再见!~

安利:

我的微信公众号:

531570-7d7d52ac63971762.jpg
微信公众号

转载地址:https://blog.csdn.net/u014400934/article/details/101479079 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:RxJava之Subscription
下一篇:每个人都应该懂一点设计原则

发表评论

最新留言

不错!
[***.144.177.141]2024年03月23日 01时33分45秒